*, *:before, *:after {
box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100% !important;
*width: 100% !important;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
/* float: none;*/
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
.content-wrapper {
margin: 0 auto;
max-width: 1270px;
}
@media screen and (min-width: 1380px) {
.content-wrapper {
padding: 0;
}
}
@media screen and (max-width: 1250px) {
.content-wrapper {
padding: 0 20px;
}
}
.dnd-section,
.content-wrapper--vertical-spacing {
padding: 80px 20px;
}
.dnd-section > .row-fluid {
margin: 0 auto;
max-width: 1270px;
}
.dnd-section .dnd-column {
padding: 0px 0px;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0;
}
}
/* Custom Fonts */
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: normal;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.ttf') format('truetype');
}
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: lighter;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Regular.ttf') format('truetype');
}
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: 500;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Medium.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Medium.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Medium.ttf') format('truetype');
}
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: bold;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Bold.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Bold.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-Bold.ttf') format('truetype');
}
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: 700;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-SemiBold.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-SemiBold.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: THICCCBOI;
font-style: normal;
font-weight: 800;
src: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-ExtraBold.eot') format('eot'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-ExtraBold.woff') format('woff'), url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/Business/Theme/fonts/THICCCBOI-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: 'Swiss721 BT';
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.eot');
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.eot?#iefix') format('embedded-opentype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.woff2') format('woff2'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.woff') format('woff'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.ttf') format('truetype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Bold.svg#Swiss721BT-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Swiss721 BT';
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.eot');
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.eot?#iefix') format('embedded-opentype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.woff2') format('woff2'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.woff') format('woff'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.ttf') format('truetype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/Swiss721BT-Regular.svg#Swiss721BT-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Ginto Normal';
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.eot');
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.eot?#iefix') format('embedded-opentype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.woff2') format('woff2'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.woff') format('woff'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.ttf') format('truetype'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/webfonts/GintoNormal-Regular.svg#GintoNormal-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'abc_ginto_normalmedium';
src: url('https://content.relesys.net/hubfs/Relesys_2022/Font/abc_ginto_medium-webfont.woff2') format('woff2'),
url('https://content.relesys.net/hubfs/Relesys_2022/Font/abc_ginto_medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Body */
body {
font-family: 'Swiss721 BT', sans-serif;
line-height: 1.4;
word-break: break-word;
}
html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
line-break: strict;
word-break: break-all;
}
/* Paragraphs */
p {
font-size: 1rem;
margin: 0 0 1.4rem;
}
strong {
font-weight: 700;
}
/* Anchors */
a {
cursor: pointer;
text-decoration: none;
transition: 1s all ease-in-out;
}
/* Headings */
h1 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h2 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h3 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h4 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h5 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h6 {
font-family: 'Swiss721 BT', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 0 0 1.4rem;
}
/* Navigation */
body .navigation-primary > .level-1 > .menu-item > a {
font-family: 'Swiss721 BT', sans-serif;
}
body .submenu.level-2 .menu-item .menu-link {
font-family: 'Swiss721 BT', sans-serif;
}
/* Footer */
.footer__columns h1,
.footer__columns h2,
.footer__columns h4,
.footer__columns h5,
.footer__columns h6
{
font-family: 'abc_ginto_normalmedium', sans-serif;
}
.footer__columns a {
font-family: 'Swiss721 BT', sans-serif;
}
.footer p {
font-family: 'Swiss721 BT', sans-serif;
}
.footer__copyright {
font-family: 'Swiss721 BT', sans-serif;
}
/* Mobile Custom Fonts Assigments */
@media(max-width: 767px) {
/* Body */
body {
font-family: 'Swiss721 BT', sans-serif;
}
/* Headings */
h1 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h2 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h3 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h4 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h5 {
font-family: 'abc_ginto_normalmedium', sans-serif;
}
h6 {
font-family: 'Swiss721 BT', sans-serif;
}
/* Navigation */
body .navigation-primary > .level-1 > .menu-item > a {
font-family: 'Swiss721 BT', sans-serif;
}
body .submenu.level-2 .menu-item .menu-link {
font-family: 'Swiss721 BT', sans-serif;
}
/* Footer */
.footer__columns h1,
.footer__columns h2,
.footer__columns h4,
.footer__columns h5,
.footer__columns h6
{
font-family: 'abc_ginto_normalmedium', sans-serif;
}
.footer__columns a {
font-family: 'Swiss721 BT', sans-serif;
}
.footer p {
font-family: 'Swiss721 BT', sans-serif;
}
.footer__copyright {
font-family: 'Swiss721 BT', sans-serif;
}
}
/* Lists */
ul,
ol {
margin: 0 0 1.5rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 0;
}
.hs_cos_wrapper_type_rich_text li, .hs_cos_wrapper_type_inline_rich_text li {
margin: 8px 0;
}
ul.no-list {
list-style: none;
}
/* Code blocks */
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
border-left: 2px solid #DCE0EB;
margin: 0 0 1.4rem;
padding-left: 15px;
}
/* Horizontal rules */
hr {
background-color: #DCE0EB;
border: none;
color: #CCC;
height: 1px;
}
/* Subscripts and superscripts */
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Focus styles */
:focus {
outline: auto;
outline-color: green;
}
.disable-focus-styles :focus {
outline: none;
}
button,
.button {
background-color: #EA6F63;
border: 1px solid #EA6F63;
border-radius: 16px;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
height: auto;
line-height: 1.1;
margin: 0;
padding: 20px 28px;
position: relative;
text-align: center;
text-decoration: none;
transition: 0.2s ease-in-out;
white-space: normal;
width: auto;
word-break: break-word;
}
button:disabled,
.button:disabled {
background-color: #D0D0D0;
border-color: #D0D0D0;
color: #E6E6E6;
}
/* Contact Form */
.elements--contact-form__container {
background: #FFFFFF;
border: 0.5px solid #E7E8F1;
box-sizing: border-box;
box-shadow: 0px 2px 6px rgba(20, 27, 43, 0.05);
border-radius: 36px;
}
@media(max-width: 767px) {
form fieldset.form-columns-2 .hs-form-field {
float: none !important;
width: 100% !important;
}
form fieldset.form-columns-2 .input,
form fieldset.form-columns-1 .input {
margin-right: 0px !important;
}
form .form-columns-2 .hs-form-field .hs-input {
width: 100% !important;
}
}
/* Form */
form {
outline: none;
}
.hs-form-field {
margin-bottom: 1.8rem;
}
/* Labels */
form label {
color: #33475B;
display: block;
padding-top: 0;
margin-bottom: 0.35rem;
text-align: left;
width: auto;
margin-top: 0.35rem;
}
/* Help text - legends */
form legend {
color: #33475B;
font-size: 0.875rem;
}
/* Inputs */
.input {
position: relative;
transition: 0.15s linear;
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
background-color: #FFF;
border-radius: 3px;
display: inline-block;
padding: 0.7rem 1.2rem;
width: 100%;
transition: 0.15s linear;
}
/* Custom Input */
ul.inputs-list.multi-container li.hs-form-checkbox {
margin: 16px 0;
}
ul.inputs-list.multi-container li.hs-form-checkbox label {
position: relative;
margin: 24px 0;
}
ul.inputs-list.multi-container li.hs-form-checkbox label span {
display: inline-block;
margin-left: 36px;
margin-right: 16px;
margin-top: -8px;
}
/* Hide the original checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label input {
height: 22px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 22px;
}
/* Add new checkbox */
ul.inputs-list.multi-container li.hs-form-checkbox label span::before {
border: 1px solid #DCE0EB;
content: "";
height: 22px;
left: 0;
position: absolute;
top: 0;
width: 22px;
box-shadow: inset 0px -1px 5px rgba(0, 0, 0, 0.08);
border-radius: 0px;
}
/* Style new checked item */
ul.inputs-list.multi-container li.hs-form-checkbox label span::after {
content: "";
border: 2px solid #FFFFFF;
border-left: 0;
border-top: 0;
height: 14px;
left: 8px;
opacity: 0;
position: absolute;
top: 2px;
transform: rotate(40deg);
transition: opacity .2s ease-in-out;
width: 6px;
}
/* Show when checked */
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::after {
opacity: 1;
}
ul.inputs-list.multi-container li.hs-form-checkbox label input:checked + span::before {
background: #EA6F63;
border: 1px solid #EA6F63;
}
/* Style when focused */
ul.inputs-list.multi-container li.hs-form-checkbox label input:focus + span::after {
outline: 3px solid transparent; /* For Windows high contrast mode. */
}
fieldset {
max-width: 100% !important;
}
::-webkit-input-placeholder {
color: #2f2f2f;
}
::-moz-placeholder {
color: #2f2f2f;
}
:-ms-input-placeholder {
color: #2f2f2f;
}
:-moz-placeholder {
color: #2f2f2f;
}
::placeholder {
color: #2f2f2f;
}
/* Inputs - checkbox/radio */
form .inputs-list {
margin: 0;
padding: 0;
list-style: none;
}
.inputs-list > li {
display: block;
margin: 0.7rem 0;
padding: 0;
width: 100%;
}
.inputs-list input,
.inputs-list span {
font-size: 0.875rem;
vertical-align: middle;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
border: none;
cursor: pointer;
height: auto;
line-height: normal;
margin-right: 0.35rem;
padding: 0;
width: auto;
}
/* Inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
color: #33475B;
content:'\01F4C5';
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.fn-date-picker .pika-table thead th {
color: #FFF;
}
.fn-date-picker td.is-today .pika-button {
color: #343A40;
}
.fn-date-picker td.is-selected .pika-button {
background: #343A40;
border-radius: 0;
box-shadow: none;
}
.fn-date-picker td .pika-button:hover {
background-color: #343A40 !important;
border-radius: 0 !important;
color: #FFF;
}
/* Inputs - file picker */
input[type=file] {
background-color: transparent;
border: initial;
box-shadow: none;
line-height: initial;
padding: initial;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
font-size: 0.875rem;
margin: 0 0 1.4rem;
}
form .hs-richtext img {
max-width: 100% !important;
}
form .header {
background-color: transparent;
border: none;
}
/* GDPR */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
font-size: 0.875rem;
margin-left: 1rem !important;
}
/* Validation */
.hs-form-required {
color: red;
}
.hs-input.invalid.error {
border-color: #EF6B51;
}
.hs-error-msg {
color: #dc3545;
margin-top: 0.35rem;
}
/* Submit button */
form input[type=submit],
form .hs-button {
background-color: #494A52;
border: 1px solid #494A52;
border-radius: 6px;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.1;
margin: 0;
padding: 15px 53px;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.15s linear;
white-space: normal;
width: auto;
word-break: break-word;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color: #21222A;
border-color: #21222A;
color: #FFF;
}
form input[type=submit]:active,
form .hs-button:active {
background-color: #71727A;
border-color: #71727A;
color: #FFF;
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
/* Table */
table {
border: 1px solid #DEE2E6;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
}
tbody + tbody {
border-top: 2px solid #DEE2E6;
}
/* Table Cells */
th,
td {
border: 1px solid #DEE2E6;
padding: 0.75rem;
vertical-align: top;
}
/* Table Header */
thead th,
thead td {
background-color: #343A40;
border-bottom: 2px solid #DEE2E6;
color: #FFF;
vertical-align: bottom;
}
/* Header container */
/* The overlay effect with black background */
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9); /* Black with a little bit see-through */
}
/* The content */
.overlay-content {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}
/* Close button */
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.overlay .closebtn:hover {
color: #ccc;
}
/* Style the search field */
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: white;
}
.overlay input[type=text]:hover {
background: #f1f1f1;
}
/* Style the submit button */
.overlay button {
float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
}
.overlay button:hover {
background: #bbb;
}
.header {
width: 100%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.header__container__main {
padding: 20px 0;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.header--no-navigation {
padding-top: 20px;
padding-bottom: 20px;
}
.header__container--no-navigation img {
vertical-align: middle;
margin-top: 0 !important;
}
@media only screen and (min-width:769px) {
.header__column-mega-menu {
flex: auto;
text-align: center;
}
}
@media (min-width: 1001px) {
.sticky-padding {
padding-top: 103px;
}
.sticky {
/* box-shadow: 0px 2px 6px rgb(31 37 89 / 6%); */
padding: 10px 0 14px;
}
.header {
position: fixed;
top: 0;
z-index: 99999999;
}
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
.sticky {
/* box-shadow: 0px 2px 6px rgb(31 37 89 / 6%); */
padding: 10px 0 14px;
}
.header {
position: fixed;
top: 0;
z-index: 999999;
}
.sticky-padding {
padding-top: 103px;
}
}
@media (max-width: 767px) {
.sticky {
/* box-shadow: 0px 2px 6px rgb(31 37 89 / 6%); */
padding: 10px 0 14px;
}
.header {
position: fixed;
top: 0;
z-index: 999999;
}
.sticky-padding {
padding-top: 103px;
}
}
.header_button_no_navigation {
margin-top: 5px;
}
.header__button .elements-module-buttons-container button {
margin-bottom: 0;
}
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header__row-1,
.header__row-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
/* Navigation skipper */
.header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px;
}
.header__skip:active,
.header__skip:focus,
.header__skip:hover {
left: 0;
overflow: visible;
top: 0;
width: auto;
}
/* ------------------------------------------------------------------ header_style_1 ----------------------------------------------------------------------*/
/* Logo */
.header__logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
margin-right: auto;
max-width: 200px;
overflow: hidden;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
}
.header__logo img {
max-width: 100%;
margin-top: 10px;
height: auto !important;
}
.header__logo .logo-company-name {
font-size: 28px;
margin-top: 7px;
}
.open {
overflow: overlay;
}
.header__logo--no-navigation {
margin: 0 auto 0;
}
.header--no-navigation {
border-bottom: 1px solid #DCE0EB;
}
.header__logo:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* Search bar */
.header__search {
width: 50px;
}
.header__search .hs-search-field__input {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjBwdCIgaGVpZ2h0PSIyMHB0IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTIuMTU2ODYzJSwxNC41MDk4MDQlLDM0LjkwMTk2MSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSA4LjgwODU5NCAwIEMgMy45NTMxMjUgMCAwIDMuOTUzMTI1IDAgOC44MDg1OTQgQyAwIDEzLjY2NDA2MiAzLjk1MzEyNSAxNy42MTMyODEgOC44MDg1OTQgMTcuNjEzMjgxIEMgMTMuNjY0MDYyIDE3LjYxMzI4MSAxNy42MTMyODEgMTMuNjY0MDYyIDE3LjYxMzI4MSA4LjgwODU5NCBDIDE3LjYxMzI4MSAzLjk1MzEyNSAxMy42NjQwNjIgMCA4LjgwODU5NCAwIFogTSA4LjgwODU5NCAxNS45ODgyODEgQyA0Ljg0NzY1NiAxNS45ODgyODEgMS42MjUgMTIuNzY1NjI1IDEuNjI1IDguODA4NTk0IEMgMS42MjUgNC44NDc2NTYgNC44NDc2NTYgMS42MjUgOC44MDg1OTQgMS42MjUgQyAxMi43NjU2MjUgMS42MjUgMTUuOTg4MjgxIDQuODQ3NjU2IDE1Ljk4ODI4MSA4LjgwODU5NCBDIDE1Ljk4ODI4MSAxMi43NjU2MjUgMTIuNzY1NjI1IDE1Ljk4ODI4MSA4LjgwODU5NCAxNS45ODgyODEgWiBNIDguODA4NTk0IDE1Ljk4ODI4MSAiLz4KPHBhdGggc3R5bGU9IiBzdHJva2U6bm9uZTtmaWxsLXJ1bGU6bm9uemVybztmaWxsOnJnYigxMi4xNTY4NjMlLDE0LjUwOTgwNCUsMzQuOTAxOTYxJSk7ZmlsbC1vcGFjaXR5OjE7IiBkPSJNIDE5Ljc2MTcxOSAxOC42MTMyODEgTCAxNS4xMDE1NjIgMTMuOTQ5MjE5IEMgMTQuNzgxMjUgMTMuNjMyODEyIDE0LjI2OTUzMSAxMy42MzI4MTIgMTMuOTQ5MjE5IDEzLjk0OTIxOSBDIDEzLjYzMjgxMiAxNC4yNjk1MzEgMTMuNjMyODEyIDE0Ljc4NTE1NiAxMy45NDkyMTkgMTUuMTAxNTYyIEwgMTguNjEzMjgxIDE5Ljc2MTcxOSBDIDE4Ljc2OTUzMSAxOS45MjE4NzUgMTguOTgwNDY5IDIwIDE5LjE4NzUgMjAgQyAxOS4zOTQ1MzEgMjAgMTkuNjAxNTYyIDE5LjkyMTg3NSAxOS43NjE3MTkgMTkuNzYxNzE5IEMgMjAuMDc4MTI1IDE5LjQ0NTMxMiAyMC4wNzgxMjUgMTguOTI5Njg4IDE5Ljc2MTcxOSAxOC42MTMyODEgWiBNIDE5Ljc2MTcxOSAxOC42MTMyODEgIi8+CjwvZz4KPC9zdmc+Cg==') !important;
background-position: center right 15px;
background-repeat: no-repeat;
font-size: 22px;
font-weight: 300;
height: 45px;
padding: 0 15px;
border: none;
}
.header__search .hs-search-field__input:hover {
cursor: pointer;
}
.header__search .hs-search-field__input:focus {
background-color: #FFF;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
background-position: center right 15px;
background-repeat: no-repeat;
border: 1.79px solid #D1D6DC;
border-radius: 6px;
font-weight: 300;
height: 45px;
padding: 0 15px;
width: 150px;
}
.header__search .hs-search-field--open .hs-search-field__input {
border: 1.79px solid #D1D6DC;
border-bottom: none;
border-radius: 6px 6px 0 0;
background-color: #FFF;
}
.header__search .hs-search-field__input::placeholder {
color: transparent;
}
.header__search .hs-search-field--open .hs-search-field__suggestions {
background-color: #FFF;
border: 1.79px solid #D1D6DC;
border-top: -2px solid #FFF;
border-radius: 0 0 6px 6px;
position: absolute;
width: 100%;
z-index: 10;
}
.header__search .hs-search-field__suggestions li {
border-top: 1px solid #D1D6DC;
font-size: 16px;
}
.header__search .hs-search-field__suggestions li a {
color: #494A52;
padding: 3px 15px;
text-decoration: none;
transition: background-color 0.3s;
}
.header__search .hs-search-field__suggestions #results-for {
display: none;
}
.level-2.level-3, .submenu.level-2 {
display: none;
}
/* ------------------------------------------------------------------ end header_style_1 ----------------------------------------------------------------------*/
/* Language switcher */
.header__language-switcher {
cursor: pointer;
}
.header__language-switcher--label {
margin-right: 12px;
border-radius: 50%;
width: 45px;
height: 45px;
border: 1px solid #EFF1F6;
box-shadow: 0px 4.16667px 10.4167px rgba(20, 20, 43, 0.04);
transition: 0.2s ease-in-out;
align-items: center;
justify-content: center;
}
.header__language-switcher:hover .header__language-switcher--label {
transform: scale(1.1);
}
.header__language-switcher .lang_switcher_class {
position: static;
margin-top: 8px !important;
}
.globe_class {
background-size: contain;
transition: 0.2s ease-in-out;
}
.header__language-switcher--label-current {
display: none !important;
}
.header__language-switcher .lang_switcher_class {
margin-top: 5px;
}
.header__language-switcher .lang_list_class {
border-radius: 15px;
min-width: 150px;
-webkit-box-shadow: 0px -2px 4px rgb(31 37 89 / 2%), 0px 6px 18px rgb(31 37 89 / 7%);
box-shadow: 0px -2px 4px rgb(31 37 89 / 2%), 0px 6px 18px rgb(31 37 89 / 7%);
display: block;
left: calc(100% + -3px);
opacity: 0;
padding-top: 0;
text-align: left;
top: 100%;
transition: opacity 0.3s;
visibility: hidden;
padding: 0 16px;
}
.header__language-switcher-label-current, .header__language-switcher .lang_list_class li a {
font-size: 115% !important;
}
.header__language-switcher:hover .lang_list_class {
opacity: 1;
transition: opacity 0.3s;
visibility: visible;
}
.header__language-switcher .lang_list_class:after {
display: none;
}
.header__language-switcher .lang_list_class.first-active::after {
border-bottom-color: #EBEFF3;
top: -22px;
transition: 0.3s;
}
.header__language-switcher .lang_list_class li {
border: none;
padding: 0px 15px;
}
.header__language-switcher .lang_list_class li:first-child {
border-radius: 15px 15px 0 0;
border-top: none;
}
.header__language-switcher .lang_list_class li:last-child {
border-bottom: none;
border-radius: 0 0 15px 15px;
}
.header__language-switcher .lang_list_class li:hover {
background-color: #EBEFF3;
transition: background-color 0.3s;
}
.header__language-switcher .lang_list_class li a {
}
.header__language-switcher .lang_list_class li a:hover {
}
.header__language-switcher--label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.header__language-switcher--label-current {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
margin-left: 10px;
}
.header__language-switcher--label-current:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 6px solid #494A52;
content: "";
display: block;
height: 0px;
margin-left: 10px;
margin-top: 3px;
width: 0px;
}
/* Navigation */
#nav-toggle {
display: none;
}
.header__menu--flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header__search .hs-search-field__input:focus {
position: absolute !important;
right: -2px !important;
top: -23px !important;
width: 200px;
}
.header__search--toggle {
fill: #1F2559 !important;
}
.header__button {
margin-left: 8px;
}
.header__navigation {
margin-right: 8px;
}
a.lang_switcher_link.nl:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Dutch.png);
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
}
.globe_class.nl {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Dutch.png);
}
a.lang_switcher_link.en:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/English.png);
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
}
.globe_class.en {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/English.png);
}
a.lang_switcher_link.sv:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Swedish.png);
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
}
.globe_class.sv {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Swedish.png);
}
a.lang_switcher_link.da:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Danish.png);
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
}
.globe_class.da {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Danish.png);
}
/* Tablet styles */
/*
@media (max-width: 1150px) and (min-width: 858px) {
.header__column {
width: 100%;
}
}*/
/* Mobile styles */
@media (max-width: 910px) {
.header__language-switcher .lang_list_class {
left: -18px !important;
}
.header__language-switcher {
position: absolute;
top: -54px;
right: 124px;
}
.sticky {
padding: 8px 0 10px !important;
}
.hs_cos_wrapper_site_logo_hs_logo_widget img {
margin-top: 8px;
}
.header__button {
display: none;
}
.header__logo--main {
padding-bottom: 0px !important;
}
}
@media (min-width: 910px) {
.header__search {
display: none;
}
}
@media (max-width: 767px) {
label.menu-arrow {
width: 100% !important;
background: transparent !important;
height: auto !important;
min-height: 60px;
}
.header__logo img {
margin-top: 0px !important;
}
.header__language-switcher {
z-index: 999;
}
}
@media (max-width: 910px) {
.header__row-2 {
display: none !important;
}
.header__search .hs-search-field__input:focus {
position: relative !important;
right: unset !important;
top: unset !important;
width: 100%;
}
.header__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 9px 0 0;
}
.header--no-navigation {
padding-top: 20px;
padding-bottom: 20px;
}
.header__container--no-navigation {
padding: 0;
}
.header__container form {
max-width: 100%;
}
.header__logo {
padding: 0px 0px 0px 20px;
width: 100%;
}
.header--no-navigation .header__logo {
margin: 0 auto 0;
}
.header__navigation,
.header__search,
.header__language-switcher {
/*display: none;*/
}
.header__navigation,
.header__search {
opacity: 0;
height: 0;
width: 100%;
visibility: hidden;
transition: all .25s ease-in-out;
position: absolute;
top: 10px !important;
left: 0;
right: 0;
}
.header__navigation.open,
.header__search.open {
background-color: #FFFFFF;
/*display: block;*/
height: calc(100vh - 115px);
z-index: 2;
opacity: 1;
visibility: visible;
}
.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle,
.header__close--toggle {
cursor: pointer;
margin: 0 5vw;
position: relative;
}
.header__navigation--toggle.hide,
.header__search--toggle.hide {
/*display: none; */
opacity: 0;
visibility: hidden;
}
.header__navigation--toggle.open,
.header__search--toggle.open {
/*display: block;*/
margin-left: 0;
margin-right: auto;
}
.header__navigation--toggle.open:after,
.header__search--toggle.open:after {
/* display: block;*/
visibility: visible;
word-break: normal;
opacity: 1;
}
.header__navigation--toggle:after,
.header__search--toggle:after {
/*display: none; */
visibility: hidden;
font-size: 26px;
font-weight: 600;
position: absolute;
display: block;
left: 40px;
text-transform: uppercase;
top: -10px;
transition: 0.35s ease-in-out;
opacity: 0;
}
.header__column {
position: relative;
}
.header__row-1,
.header__row-2 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header__row-2 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
}
.header__navigation--toggle {
background-image: url('data:image/svg+xml;utf8,');
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
visibility: visible;
cursor: pointer;
height: 43px;
width: 43px;
position: absolute;
display: block !important;
opacity: 1;
top: -52px;
right: 20px;
background-color: #EA6F63;
padding: 10px !important;
border-radius: 7px;
transition: all ease 0.35s !important;
}
.header__navigation--toggle:hover,
.header__navigation--toggle:active,
.header__navigation--toggle:focus{
transform: scale(1.1);
}
.header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle {
margin: 0 !important;
}
.header__search--toggle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjRwdCIgaGVpZ2h0PSIyNHB0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSI+CjxnIGlkPSJzdXJmYWNlMSI+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTIuMTU2ODYzJSwxNC41MDk4MDQlLDM0LjkwMTk2MSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAxMC41NzAzMTIgMCBDIDQuNzQyMTg4IDAgMCA0Ljc0MjE4OCAwIDEwLjU3MDMxMiBDIDAgMTYuMzk4NDM4IDQuNzQyMTg4IDIxLjEzNjcxOSAxMC41NzAzMTIgMjEuMTM2NzE5IEMgMTYuMzk4NDM4IDIxLjEzNjcxOSAyMS4xMzY3MTkgMTYuMzk4NDM4IDIxLjEzNjcxOSAxMC41NzAzMTIgQyAyMS4xMzY3MTkgNC43NDIxODggMTYuMzk4NDM4IDAgMTAuNTcwMzEyIDAgWiBNIDEwLjU3MDMxMiAxOS4xODc1IEMgNS44MTY0MDYgMTkuMTg3NSAxLjk1MzEyNSAxNS4zMjAzMTIgMS45NTMxMjUgMTAuNTcwMzEyIEMgMS45NTMxMjUgNS44MTY0MDYgNS44MTY0MDYgMS45NTMxMjUgMTAuNTcwMzEyIDEuOTUzMTI1IEMgMTUuMzIwMzEyIDEuOTUzMTI1IDE5LjE4NzUgNS44MTY0MDYgMTkuMTg3NSAxMC41NzAzMTIgQyAxOS4xODc1IDE1LjMyMDMxMiAxNS4zMjAzMTIgMTkuMTg3NSAxMC41NzAzMTIgMTkuMTg3NSBaIE0gMTAuNTcwMzEyIDE5LjE4NzUgIi8+CjxwYXRoIHN0eWxlPSIgc3Ryb2tlOm5vbmU7ZmlsbC1ydWxlOm5vbnplcm87ZmlsbDpyZ2IoMTIuMTU2ODYzJSwxNC41MDk4MDQlLDM0LjkwMTk2MSUpO2ZpbGwtb3BhY2l0eToxOyIgZD0iTSAyMy43MTQ4NDQgMjIuMzM1OTM4IEwgMTguMTIxMDk0IDE2Ljc0MjE4OCBDIDE3LjczODI4MSAxNi4zNTkzNzUgMTcuMTIxMDk0IDE2LjM1OTM3NSAxNi43NDIxODggMTYuNzQyMTg4IEMgMTYuMzU5Mzc1IDE3LjEyMTA5NCAxNi4zNTkzNzUgMTcuNzM4MjgxIDE2Ljc0MjE4OCAxOC4xMjEwOTQgTCAyMi4zMzU5MzggMjMuNzE0ODQ0IEMgMjIuNTIzNDM4IDIzLjkwNjI1IDIyLjc3MzQzOCAyNCAyMy4wMjM0MzggMjQgQyAyMy4yNzM0MzggMjQgMjMuNTIzNDM4IDIzLjkwNjI1IDIzLjcxNDg0NCAyMy43MTQ4NDQgQyAyNC4wOTM3NSAyMy4zMzIwMzEgMjQuMDkzNzUgMjIuNzE0ODQ0IDIzLjcxNDg0NCAyMi4zMzU5MzggWiBNIDIzLjcxNDg0NCAyMi4zMzU5MzggIi8+CjwvZz4KPC9zdmc+Cg==) !important;
background-size: cover;
height: 25px;
width: 25px;
position: absolute;
top: -41px;
right: 70px;
}
.header__search--toggle:after {
content: "Search";
}
.header__search {
border-top: 2px solid #CED4DB;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 30px;
}
.header__search .hs-search-field__input {
padding-left: 15px;
}
.header__search .hs-search-field__suggestions li {
padding: 10px 0;
}
.header__close--toggle {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 13px;
background-position: center;
visibility: hidden;
height: 43px !important;
margin-right: 0;
width: 43px !important;
margin-top: 16px;
position: absolute;
opacity: 0;
top: -52px;
right: 20px;
background-color: #EA6F63;;
padding: 10px !important;
border-radius: 7px;
transition: all ease 0.35s !important;
}
.header__close--toggle:hover,
.header__close--toggle:active,
.header__close--toggle:focus{
transform: scale(1.2);
}
.header__close--toggle.show {
visibility: visible;
opacity: 1;
}
}
.footer {
background-color: #FFFFFF;
padding: 80px 20px 0 20px;
}
.footer__logo {
margin-bottom: 8px;
}
.footer__logo img {
margin-bottom: 8px;
-webkit-transition: -webkit-transform 350ms ease;
transition: transform 350ms ease,-webkit-transform 350ms ease;
}
.footer__logo img:hover {
transform: scale(1.05);
}
.footer__form .hs-form-field {
margin-bottom: 10px;
}
.footer-no-navigation {
background-color: #FFFFFF;
padding: 0 20px;
}
.footer-fixed {
position: fixed;
width: 100%;
bottom: 0;
}
.footer__container.content-wrapper {
padding: 0;
}
.footer__container-no-navigation.content-wrapper {
padding: 2.5rem 0 1.5rem 0;
}
.footer__container-top {
border-bottom: 1px solid #DCE0EB;
padding: 0 0px 1.8rem 0px;
margin-bottom: 72px;
}
.footer__container-bottom {
border-top: 1px solid #DCE0EB;
margin-top: 72px;
padding: 2rem 0px 0.5rem 0px;
}
.footer__copyright {
text-align: left;
}
.footer-no-navigation__copyright {
text-align: right;
float: right;
margin-top: 6px;
}
.footer__left-column {
padding-right: 16px;
}
.footer__logo img {
max-width: 100%;
}
.footer__description {
margin-bottom: 24px;
}
.footer__image {
float: left;
}
.footer__social-icons .social-links {
justify-content: left;
}
.footer__columns__grid {
display: grid;
grid-template-columns: repeat(4, auto);
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.footer__columns {
display: flex;
}
@media (max-width: 1100px) {
.footer__columns__grid {
padding-left: 15%;
grid-template-columns: repeat(3, auto);
}
.footer__columns {
justify-content: flex-start;
}
}
@media (max-width: 976px) {
.footer__columns__grid {
padding-left: 15%;
grid-template-columns: repeat(2, auto);
}
.footer__left-column {
/*width: 40% !important;*/
}
.footer__columns {
/*width: 25% !important;
margin-top: 32px;
text-align: left;*/
}
}
@media (max-width: 767px) {
.footer__container-top {
padding: 0 0px 2.5rem 0px;
}
.footer-no-navigation__logo {
text-align: center;
margin-bottom: 0px !important;
}
.footer__columns__grid {
padding-left: 0;
}
.footer__left-column {
padding-right: 0px;
width: 100% !important;
}
.footer__right-column {
width: 100% !important;
padding:2rem;
}
.footer__form {
margin-top: 32px;
}
.footer__form form input[type=submit],.footer__form form .hs-button {
width: 100% !important;
}
.footer {
padding-top: 48px;
padding-bottom: 32px;
padding-left:0px;
padding-right:0px;
padding:1rem!important;
}
.footer__copyright {
width: 100% !important;
text-align: left;
padding: 1rem 0 0.5rem 0;
}
.footer-no-navigation__copyright {
width: 100% !important;
text-align: center;
padding: 0 0 0.5rem 0;
}
.footer__social-icons {
margin-top: 16px;
width: 100% !important;
}
.footer__container-no-navigation.content-wrapper {
padding: 1.5rem 0 2rem 0;
}
.elements-social-links__container_module_161107835119668 {
text-align: center;
margin-top: 20px !important;
margin-bottom: 0px !important;
}
}
@media (max-width: 420px) {
.footer__columns__grid {
grid-template-columns: repeat(2, auto);
}
.footer__container-bottom {
margin-top: 30px;
}
.footer__copyright {
background-color: #F5F5F5;
text-align: center;
}
}
.hs-menu-wrapper ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding-left: 0;
}
/* Horizontal menu */
.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* Vertical menu */
.hs-menu-wrapper.hs-menu-flow-vertical ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 767px) {
.hs-menu-wrapper.hs-menu-flow-vertical ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.hs-menu-wrapper.flyouts .hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
left: -9999px;
opacity: 0;
position: absolute;
}
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
display: block;
white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 0;
opacity: 1;
top: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 100%;
opacity: 1;
top: 0;
}
@media (max-width: 767px) {
.hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
left: 0;
opacity: 1;
position: relative;
top: auto;
}
}
/* Blog 1 */
.blog-tag-filter-item {
font-weight: 600 !important;
}
@media(min-width: 768px) {
.elements__blog__header-container {
display: flex;
align-items: center;
justify-content: center;
}
}
/* Blog 2 */
.elements--blog-2__header {
margin-top: 72px;
}
.elements--blog-2__latest-articles {
padding: 100px 0 356px;
}
.elements--blog-2__cta-subscribe {
padding-top: 36px;
}
@media(max-width: 768px) {
.elements--blog-2__latest-articles {
padding: 56px 0 354px;
}
.elements--blog-2__cta-subscribe {
padding-top: 40px;
}
.elements--blog-2__header {
margin-top: 32px;
}
}
/* Blog Post 1 */
.elements-div-content_blog-post-1-form {
border: 1px solid #EFF1F6 !important;
box-shadow: 0px 5px 14px rgba(8, 15, 52, 0.04) !important;
}
.business-previous-page__link {
transition: 0.3s ease-in-out;
}
.business-previous-page__link:hover {
color: #EA6F63 !important;
}
.business-previous-page__link svg {
transition: 0.3s ease-in-out;
}
.business-previous-page__link:hover svg {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
.elements--post--blog--header__container {
margin-top: 40px;
}
.elements--post--blog--header__date {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: flex;
align-items: center;
font-weight: 700;
color: #141A2B;
margin-bottom: 0;
margin-top: 16px;
margin-left: 24px;
}
.elements--post--blog--tag__badge {
background-color: #EA6F63;
color: #FFFFFF;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
font-weight: 700;
border-radius: 100px;
}
.elements--post--blog--tag__badge:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post--blog_1--header-container {
max-width: 914px;
margin: 32px auto 8px;
}
.elements--post--blog__title {
margin: 32px auto 8px;
}
.elements--post--blog__subtitle {
margin: 24px auto 96px;
}
.elements--post--blog__image {
margin-top: 12px;
object-fit: cover;
margin-bottom: 64px;
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
}
.elements--post--blog__image__2 {
width: 100%;
margin-top: 12px;
object-fit: cover;
margin-bottom: 16px;
border-radius: 36px;
}
.elements--post--blog--main__content {
margin-top: 80px;
margin-bottom: 124px;
position: relative;
}
.elements--post--blog--author__container {
position: -webkit-sticky;
position: sticky;
top: 24px;
margin-left: 0 !important;
}
.elements--post--blog--author__card {
text-align: center;
padding: 48px 26px 54px;
max-width: 412px;
width: 100% !important;
}
.elements--post--blog--author__image {
width: 140px;
height: 140px;
border-radius: 50%;
margin-bottom: 16px;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
}
.elements--post--blog--author__image:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post--blog--author__display__name {
margin-bottom: 12px;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
}
.elements--post--blog--author__display__name:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post--blog--author__social__icons--container {
margin: 4px -10px 0px -10px;
}
.elements--post--blog--author__social__icons {
margin: 0px 10px;
width: 46.7px;
height: 46.7px;
border-radius: 50%;
-webkit-filter: drop-shadow(0px 11.89px 16.35px rgba(10, 102, 194, 0.15));
filter: drop-shadow(0px 11.89px 16.35px rgba(10, 102, 194, 0.15));
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
}
.elements--post--blog--author__social__icons:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post--blog--card--author__display__name__social--container {
display: inline-block;
}
.elements--post--blog--body img {
max-width: 100%;
}
.elements--post--blog--body ul li {
margin: 12px 0px;
}
.elements-sac-card__arrow {
height: 11px;
width: 11px;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.17578 5.67773L8.18983 5.67773L1.17578 5.67773Z' fill='%23EA6F63'/%3E%3Cpath d='M1.17578 4.95273L0.450781 4.95273L0.450781 6.40273L1.17578 6.40273L1.17578 4.95273ZM8.18983 6.40273C8.59023 6.40273 8.91483 6.07814 8.91483 5.67773C8.91483 5.27733 8.59023 4.95273 8.18983 4.95273L8.18983 6.40273ZM1.17578 6.40273L8.18983 6.40273L8.18983 4.95273L1.17578 4.95273L1.17578 6.40273Z' fill='%23EA6F63'/%3E%3Cpath d='M5.70378 1.1648L5.19084 0.65243L4.1661 1.6783L4.67904 2.19067L5.70378 1.1648ZM9.19141 5.67334L9.70378 6.18627L10.2173 5.67334L9.70378 5.16041L9.19141 5.67334ZM4.67904 9.15601L4.1661 9.66838L5.19084 10.6943L5.70378 10.1819L4.67904 9.15601ZM4.67904 2.19067L8.67904 6.18627L9.70378 5.16041L5.70378 1.1648L4.67904 2.19067ZM8.67904 5.16041L4.67904 9.15601L5.70378 10.1819L9.70378 6.18627L8.67904 5.16041Z' fill='%23EA6F63'/%3E%3C/svg%3E%0A");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
margin-left: 6px;
transition: 0.3s ease-in-out;
}
.blog-index__post:hover .elements-sac-card__arrow {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
@media(max-width: 867px) {
.elements__blog__column-right {
padding-top: 0 !important;
}
.elements--post--blog--main__content {
margin-bottom: 56px;
}
.elements--post--blog__image {
margin-bottom: 24px;
width: 44vh;
}
.elements--post--blog__subtitle {
margin-bottom: 32px;
}
.elements--post--blog--header__container {
margin-top: 0;
}
.elements--post--blog_1--header-container {
margin-top: 12px;
}
.elements--post--blog--author__image {
width: 116px;
height: 116px;
}
.elements--post--blog--author__card {
padding: 36px 36px 40px;
}
.elements--post--blog--author__social__icons {
margin: 0px 6px;
width: 40px;
height: 40px;
}
}
@media(max-width: 767px) {
.elements--post--blog--author__social__icons {
width: 36px;
height: 36px;
}
.elements--post--blog--author__image {
width: 90px;
height: 90px;
}
.elements--post--blog--main__content {
margin-top: 36px;
}
.elements--post--blog--author__card {
max-width: 100%;
}
.elements--post--blog--author__container {
position: -webkit-unset;
position: unset;
margin-bottom: 36px;
}
.elements--post--blog--body {
float: unset;
margin-top: 32px;
}
}
/* Blog Post 2 */
.elements--post2--blog-pagination__link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #EA6F63 !important;
margin-bottom: 14px;
text-decoration: none !important;
}
.elements--post2--blog-pagination__link svg {
fill: #EA6F63;
margin-right: 8px;
filter: drop-shadow(0px 2px 4px rgba(244, 38, 62, 0.18));
width: 10px;
}
.elements--post2--blog--header__container {
margin-top: 72px;
}
.elements--post2--blog__subtitle {
margin-top: 16px;
}
.elements--post2--blog--header__text {
margin: 0 auto 52px;
border-bottom: 1px solid #DCE0EB;
padding-bottom: 24px;
}
.elements--post2--blog--author__image {
width: 48px;
height: 48px;
border-radius: 50%;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
}
.elements--post2--blog--author__image:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post2--blog--author__display__name {
display: inline-block;
vertical-align: 18px;
margin-left: 10px;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
}
.elements--post2--blog--author__display__name:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.elements--post2--blog--author__display__separator {
display: inline-block;
vertical-align: 22px;
width: 24px;
height: 2px;
border-top: 1px solid #DCE0EB;
margin: 0 12px;
}
.elements--post2--blog--author__display__date {
display: inline !important;
vertical-align: 18px;
}
.elements--post2--blog--author__social__icons--container {
padding: 8px 0 12px;
}
.elements--post2--blog--body {
max-width: 786px;
margin: 16px auto;
}
.elements--post2--blog--body > p {
max-width: 300px;
}
.elements--post2--blog--body img {
max-width: 100%;
}
.elements--post2--blog--author__card {
text-align: left;
padding: 60px 56px 56px;
max-width: 797px;
width: 100% !important;
margin: 56px auto 156px;
}
.elements--post2--blog--author__card__2 {
text-align: center;
padding: 60px 32px 40px;
width: 100% !important;
}
.elements--post2--blog--card--author__image {
width: 203px;
height: auto;
border-radius: 50%;
max-width: 100%;
object-fit: cover;
}
.elements--post2--blog--card--author__image__2 {
width: 151px;
height: auto;
border-radius: 50%;
max-width: 100%;
object-fit: cover;
}
.elements--post2--blog--card--author__display__name {
margin-bottom: 8px;
}
.elements--post2--blog--author__social__icons {
margin-right: 6px;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
display: inline-block;
filter: drop-shadow(0px 11.89px 16.35px rgba(10, 102, 194, 0.15));
}
.elements--post2--blog--author__social__icons:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.elements-post-blog-left-column_container {
padding-right: 45px;
}
@media(max-width: 767px) {
.elements--post--blog__image__2 {
margin-bottom: 0;
}
.elements--post2--blog--author__card__2 {
margin-top: 40px;
}
.elements-post-blog-left-column_container {
padding-right: 0;
}
.elements--post2--blog--header__container {
margin-top: 24px;
}
.elements--post2--blog--header__text {
margin-top: 0;
}
.elements--post2--blog--card--author__image {
margin-bottom: 16px;
}
.elements--post2--blog--author__social__icons {
margin: 0 8px;
}
.elements--post2--blog--author__card {
padding: 48px 38px 32px;
text-align: center;
margin: 24px auto 56px;
}
.elements--post2--blog--card--author__image--container {
float: unset !important;
}
.elements--post2--blog--header__text {
padding-bottom: 36px;
}
}
/* Blog Tags */
.blog-index__section-title {
margin-top: 12px;
}
.blog-tag-filter-item {
border-radius: 100px !important;
padding: 18px 30px !important;
}
.blog-tag-filter--active-item {
}
.blog-index__filter-tags-container {
text-align: right;
}
.elements-blog-card__footer_badge-container {
text-align: right;
margin-left: 0px; !important;
float: right !important;
width: auto !important;
margin-top: 12px;
}
@media(max-width: 418px) {
.elements-blog-card__footer_badge-container {
width: 100% !important;
text-align: left;
padding-bottom: 12px;
}
}
.elements-blog-card__footer_text-container {
text-align: left !important;
margin-left: 0px !important;
width: auto !important;
margin-top: 4px;
padding-left: 12px;
}
/* Blog header */
@media(max-width: 767px) {
#section-articles {
padding-top: 56px !important;
}
#elements-blog_2-header {
margin-top: 24px !important;
}
#section-card-articles-blog {
padding-top: 0 !important;
}
#section-feature-post {
padding-top: 32px !important;
padding-bottom: 0 !important;
}
.blog-index__post {
margin: 14px 0 !important;
}
}
.blog-header {
background-color: #F8FAFC;
text-align: center;
}
.blog-header__inner {
margin: 0 auto;
max-width: 600px;
padding: 3.3rem 0;
}
.blog-header__title {
font-size: 20px;
margin-top: 32px;
margin-bottom: 12px;
}
.blog-header__subtitle {
margin: 1rem 0 2rem;
}
.blog-header__form {
margin: 0 1rem;
}
/* Blog header - author listing */
.blog-header__author-avatar {
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
display: block;
height: auto;
margin: 0 auto 1.5rem;
width: 200px;
}
.blog-header__author-social-links a {
background-color: #000;
border-radius: 50%;
display: inline-block;
height: 40px;
margin: 0 5px;
position: relative;
width: 40px;
}
.blog-header__author-social-links a:hover {
background-color: #494A52;
}
.blog-header__author-social-links svg {
fill: #FFF;
height: 15px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
}
/* Blog listing */
.blog-index {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2rem 0;
margin: 0 -1% 0 -1%;
}
.blog-index:after {
content: "";
-webkit-box-flex: 1;
}
.blog-index__tag-header {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 1rem;
}
.blog-index__tag-heading {
border-bottom: 3px solid #D1D6DC;
padding-bottom: 1rem;
}
.blog-index__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin: 1% 1% 1% 1%;
}
.blog-index__post a {
text-decoration: none !important;
}
.blog-index__post-content {
padding: 32px 24px 32px;
display: flex;
flex-direction: column;
position: relative;
}
@media(max-width: 1000px) {
.blog-index {
justify-content: flex-start;
}
}
@media(max-width: 767px) {
.blog-index__post-image {
max-height: 100%;
height: unset !important;
}
}
@media(max-width: 767px) {
.blog-index {
margin-left: 0;
margin-right: 0;
}
.blog-index__filter-tags-container {
text-align: left;
width: 100% !important;
}
.blog-tag-filter-item {
margin-left: 0px !important;
margin-right: 12px !important;
}
.blog-index__post {
width: 100%;
max-width: 100%;
margin-bottom: 14px;
}
}
@media screen and (min-width: 768px) {
.blog-index__post--large {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
justify-items: space-between;
}
}
@media screen and (min-width: 768px) {
.blog-index__post-image-wrapper--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
}
.blog-index__post-content--large {
-webkit-box-flex: 1;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
padding-left: 2rem;
}
.blog-index__post-content--full-width {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-left: 0;
}
}
/* Blog pagination */
.blog-pagination {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 3.3rem;
text-align: center;
}
.blog-pagination__link {
border: 1px solid transparent;
border-radius: 7px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
margin: 0 0.3rem;
padding: 0.25rem 0.4rem;
text-decoration: none;
}
.blog-pagination__link--active {
border: 1px solid #A0A8BD;
background-color: #FFFFFF;
box-shadow: 0px 1px 4px rgb(31 37 89 / 5%);
padding: 20px 22px;
border-radius: 14px;
}
.blog-pagination__link:hover,
.blog-pagination__link:focus {
text-decoration: none;
}
@media(max-width: 424px) {
.blog-pagination__link {
padding: 16px 12px !important;
}
.blog-pagination__link--active {
border-radius: 10px;
}
}
.blog-pagination__prev-link,
.blog-pagination__next-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.blog-pagination__prev-link {
margin-right: 0.4rem;
text-align: right;
}
.blog-pagination__next-link {
margin-left: 0.4rem;
text-align: left;
}
.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
color: #2f2f2f !important;
cursor: default;
pointer-events: none;
}
.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
fill: #494A52;
margin: 0 5px;
}
.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
fill: #B0C1D4;
}
.blog-pagination__number-link {
color: #4B5266;
}
/* Blog post */
.blog-post {
margin: 0 auto;
max-width: 960px;
padding: 3.3rem 0;
}
.blog-post__meta {
margin: 1rem 0;
}
.blog-post__meta a {
color: #494A52;
text-decoration: underline;
}
.blog-post__tags {
color: #000;
}
.blog-post__tags svg {
height: auto;
margin-right: 10px;
width: 15px;
}
.blog-post__tag-link {
color: #000;
}
/* Blog related posts */
.blog-related-posts {
background-color: #F8FAFC;
margin-top: 3rem;
padding: 2rem 0;
}
.blog-related-posts h2 {
text-align: center;
}
.blog-related-posts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-related-posts__post {
color: #494A52;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 1rem;
}
@media screen and (min-width: 768px) {
.blog-related-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/2);
flex: 0 0 calc(100%/2);
}
}
@media screen and (min-width: 1000px) {
.blog-related-posts__post {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/3);
flex: 0 0 calc(100%/3);
}
}
.blog-related-posts__image {
height: auto;
max-width: 100%;
}
.blog-related-posts__title {
margin: 1rem 0 0.5rem;
}
.blog-related-posts__title a {
color: #494a52;
}
/* Blog comments */
.blog-comments {
margin: 0 auto;
max-width: 680px;
}
.blog-comments form {
max-width: 100%;
}
.blog-comments .hs-submit {
text-align: center;
}
.blog-comments .hs-button {
background-color: transparent;
border: 2px solid #494A52;
color: #494A52;
}
.blog-comments .hs-button:hover {
background-color: #494A52;
color: #FFF;
}
.blog-comments .comment-reply-to {
border: 0 none;
}
.blog-comments .comment-reply-to:hover {
background-color: transparent;
color: #494A52;
text-decoration: underline;
}
/* Custom code for Blog */
.body-container--blog-index {
position: relative;
z-index: 0;
}
.body-container--blog-index .content-wrapper {
position: relative;
z-index: 1;
}
.body-container--blog-index:before {
content: "";
pointer-events: none;
background: radial-gradient(50% 50% at 50% 50%, rgba(234, 111, 99, 0.76) 0%, rgba(234, 111, 99, 0) 100%);
opacity: 0.4;
filter: blur(100px);
position: absolute;
width: 400px;
height: 400px;
left: 150px;
top: -85px;
z-index: 0;
}
.elements--post--blog--tag__badge {
padding: 5px 13px !important;
font-size: 15px;
background-color: #F9DAD7;
color: #EA6F63;
}
.tag-container {
display: flex;
justify-content: flex-start;
align-items: center;
}
.elements--post--blog--header__date {
font-family: 'Swiss721 BT', sans-serif;
margin-top: 0px;
font-size: 15px;
color: #ACACAC;
font-weight: 500;
}
.elements--post2--blog--author__card {
padding: 30px;
}
.elements--post2--blog--card--author__image {
width: 150px;
}
.elements--post2--blog--main__content .row-fluid .span4 {
width: auto;
}
.elements--post2--blog--card--author__display__name {
font-size: 30px;
}
.elements--blog--card__featured__badge {
font-size: 15px !important;
background-color: #F9DAD7 !important;
color: #EA6F63 !important;
border-radius: 100px !important;
font-weight: 700 !important;
}
.elements--blog--card__featured__date__type_2 {
}
.business-background_system-pages {
padding-top: 90px;
padding-bottom: 128px;
background: #F6F9FF;
}
/* Error pages */
.error-page {
padding: 10rem 0;
position: relative;
text-align: center;
}
.error-page h1, .error-page p {
z-index: 99 !important;
}
.error-page:before {
color: #EFF1F6;
content: attr(data-error);
font-size: 40vw;
font-weight: 700;
left: 50%;
position: absolute;
top: 46%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
opacity: 0.4;
z-index: -1;
}
@media screen and (min-width: 1100px) {
.error-page:before {
font-size: 26rem;
}
}
/* System pages */
.systems-page {
margin: 0 auto;
max-width: 700px;
padding: 3rem 0;
}
.elements__systems-page__search-results {
padding: 3rem 0;
}
.systems-page .success {
background-color: #E9F8EF;
border-radius: 0px;
display: inline-block;
margin: 1.4rem 0;
padding: 1.4rem 1.4rem;
text-align: center;
width: 100%;
max-width: 500px;
font-style: normal;
font-weight: bold;
line-height: 27px;
text-align: center;
letter-spacing: -0.01em;
color: #11845B;
border-radius: 10px;
}
.systems-page form input {
max-width: 100%;
}
#email-prefs-form .header {
background-color: transparent;
}
/* Search pages */
.hs-search-field__bar {
position: relative;
}
.hs-search-field__suggestions {
background-color: #FFF;
max-width: 360px;
position: absolute;
right: 0;
top: 100%;
width: 100%;
}
.hs-search-results {
margin-top: 1.4rem;
}
ul.hs-search-results__listing li {
margin-bottom: 1.4rem;
}
.hs-search-results__title {
font-weight: bold;
font-size: 24px;
line-height: 34px;
color: #2f2f2f;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.7rem;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__pagination a {
color: #0270E0;
}
/* Password prompt */
.elements__password-protected {
padding-top: 90px;
padding-bottom: 128px;
background: #F6F9FF;
}
.password-prompt input[type=password] {
display: block;
margin-bottom: 1.6rem;
margin-top: 1.8rem !important;
height: 62px !important;
box-shadow: 0px 2px 6px rgba(20, 20, 43, 0.06);
border-radius: 10px;
}
.password-prompt form input[type=submit], .password-prompt form .hs-button {
padding: 26px 38px;
height: auto !important;
}
.elements__password-prompt--image {
text-align: center;
margin-bottom: 16px;
width: 148px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.elements__password-prompt--card {
max-width: 560px;
width: 100% !important;
padding: 70px 40px;
}
/* Subscription Preferentes */
.elements__subscription-preferences--card {
max-width: 636px;
width: 100% !important;
padding: 48px 50px 48px;
}
.elements__subscription-preferences p {
/*display: none;*/
}
.elements__subscription-preferences h1 {
font-size: 38px;
line-height: 48px;
margin-bottom: 9px;
}
.elements__subscription-preferences h2 {
font-size: 26px;
color: #6E7791;
font-weight: normal;
margin-bottom: -15px;
}
.elements__subscription-preferences .item-inner p {
font-size: 13px;
}
.elements__subscription-preferences .hs-button {
margin-top: 24px;
margin-bottom: 24px;
}
.elements__subscription-preferences label span {
color: #6E7791;
font-weight: normal;
}
.elements__subscription-preferences [type="radio"]:checked,
.elements__subscription-preferences [type="radio"]:not(:checked),
.elements__subscription-preferences [type="checkbox"]:checked,
.elements__subscription-preferences [type="checkbox"]:not(:checked) {
position: absolute;
margin-top: 8px;
z-index: 99;
left: 0;
opacity: 0;
height: 28px;
width: 100%;
}
.elements__subscription-preferences [type="checkbox"]+span:before {
content: '';
left: 0;
position: absolute;
top: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 0px;
width: 22px;
height: 22px;
transition: all ease .35s !important;
border: 1px solid #DCE0EB;
cursor: pointer;
}
.elements__subscription-preferences [type="checkbox"]:checked+span:before {
background-color: #EA6F63;
}
.elements__subscription-preferences [type="checkbox"]+span:after, .elements__subscription-preferences [type="checkbox"]+label:after {
content: '';
transition: border-color ease .35s !important;
border-color: #f4263e;
}
.elements__subscription-preferences [type="checkbox"]:checked+span:after, .elements__subscription-preferences [type="checkbox"]:checked+label:after {
content: '';
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 22px;
border: 2px solid #fff;
border-left: 0;
border-top: 0;
height: 14px;
left: 8px;
top: 7px;
transform: rotate(40deg);
transition: border-color ease .35s !important;
width: 6px;
}
.elements__subscription-preferences [type="checkbox"]:checked+span, .elements__subscription-preferences [type="checkbox"]:not(:checked)+span {
position: relative;
display: inline-block !important;
text-transform: none;
transition: all ease .35s !important;
cursor: pointer;
margin: 7px 0px !important;
padding-top: 1px;
padding-left: 37px !important;
}
@media(max-width: 767px) {
.elements__subscription-preferences-update h1 {
font-size: 32px !important;
line-height: 42px !important;
}
.elements__subscription-preferences h2 {
font-size: 22px;
}
.elements__subscription-preferences--card {
padding: 32px 28px 32px;
}
.elements__subscription-preferences h1 {
font-size: 32px;
line-height: 42px;
}
}
/* Subscription Confirmation */
.elements__subscription-preferences-update--card {
max-width: 661px;
width: 100% !important;
padding: 80px 62px 56px;
text-align: center;
}
@media(max-width: 767px) {
.elements__subscription-preferences-update--card {
padding: 50px 28px 40px;
}
}
.elements__subscription-preferences-update h1 {
font-size: 48px;
line-height: 62px;
}
.elements__subscription-preferences-update h2 {
font-size: 26px;
line-height: 25px;
font-style: normal;
font-weight: normal;
color: #6E7791;
margin-bottom: 0px;
}
/* Subscription Update Confirm */
.elements__backup-unsubscribe h3 {
font-style: normal;
font-weight: 800 !important;
line-height: 27px;
margin-bottom: 24px;
}
.elements__backup-unsubscribe form input[type=submit], .elements__backup-unsubscribe form .hs-button {
padding: 26px 38px;
height: auto !important;
}
.elements__backup-unsubscribe--card {
max-width: 591px;
width: 100% !important;
padding: 32px 48px 64px;
}
@media(max-width: 767px) {
.elements__backup-unsubscribe--card {
padding: 24px 32px 60px;
}
.elements__backup-unsubscribe--card .hs-button {
width: 100%
}
}
/* Search Results */
.elements__search-results {
position: relative;
padding-top: 32px;
margin-bottom: 72px;
}
.elements__search-results-background-absolute {
background-color: #F6F9FF;
height: 300px;
width: 100%;
top: 0;
position: absolute;
z-index: -1;
}
@media(max-width: 767px) {
.elements__search-results {
margin-top: 4px;
}
.elements__search-results-background-absolute {
height: 247px;
}
.elements__search-results {
padding-top: 16px;
}
.elements__password-protected {
padding-top: 54px;
padding-bottom: 72px;
}
.elements__password-prompt--card {
padding: 32px 32px 48px;
}
}
/* Backup unsubscribe */
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
margin-bottom: 1.4rem;
font-size: inherit !important;
padding: .7rem 1.2rem !important;
}
/* @import url('http://example.com/example_style.css'); */
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/*****************************************/
/* Start your style declarations here */
/*****************************************/
.no-section-padding .dnd-section, .no-section-padding .content-wrapper--vertical-spacing {
padding: 0;
}
.background-home-marketing {
background-image: url('https://8768169.fs1.hubspotusercontent-na1.net/hubfs/8768169/SaaS/Theme/images/hero-marketing.png') !important;
background-size: 50% !important;
background-position: right top !important;
background-repeat: no-repeat !important;
background-color: #F4F7FC;
}
.background-home-marketing .section-1-row-0-padding {
padding-top: 12% !important;
padding-bottom: 22% !important;
}
@media(max-width: 1640px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 14% !important;
padding-bottom: 18% !important;
}
}
@media(max-width: 1500px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 15% !important;
padding-bottom: 13% !important;
}
}
@media(max-width: 1280px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 12% !important;
padding-bottom: 12% !important;
}
}
@media(max-width: 1186px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 10% !important;
padding-bottom: 10% !important;
}
}
@media(max-width: 1068px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 8% !important;
padding-bottom: 8% !important;
}
}
@media(max-width: 958px) {
.background-home-marketing {
background-size: 70% !important;
background-position: 160% !important;
}
}
@media(max-width: 812px) {
.background-home-marketing .section-1-row-0-padding {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.background-home-marketing {
background-size: 80% !important;
background-position: 240% !important;
}
}
@media(max-width: 767px) {
.business-template__disable-bg-mobile .row-fluid-wrapper {
background-image: none !important;
}
.background-home-marketing {
background-image: none !important;
padding-bottom: 4px;
margin-top: 0px;
}
.elements-template--span7__full-mobile .row-fluid .span7 {
width: 100% !important;
}
.elements-template--span6__full-mobile .row-fluid .span6 {
width: 100% !important;
}
.elements-template--span5__full-mobile .row-fluid .span5 {
width: 100% !important;
}
.elements-template--span4__full-mobile .row-fluid .span4 {
width: 100% !important;
}
.elements-template--span3__full-mobile .row-fluid .span3 {
width: 100% !important;
}
.elements-template--span2__full-mobile .row-fluid .span2 {
width: 100% !important;
}
}
x
/*********** 1b. Colors ***********/
/*** Primary Colors ***/
.bg-primary-color-1, .text-primary-color-1 {
background-color: #EA6F63;
}
@media (max-width: 767px){
.elements--post--blog__title {
margin: 32px auto 8px !important;
font-weight: normal !important;
text-decoration: none !important;
font-style: normal !important;
color: #2f2f2f !important;
font-size: 34px !important;
line-height: 1.2em !important;
text-transform: none !important;
letter-spacing: 0px !important;
}
.elements--post--blog__image {
margin-bottom: 24px;
width: 100%;
}
}
.elements--post--blog__title {
margin: 32px auto 8px;
font-weight: normal;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 51px;
line-height: 65px;
text-transform: none;
letter-spacing: 0px;
}
.elements--post--blog__subtitle {
margin: 0;
}
.elements--post--blog__image {
margin-top: 12px;
object-fit: cover;
margin-bottom: 64px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 72vh;
width: 100%;
}
/*** Neutral Colors ***/
.bg-neutral-color-800, .text-neutral-color-800 {
background-color: #141A2B;
}
.bg-neutral-color-700, .text-neutral-color-700 {
background-color: #4B5266;
}
.bg-neutral-color-600, .text-neutral-color-600 {
background-color: #6E7791;
}
.bg-neutral-color-500, .text-neutral-color-500 {
background-color: #A0A8BD;
}
.bg-neutral-color-400, .text-neutral-color-400 {
background-color: #DCE0EB;
}
.bg-neutral-color-300, .text-neutral-color-300 {
background-color: #EFF1F6;
}
.bg-neutral-color-200, .text-neutral-color-200 {
background-color: #F6F9FF;
}
.bg-neutral-color-100, .text-neutral-color-100 {
background-color: #FFFFFF;
}
/*** Status Colors ***/
.bg-status-color-default, .text-status-color-default {
background-color: #4E4B66;
}
.bg-status-color-success, .text-status-color-success {
background-color: #28a745;
}
.bg-status-color-warning, .text-status-color-warning {
background-color: #ffc107;
}
.bg-status-color-error, .text-status-color-error {
background-color: #dc3545;
}
/*********** 1c. Typography *********/
/*** Desktop Typography ***/
/*** Mobile Typography ***/
/*********** 1d. Shadows **********/
/******* General Shadow 1 *******/
.general-shadow-1 {
-webkit-filter: drop-shadow(0px 2px 6px rgba(20, 20, 43, 0.06));
filter: drop-shadow(0px 2px 6px rgba(20, 20, 43, 0.06));
}
/******* General Shadow 2 *******/
.general-shadow-2 {
-webkit-filter: drop-shadow(0px 2px 12px rgba(20, 26, 43, 0.08));
filter: drop-shadow(0px 2px 12px rgba(20, 26, 43, 0.08));
}
/******* General Shadow 3 *******/
.general-shadow-3 {
-webkit-filter: drop-shadow(0px 8px 28px rgba(20, 20, 43, 0.06));
filter: drop-shadow(0px 8px 28px rgba(20, 20, 43, 0.06));
}
/******* General Shadow 4 *******/
.general-shadow-4 {
-webkit-filter: drop-shadow(0px 14px 42px rgba(20, 20, 43, 0.08));
filter: drop-shadow(0px 14px 42px rgba(20, 20, 43, 0.08));
}
/******* General Shadow 5 *******/
.general-shadow-5 {
-webkit-filter: drop-shadow(0px 24px 65px rgba(20, 26, 43, 0.12));
filter: drop-shadow(0px 24px 65px rgba(20, 26, 43, 0.12));
}
/******* General Shadow 6 *******/
.general-shadow-6 {
-webkit-filter: drop-shadow(0px 32px 72px rgba(20, 20, 43, 0.24));
filter: drop-shadow(0px 32px 72px rgba(20, 20, 43, 0.24));
}
/******* Button Shadow 1 *******/
/******* Button Shadow 2 *******/
/******* Button Shadow 3 *******/
/******* Button Shadow 4 *******/
/******* Button Shadow 5 *******/
/******* Button Shadow 6 *******/
/*********** 1e. Buttons **********/
/*** Primary Buttons ***/
/*** Secondary Buttons ***/
/*********** 1f. Cards ************/
/*********** 1g. Forms ************/
/*********** 1h. Tables ************/
/************ 1i. Site header ************/
/************ 1j. Site footer ************/
/************ 1k. Shadows ************/
/* Dynamic CSS asigns */
.horizontal_spacer_1 {
margin-left: 5px;
margin-right: 5px;
}
.vertical_spacer_1 {
margin-top: 5px;
margin-bottom: 5px;
}
.buttons_container {
display: flex;
flex-direction: row;
margin-bottom: 20px;
}
.box_container {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 20px;
}
.box_light {
width: 100%;
max-width: 140px;
height: auto;
text-align: center;
padding: 15px 15px;
border-radius: 16px;
color: #FFF;
margin-top: 10px;
margin-right: 10px;
border: 1px solid #eee;
box-shadow: 0px 15px 44px rgba(8, 15, 52, 0.06);
transition: 0.2s ease-in-out;
}
.box_dark {
width: 100%;
max-width: 140px;
height: auto;
text-align: center;
padding: 15px 15px;
border-radius: 16px;
color: #000;
margin-top: 10px;
margin-right: 10px;
border: 1px solid #eee;
box-shadow: 0px 15px 44px rgba(8, 15, 52, 0.06);
transition: 0.2s ease-in-out;
}
.box_light:hover, .box_dark:hover {
transform: scale(1.05);
}
:focus {
outline: none;
}
html {
font-size: 18px;
}
body {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #2f2f2f;
line-height: 30px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Paragraphs ***/
p, li {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #2f2f2f;
line-height: 30px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Anchors ***/
a {
transition: 0.2s ease-in-out;
color: unset;
text-decoration: unset !important;
}
a:hover,
a:focus {
color: #EA6F63 !important;
}
.submenu .level-2 .menu-item a:hover {
color: #EA6F63 !important;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
color: #EA6F63 !important;
}
strong {
transition: 0.2s ease-in-out;
}
/*** Headings ***/
h1 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 64px;
line-height: 76px;
text-transform: none;
letter-spacing: 0px;
}
h2 {
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 50px;
line-height: 58px;
text-transform: none;
letter-spacing: -1px;
}
h3 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 35px;
line-height: 34px;
text-transform: none;
letter-spacing: 0px;
}
h4 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 22px;
line-height: 32px;
text-transform: none;
letter-spacing: 0px;
}
h5 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 18px;
line-height: 24px;
text-transform: none;
letter-spacing: 0px;
}
h6 {
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 16px;
line-height: 22px;
text-transform: none;
letter-spacing: 0px;
}
/*** Primary Buttons ***/
.btn-primary-dark {
background-color:
rgba(234, 111, 99, 1.0)
;
border: 0px solid #4B5266;
border-radius: 100px;
color: #FFFFFF;
padding: 18px 30px;
font-size: 15px;
font-weight: 700;
transition: 0.2s ease-in-out;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
background-color:
rgba(20, 26, 43, 1.0)
;
color: #FFFFFF;
border: 0px solid #4B5266;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
transform: scale(1.05);
}
.btn-primary-white {
background-color:
rgba(255, 255, 255, 1.0)
;
border: 0px solid #EA6F63;
border-radius: 16px;
color: #EA6F63;
padding: 24px 30px;
font-size: 16px;
font-weight: 700;
transition: 0.2s ease-in-out;
}
.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white:active {
background-color:
rgba(20, 26, 43, 1.0)
;
color: #FFFFFF;
border: 0px solid #EA6F63;
}
.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white:active {
transform: scale(1.05);
}
/*** Secondary Buttons ***/
.btn-secondary-white {
background-color:
rgba(255, 255, 255, 1.0)
;
border: 0px solid #DCE0EB;
border-radius: 16px;
color: #141A2B;
padding: 24px 30px;
font-size: 16px;
font-weight: 700;
-webkit-filter: drop-shadow(0px 4px 10px rgba(74, 58, 255, 0.06));
filter: drop-shadow(0px 4px 10px rgba(74, 58, 255, 0.06));
transition: 0.2s ease-in-out;
}
.btn-secondary-white:hover,
.btn-secondary-white:focus,
.btn-secondary-white:active {
background-color:
rgba(234, 111, 99, 1.0)
;
color: #FFFFFF;
border: 0px solid #EA6F63;
}
.btn-secondary-white:hover,
.btn-secondary-white:focus,
.btn-secondary-white:active {
transform: scale(1.05);
}
.btn-secondary-dark {
background-color:
rgba(234, 111, 99, 1.0)
;
border: 1px solid #FFFFFF;
border-radius: 16px;
color: #FFFFFF;
padding: 24px 30px;
font-size: 16px;
font-weight: 700;
transition: 0.2s ease-in-out;
}
.btn-secondary-dark:hover,
.btn-secondary-dark:focus,
.btn-secondary-dark:active {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #141A2B;
border: 1px solid #FFFFFF;
}
.btn-secondary-dark:hover,
.btn-secondary-dark:focus,
.btn-secondary-dark:active {
transform: scale(1.05);
}
.card__image {
max-width: px;
}
.card__title {
color: ;
}
.card__text p {
color: ;
}
.cards__card {
background-color: #FFFFFF;
border: 1px solid #EFF1F6;
border-radius: 24px;
transition: 0.2s ease-in-out;
-webkit-filter: drop-shadow(0px 2px 6px rgba(20, 20, 43, 0.06));
filter: drop-shadow(0px 2px 6px rgba(20, 20, 43, 0.06));
}
.cards__card:hover {
transform: scale(1.03) !important;
}
form,
.submitted-message {
;
}
.inputs-list input, .inputs-list span {
color: #2f2f2f;
font-weight: normal;
}
/*** Form label ***/
form label {
color: #2f2f2f;
font-weight: 500;
}
/*** Form help text ***/
form legend {
color: #2f2f2f;
}
/*** Form inputs ***/
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
border: 1px solid #EFF1F6;
color: #2f2f2f;
border-radius: 12px;
height: 62px;
box-shadow: 0px 4px 10px rgba(74, 58, 255, 0.06);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
border: 2px solid #EA6F63;
}
/*** Form placeholder text ***/
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
color: #2f2f2f;
}
::-webkit-input-placeholder {
color: #A0A8BD;
}
/*** Date picker ***/
.fn-date-picker td.is-selected .pika-button {
background: #EA6F63;
}
.fn-date-picker td .pika-button:hover {
background-color: #EA6F63 !important;
}
.fn-date-picker td.is-today .pika-button {
color: #EA6F63;
}
/*** Submit button ***/
form input[type=submit],
form .hs-button {
background-color:
rgba(234, 111, 99, 1.0)
;
border: 0px solid #4B5266;
border-radius: 12px;
color: #FFFFFF;
padding: 26px 28px;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
background-color:
rgba(20, 27, 42, 1.0)
;
color: #FFFFFF;
border: 0px solid #4B5266;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form input[type=submit]:active,
form .hs-button:hover,
form .hs-button:focus,
form .hs-button:active {
transform: scale(1.05);
}
table {
background-color:
rgba(255, 255, 255, 1.0)
;
border: none;
border-spacing: 0px;
border-collapse: separate;
border-right: 1px solid #2f2f2f;
}
th,
td {
border: none;
color: #2f2f2f;
border-left: 1px solid #2f2f2f;
border-bottom: 1px solid #2f2f2f;
}
thead th,
thead td {
border: none;
background-color:
rgba(234, 111, 99, 1.0)
;
color: #FFFFFF;
}
tfoot td {
border: none;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #2f2f2f;
border-bottom: 1px solid #2f2f2f;
border-left: 1px solid #2f2f2f;
}
tbody + tbody {
border: none;
border-top-color: ;
}
.header .logo-company-name {
line-height: 30px;
}
.header {
background-color:
rgba(255, 255, 255, 1.0)
;
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a,
.container-header-nav-2 p, .top-level-link span {
font-weight: 500;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
transition: .2s ease-in-out;
}
.submenu.level-2 .menu-item .menu-link, .header__language-switcher .lang_list_class li a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.lang_list_class a:hover,
.lang_list_class a:focus,
.top-level-link span:hover {
color: #EA6F63 !important;
}
.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
color: #EA6F63;
}
@media(min-width: 857px) {
.submenu.level-2 {
border: none !important;
border-radius: 15px !important;
visibility: hidden !important;
opacity: 0 !important;
-prefixes-transition-property: opacity, visibility !important;
-prefixes-transition-duration: .4s, 0s !important;
-prefixes-transition-delay: 0s, .4s !important;
left: unset !important;
transition: 0.2s ease-in-out !important;
}
.submenu.level-1 > li.has-submenu:hover .submenu.level-2 {
left: unset !important;
visibility: visible !important;
opacity: 1 !important;
-prefixes-transition-delay: 0s, 0s !important;
}
.submenu.level-1 > li.has-submenu.focus .submenu.level-2 {
left: unset !important;
}
.submenu.level-2 > li {
border: none !important;
}
.submenu.level-2 > li:first-child:before {
border: none !important;
top: -6px !important;
width: 0px !important;
height: 0px !important;
display: none !important;
border-radius: none !important;
}
.submenu.level-2 .menu-item:last-of-type, .submenu.level-2 .menu-item:last-of-type .menu-link {
border-radius: 15px !important;
}
.submenu.level-2 .menu-item:first-of-type, .submenu.level-2 .menu-item:first-of-type .menu-link {
border-radius: 15px !important;
}
}
@media(max-width: 857px) {
a:hover,
a:focus {
color: #EA6F63 !important;
}
.header__navigation--toggle.open:after, .header__search--toggle.open:after, .header__language-switcher--toggle.open:after {
color: #2f2f2f !important;
top: -2px;
text-transform: capitalize !important;
}
body .submenu.level-2, body .header__language-switcher .lang_list_class {
padding-left: 20px;
}
body .navigation-primary .submenu.level-1 > .has-submenu > .menu-arrow {
margin-top: 0px !important;
border: none !important;
background-color: #FFFFFF;
}
}
@media(max-width: 857px) {
.submenu .level-2 .menu-item a:hover {
color: #EA6F63 !important;
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.submenu.level-2 .menu-item .menu-link {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.lang_list_class a:hover,
.lang_list_class a:focus,
.top-level-link:hover {
color: #EA6F63 !important;
}
.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
color: #EA6F63;
}
}
body .header__search .hs-search-field__input {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
}
body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
color: ;
}
body .navigation-primary .submenu.level-1 > li > a.active-item:after {
background-color: ;
}
body .submenu.level-2,
body .header__language-switcher .lang_list_class {
background-color:
rgba(255, 255, 255, 1.0)
;
border-color: ;
}
body .submenu.level-2 > li:first-child:before {
border-color: ;
}
body .header__language-switcher .lang_list_class:before {
border-bottom-color: ;
}
body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__language-switcher .lang_list_class.first-active::after {
border-bottom-color:
rgba(255, 255, 255, 1.0)
;
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
}
.header__language-switcher-label-current:after {
border-top-color: ;
}
.submenu.level-2 .menu-item .menu-link img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.submenu.level-2 .menu-item .menu-link:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.submenu.level-2 .menu-item .menu-link:hover span {
background: #FDF1EF;
}
ul.submenu.level-2 .menu-item {
padding: 5px 0px;
}
.submenu.level-2 .menu-item .menu-link span {
align-items: center;
background: #EBEBEB;
border-radius: 50%;
display: flex;
height: 40px;
justify-content: center;
margin-right: 10px;
padding: 7px;
width: 40px;
text-align: center;
}
.submenu.level-2 .menu-item .menu-link {
display: flex !important;
padding-right: 10px !important;
align-items: center !important;
margin-bottom: 5px !important;
}
.submenu.level-2 {
min-width: 270px !important;
padding-left: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
box-shadow: 0px 7px 15px rgb(0 0 0 / 12%) !important;
border-radius: 10px !important;
}
@media(max-width: 767px) {
.header__navigation--toggle,.header__close--toggle {
top: 19px;
}
.header__navigation {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__navigation-toggle svg,
.menu-arrow svg {
fill: ;
}
.header__navigation.header--element.open {
margin-top: 90px;
}
.sticky .header__navigation.header--element.open {
margin-top: 58px;
}
}
.footer {
background-color:
rgba(255, 255, 255, 1.0)
!important;
padding: 0.1rem!important;
padding-top: 2rem!important;
}
}
/* Footer Content */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
color: #2f2f2f;
}
.footer__columns h6 {
font-weight: 700;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #2f2f2f;
line-height: 32px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a:hover {
color: #EA6F63 !important;
}
.footer__copyright a:hover {
color: #EA6F63 !important;
}
.footer p {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__copyright {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.blog-post__date {
border-color: #2f2f2f;
}
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
color: #2f2f2f;
}
.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
color: #070707;
}
.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
color: #575757;
}
.blog-tag-filter__menu-link--active-item:after {
background-color: #EA6F63;
}
.blog-pagination__link {
color: ;
}
.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #EA6F63;
}
.blog-post__title {
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 50px;
line-height: 58px;
text-transform: none;
letter-spacing: -1px;
}
#comments-listing .comment-reply-to {
color: #2f2f2f;
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: #070707;
}
#comments-listing .comment-reply-to:active {
color: #575757;
}
body .icon svg {
fill: #EA6F63;
}
body .tns-nav button.tns-nav-active {
background-color: #EA6F63;
}
body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #EA6F63;
}
body .social-links__icon {
background-color: #EA6F63;
}
body .social-links__icon svg {
fill: #EA6F63;
}
@media(max-width: 767px) {
.buttons_container {
flex-direction: column;
}
html {
font-size: 16px;
}
body {
font-weight: 400;
text-decoration: none;
font-size: 16px;
font-style: normal;
color: #2f2f2f;
line-height: 26px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Paragraphs ***/
p {
font-weight: 400;
text-decoration: none;
font-size: 16px;
font-style: normal;
color: #2f2f2f;
line-height: 30px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Anchors ***/
strong {
transition: 1s all ease-in-out;
}
/*** Headings ***/
h1 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 36px;
line-height: 44px;
text-transform: none;
letter-spacing: -0.1px;
}
h2 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 28px;
line-height: 40px;
text-transform: none;
letter-spacing: -1px;
}
h3 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 24px;
line-height: 31px;
text-transform: none;
letter-spacing: 0px;
}
h4 {
font-weight: 800;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 22px;
line-height: 28px;
text-transform: none;
letter-spacing: 0px;
}
h5 {
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 18px;
line-height: 24px;
text-transform: none;
letter-spacing: 0px;
}
h6 {
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #2f2f2f;
font-size: 16px;
line-height: 22px;
text-transform: none;
letter-spacing: 0px;
}
/* Footer Content */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
color: #2f2f2f;
}
.footer__columns h6 {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #2f2f2f;
line-height: 32px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a:hover {
color: #EA6F63;
}
.footer__copyright a:hover {
color: #EA6F63;
}
.footer p {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__copyright {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #2f2f2f;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
}
[data-aos^=fade][data-aos^=fade].aos-animate {
-webkit-transform: none;
transform: none;
}
/* New CSs Style */
@font-face {
font-family: 'abc_ginto_normalmedium';
src: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Marketing/Website/fonts/GintoMedium.woff2') format('woff2'),
url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Marketing/Website/fonts/GintoMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
h2 {
font-family: 'abc_ginto_normalmedium' !important;
}
.header__language-switcher--label {
margin-right: 12px;
border-radius: 50%;
border: 0px solid #EFF1F6 !important;
box-shadow: none !important;
}
.header__language-switcher--label:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/down.png);
background-size: 10px;
position: absolute;
width: 10px;
height: 10px;
background-position: right;
right: 0px;
background-repeat: no-repeat;
}
.header__language-switcher .lang_list_class {
min-width: 170px !important;
left: calc(100% + -20px) !important;
padding: 15px 15px !important;
}
.lang_list_class:before {
display: none !important;
}
a.lang_switcher_link:before {
background-size: 20px;
content: "";
display: inline-block;
height: 30px;
width: 30px;
background-color: #f9f9f9;
padding: 10px;
background-repeat: no-repeat;
border-radius: 50%;
background-position: center;
top: 8px;
position: relative;
margin-right: 10px;
}
a.lang_switcher_link {
font-weight: 400;
font-size: 16px !important;
line-height: 100%;
color: #2F2F2F;
}
.lang_list_class li:first-child {
padding-top: 0px !important;
}
.header__language-switcher .lang_list_class li {
padding: 0px 2px !important;
}
.header__language-switcher .lang_list_class li {
border: none;
padding: 2px 4px;
background: #fff;
border-radius: 10px !important;
}
.header__language-switcher .lang_list_class li:hover {
background: #FDF1EF !important;
border-radius: 10px !important;
}
.header__language-switcher .lang_list_class li:hover a {
color: #ea6f63 !important;
}
a.lang_switcher_link.nl:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Dutch.png);
}
.globe_class.nl {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Dutch.png);
}
a.lang_switcher_link.en:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/English.png);
}
.globe_class.en {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/English.png);
}
a.lang_switcher_link.sv:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Swedish.png);
}
.globe_class.sv {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Swedish.png);
}
a.lang_switcher_link.da:before {
content: "";
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Danish.png);
}
.globe_class.da {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/General/Danish.png);
}
a.join span {
background: linear-gradient(107.19deg, #FA8377 27.53%, #FFC0B4 96.28%);
border-radius: 100px;
font-weight: 700;
font-size: 9px;
line-height: 130%;
text-transform: uppercase;
color: #FFFFFF;
padding: 7px 10px;
display: inline-block;
position: relative;
top: -4px;
left: 4px;
}
.btn-primary a {
background-color: #ea6f63;
border: 0 solid #4b5266;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 18px 30px;
transition: .2s ease-in-out;
box-shadow: 0 7px 15px rgb(0 0 0 / 12%);
text-transform: uppercase;
}
.btn-primary a:hover ,
.btn-primary a:focus {
background-color: #141a2b;
border: 0 solid #4b5266;
color: #fff !important;
transform: scale(1.05);
}
.btn-primary a svg path {
fill: #fff;
}
.btn-pink a {
background-color: transparent;
border: 2px solid #EA6F63;
border-radius: 100px;
color: #EA6F63;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-pink a:hover ,
.btn-pink a:focus {
background-color: #EA6F63;
border: 2px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-pink a svg path {
fill: #EA6F63;
}
.btn-pink a:hover svg path ,
.btn-pink a:focus svg path {
fill: #fff;
}
.btn-pink1 a {
background: linear-gradient(107.19deg, #FA8377 27.53%, #FA8377 96.28%);
border: 2px solid #FA8377;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-pink1 a:hover ,
.btn-pink1 a:focus {
background: #fff;
border: 2px solid #FA8377;
color: #EA6F63 !important;
transform: scale(1.05);
}
.btn-pink1 a:hover svg path ,
.btn-pink1 a:focus svg path {
fill: #EA6F63;
}
.btn-pink1 a svg path {
fill: #fff;
}
.btn-pink2 a {
background: linear-gradient(107.19deg, #FA8377 27.53%, #FFC0B4 96.28%);
border: 0px solid #EA6F63;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-pink2 a:hover ,
.btn-pink2 a:focus {
background: #fff;
border: 0px solid #fff;
color: #EA6F63 !important;
transform: scale(1.05);
}
.btn-pink2 a svg path {
fill: #fff;
}
.btn-pink2 a:hover svg path ,
.btn-pink2 a:focus svg path {
fill: #EA6F63;
}
.btn-pink3 a {
background: linear-gradient(107.19deg, #FA8377 27.53%, #FFC0B4 96.28%);
border: 0px solid #EA6F63;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-pink3 a:hover ,
.btn-pink3 a:focus {
background: #fff;
border: 0px solid #fff;
color: #EA6F63 !important;
transform: scale(1.05);
}
.btn-pink3 a svg path {
fill: #fff;
}
.btn-pink3 a:hover svg path ,
.btn-pink3 a:focus svg path {
fill: #EA6F63;
}
.btn-green a {
background-color: transparent;
border: 2px solid #436057;
border-radius: 100px;
color: #436057;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-green a:hover ,
.btn-green a:focus {
background-color: #436057;
border: 2px solid #436057;
color: #fff !important;
transform: scale(1.05);
}
.btn-green a svg path {
fill: #436057;
}
.btn-green a:hover svg path ,
.btn-green a:focus svg path {
fill: #fff;
}
.btn-gray a {
background-color: transparent;
border: 2px solid #ACACAC;
border-radius: 100px;
color: #ACACAC;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-gray a:hover ,
.btn-gray a:focus {
background-color: #EA6F63;
border: 2px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-gray a svg path {
fill: #ACACAC;
}
.btn-gray a:hover svg path ,
.btn-gray a:focus svg path {
fill: #fff;
}
.btn-gray2 a {
background: linear-gradient(107.19deg, #436057 6.62%, #9DBAB1 96.28%);
border: 0px solid #436057;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-gray2 a:hover ,
.btn-gray2 a:focus {
background: #EA6F63;
border: 0px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-gray2 a svg path {
fill: #fff;
}
.btn-gray2 a:hover svg path ,
.btn-gray2 a:focus svg path {
fill: #fff;
}
.btn-white a {
background-color: transparent;
border: 2px solid #fff;
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-white a:hover ,
.btn-white a:focus {
background-color: #fff;
border: 2px solid #fff;
color: #2f2f2f !important;
transform: scale(1.05);
}
.btn-white a svg path {
fill: #fff;
}
.btn-white a:hover svg path ,
.btn-white a:focus svg path {
fill: #2f2f2f;
}
.btn-purple a {
background: linear-gradient(107.19deg, #ABA7D3 4.6%, #E7E3FF 96.28%);
border: 0 solid #436057;
filter: drop-shadow(0px 3.2px 9.6px rgba(0, 0, 0, 0.19));
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.btn-purple a:hover ,
.btn-purple a:focus {
background: #EA6F63;
border: 0px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-purple a svg path {
fill: #fff;
}
.btn-purple a:hover svg path ,
.btn-purple a:focus svg path {
fill: #fff;
}
.btn-purple2 a {
background-color: transparent;
border: 2px solid #ABA7D3;
border-radius: 100px;
color: #ABA7D3;
font-size: 15px;
font-weight: 700;
padding: 14px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-purple2 a:hover ,
.btn-purple2 a:focus {
background-color: #EA6F63;
border: 2px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-purple2 a svg path {
fill: #ACACAC;
}
.btn-purple2 a:hover svg path ,
.btn-purple2 a:focus svg path {
fill: #fff;
}
.btn-blue a {
background: linear-gradient(107.19deg, #7B8CC8 27.53%, #AFBBE5 96.28%);
border: 0 solid #436057;
filter: drop-shadow(0px 3.2px 9.6px rgba(0, 0, 0, 0.19));
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.btn-blue a:hover ,
.btn-blue a:focus {
background: #EA6F63;
border: 0px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-blue a svg path {
fill: #fff;
}
.btn-blue a:hover svg path ,
.btn-blue a:focus svg path {
fill: #fff;
}
.btn-blue2 a {
background-color: transparent;
border: 2px solid #5E72BB;
border-radius: 100px;
color: #5E72BB;
font-size: 15px;
font-weight: 700;
padding: 14px 30px;
transition: .2s ease-in-out;
text-transform: uppercase;
}
.btn-blue2 a:hover ,
.btn-blue2 a:focus {
background-color: #EA6F63;
border: 2px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-blue2 a svg path {
fill: #ACACAC;
}
.btn-blue2 a:hover svg path ,
.btn-blue2 a:focus svg path {
fill: #fff;
}
.btn-black a {
background: linear-gradient(92.05deg, #505050 0%, #6D6D6D 100%);
border: 0 solid #436057;
filter: drop-shadow(0px 3.2px 9.6px rgba(0, 0, 0, 0.19));
border-radius: 100px;
color: #fff;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.btn-black a:hover ,
.btn-black a:focus {
background: #EA6F63;
border: 0px solid #EA6F63;
color: #fff !important;
transform: scale(1.05);
}
.btn-black a svg path {
fill: #fff;
}
.btn-black a:hover svg path ,
.btn-black a:focus svg path {
fill: #fff;
}
.mob-display {
text-align: center;
margin-top: 40px;
display: none ;
}
.desk-display {
display: block;
}
.body-wrapper {
/* overflow-x: hidden; */
}
.cnt-full-img img {
margin-top: -90px;
}
/******** Responsive code starts here *******/
/************** ipad ***************/
@media (max-width: 1080px) {
.dnd-section,
.content-wrapper--vertical-spacing {
padding: 50px 20px;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 40px;
line-height: 48px;
}
h3 {
font-size: 30px;
}
}
/************** ipad nd tab ***************/
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait){
}
/************** iphone roatate***************/
@media (max-width: 767px) {
label.menu-arrow {
width: 100% !important;
background: transparent !important;
height: auto !important;
min-height: 60px;
}
.elements-social-links__container_module_161107835119668 {
text-align: center !important;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 25px;
}
.mob-display {
display: block;
}
.desk-display {
display: none;
}
.btn-primary a {
font-size: 14px;
padding: 14px 20px;
}
.btn-pink a {
font-size: 14px;
padding: 10px 15px !important;
}
.btn-gray a {
font-size: 14px;
padding: 12px 20px;
}
.btn-white a ,
.btn-gray a ,
.btn-gray2 a ,
.btn-pink a ,
.btn-pink1 a ,
.btn-pink2 a ,
.btn-pink3 a,
.btn-primary a,
.btn-purple a,
.btn-purple2 a,
.btn-black a,
.btn-blue a,
.btn-blue2 a ,
.btn-green a {
padding: 12px 20px;
width: 100%;
display: inline-block;
}
.cnt-full-img img {
margin-top: 0px;
}
.header__language-switcher {
position: absolute;
right: 60px !important;
z-index: 999999;
}
.sticky .header__close--toggle,
.sticky .header__navigation--toggle {
top: 10px;
}
.header__language-switcher .lang_list_class {
left: 0!important;
padding: 12px!important;
z-index: 999999999 !important;
}
.footer__copyright p{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
}
/************** iphone ***************/
@media (max-width: 479px) {
.btn-white a ,
.btn-gray a ,
.btn-gray2 a ,
.btn-pink a ,
.btn-pink1 a ,
.btn-pink2 a ,
.btn-pink3 a,
.btn-primary a,
.btn-purple a,
.btn-purple2 a,
.btn-black a {
padding: 12px 20px;
width: 100%;
display: inline-block;
}
.body-wrapper {
overflow-x: hidden;
}
}
@media (max-width: 910px) {
.submenu.level-1 > .has-submenu > .menu-arrow-bg, .submenu > .has-submenu > .menu-arrow-bg, .submenu .menu-arrow-bg {
box-shadow: none !important;
}
.submenu.level-2 {
box-shadow: none !important;
}
.header__navigation--toggle {
background-image: url(https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Relesys_2022/General/hamberger.svg) !important;
background-color: transparent !important;
}
.header__close--toggle {
background-image: url(https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Relesys_2022/General/close.svg) !important;
background-color: transparent !important;
}
.custom-button__div__menu {
text-align: center !important;
}
.custom-button__div__menu .custom-button {
width: auto !important;
text-align: center;
background-image: url(https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Relesys_2022/General/arrow.png);
background-position: 85% 20px;
background-repeat: no-repeat;
padding-right: 45px !important;
}
.showBtn {
right: initial !important;
left: 20px !important;
}
.header__logo {
margin-left: 80px !important;
}
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
background: #fff;
margin: 0 auto;
/* max-width: 1000px; */
position: absolute;
-ms-transform: translateY(-50%)!important;
/* transform: translateY(-50%); */
/* width: 50%; */
/* top: 50%; */
right: 20%;
left: 20%;
/* right: 0%; */
/* margin: 0 auto; */
/* margin-top: 86%; */
/* top: 50%; */
bottom: 50%;
padding: 20px;
}
/*********************************************************/
/* Generic Relesys changes */
/*********************************************************/
h1, h2, h3, h4, h5 {
font-weight: normal !important;
}
/* Generic titles */
h2 {
font-size: 48px;
}
h3 {
line-height: 1.2em;
}
h6 {
text-transform: uppercase;
opacity: 0.4;
font-weight: 700 !important;
font-size: 0.92rem;
margin-bottom: 0.5em;
line-height: 1em;
letter-spacing: 0.05em;
}
/* General footer */
.footer__columns h6 {
font-family: 'Swiss721 BT', sans-serif;
opacity: 1;
}
/* Hero image */
.elements--post--blog__image {
max-width: 1750px !important;
}
/* Generic table */
table {
border: none !important;
th, td {
border: none;
border-bottom: 1px solid #eee;
padding: 0.5em 1em !important;
}
th, tr:first-child td {
border-color: #2f2f2f;
text-transform: uppercase;
font-weight: bold;
}
}
/* Blog Sources */
.blogSourcesDiv {
margin-inline: 0 !important;
margin-bottom: 50px !important;
border: 1px solid #eee !important;
background: transparent !important;
h3 {
font-size: 1.3rem !important;
line-height: 1em !important;
margin-top: 0.5em !important;
}
.blogSourcesText {
margin-bottom: 0;
}
}
/* Related articles */
#elements-sac-cards p:first-of-type {
display: none !important;
}
/*********************************************************/
/* General blog styling */
/*********************************************************/
/* Sticky subheader */
.top-menu-wrap.top-sticky {
background: #fff;
}
/* Remove card styling from the blog */
.cards__card {
filter: none;
&:hover {
transform: none !important;
}
}
.elements-si-cards__card_section-3-module-1 {
background-color: transparent !important;
}
@media (max-width: 767px) {
html .elements-module-card-text_section-3-module-1,
html .elements-si-cards__card_section-3-module-1 {
padding: 0 !important;
}
}
/* Always hdie author in the blog posts */
.elements--post2--blog--author__card {
display: none !important;
}
/* Blog tags */
body .elements--blog--card__featured__badge,
body .elements--blog--card__footer__badge,
body .elements-sac-card__footer_badge {
text-transform: uppercase;
letter-spacing: 0.02em;
border-radius: 1000px;
font-size: 12px !important;
}
@media (max-width: 767px) {
#section-articles h2 {
margin-bottom: 0.5em !important;
font-weight: normal;
}
}
.blog-index__post-content > p {
display: none;
}
/* Header */
h1 {
font-weight: normal;
}
.elements__blog__header-container {
.hs_cos_wrapper_type_rich_text > div {
display: none;
}
}
/* Filters */
.blog-tag-filter-item {
padding: 1.15em 1em !important;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: 0.02em;
min-width: 70px;
margin: 0.4em 0;
box-shadow: none;
border: 1px solid #eee;
}
@media (max-width: 479px) {
.blog-tag-filter-item {
margin: 0.4em 0 !important;
}
}
/* Unifiying blog titles */
.blog-header__title {
margin: 17px 0 11px 0 !important;
font-weight: normal;
line-height: 1.2em;
}
.ie-elements-sac-title {
margin: 12px 0 0 0 !important;
font-weight: normal;
line-height: 1.2em;
}
/* Latest / related blog posts */
.blog-index {
padding: 0;
}
@screen and (min-width: 768px) {
.blog-index {
padding-top: 1.2rem;
}
}
.elements-sac-content-button {
margin: -50px 0 9px 0 !important;
}
/*********************************************************/
/* Retail relationships reset blog custom styling */
/*********************************************************/
/* Remove back buttons */
.hs-blog-id-158530090872 .elements--post--blog_1--header-container > div:first-child,
.hs-blog-id-158530090872 .elements-sac-top-content {
display: none !important;
}
/* Recommendations for improvements */
.hs-blog-id-24453029282 h4,
.hs-blog-id-158530090872 h4 {
margin: 1.5em 0 0.5em 0;
span em {
background: #ABA7D3;
color: #fff;
border-radius: 100%;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
display: inline-block;
text-align: center;
font-style: normal;
}
}
/* Blockquote */
.hs-blog-id-158530090872 blockquote {
background: #f5f5f5;
border-top-left-radius: 100px;
border-bottom-right-radius: 100px;
padding: 3em;
}
/* About Relesys */
.hs-blog-id-158530090872 .about-relesys {
background: #CCED7B;
border-top-left-radius: 80px;
border-bottom-right-radius: 80px;
padding: 40px;
position: relative;
margin-bottom: 50px;
}
.hs-blog-id-158530090872 .about-relesys:before {
content: "";
background: url("https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/About%20Relesys%20top%20overlay.svg") bottom right / auto 100% no-repeat;
position: absolute;
top: -173px;
left: 0;
width: 100%;
height: 220px;
pointer-events: none;
}
@media screen and (max-width: 767px) {
.hs-blog-id-158530090872 .about-relesys:before {
top: -110px;
height: 140px;
}
.hs-blog-id-158530090872 .blogSourcesDiv {
padding: 1rem;
}
}
/* New hero banner image */
.hs-blog-id-158530090872 .elements__blog__header-container {
background: url("https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Top%20graphics.png") top right / 70% auto no-repeat;
padding-top: 37vh;
min-height: 60vh;
margin-bottom: 7vh;
}
.hs-blog-id-158530090872 .elements__blog__header-container h1 {
margin-bottom: -25px !important;
font-size: 3.6rem;
line-height: 1.2em;
}
@media screen and (max-width: 1000px) {
.hs-blog-id-158530090872 .elements__blog__header-container {
background-size: 100% auto;
}
.hs-blog-id-158530090872 .elements__blog__header-container h1 {
font-size: 2.9rem;
}
}
@media screen and (min-height: 1200px) {
.hs-blog-id-158530090872 .elements__blog__header-container {
padding-top: 31vh;
}
}
@media screen and (max-width: 600px) {
.hs-blog-id-158530090872 .elements__blog__header-container {
padding-top: 35vh;
}
.hs-blog-id-158530090872 .elements__blog__header-container h1 {
font-size: 2.3rem;
}
}
/* Featured card */
.hs-blog-id-158530090872 #section-feature-post {
display: none;
}
.hs-blog-id-158530090872 .saas-elements-search-result-input {
display: none;
}
.hs-blog-id-158530090872 .blog-index__filter-tags-container {
display: none;
}
/* Adjust image crop ratio */
.hs-blog-id-158530090872 .cards__card img,
.hs-blog-id-158530090872 .blog-index__post img {
height: unset !important;
max-height: unset !important;
}
.hs-blog-id-158530090872 .body-container .elements--post--blog__subtitle a,
.hs-blog-id-158530090872 .elements--post2--blog--main__content a {
color: #2f2f2f !important;
text-decoration: underline !important;
}
.hs-blog-id-158530090872 .body-container .elements--post--blog__subtitle a:hover,
.hs-blog-id-158530090872 .elements--post2--blog--main__content a:hover,
.hs-blog-id-158530090872 .body-container .elements--post--blog__subtitle a:focus,
.hs-blog-id-158530090872 .elements--post2--blog--main__content a:focus {
color: #ABA7D3 !important;
}
/* Color changes */
.hs-blog-id-158530090872 .btn-primary,
.hs-blog-id-158530090872 .btn-primary-dark {
background-color: #ABA7D3;
}
.hs-blog-id-158530090872 .btn-primary:hover,
.hs-blog-id-158530090872 .btn-primary-dark:hover {
background-color: #ABA7D3;
}
.hs-blog-id-158530090872 .elements--post--blog_1--header-container a {
color: #ABA7D3 !important;
}
.hs-blog-id-158530090872 .elements--post--blog--tag__badge {
background-color: #EEEDF6;
color: #ABA7D3;
}
.hs-blog-id-158530090872 .body-container--blog-index:before {
background: radial-gradient(50% 50% at 50% 50%, rgba(171, 167, 211, 0.76) 0%, rgba(171, 167, 211, 0) 100%);
opacity: 1;
top: 90px;
filter: blur(70px);
}
.hs-blog-id-158530090872 .elements--blog--card__featured__badge,
.hs-blog-id-158530090872 .elements--blog--card__footer__badge,
.hs-blog-id-158530090872 .elements-sac-card__footer_badge {
background-color: #EEEDF6 !important;
color: #ABA7D3 !important;
}
/* Image table */
div:has(> .image-table) {
overflow: visible !important;
}
table.image-table {
border: none !important;
margin-inline: -1rem;
width: calc(100% + 1rem) !important;
}
table.image-table th,
table.image-table td {
border: none !important;
padding: 1rem !important;
transition: 0.2s all ease-in-out;
}
table.image-table th:hover,
table.image-table td:hover {
transform: scale(1.045);
box-shadow: 0 15px 25px rgba(0,0,0,.15);
}
table.image-table th,
table.image-table tr:first-child td {
border: none;
}
@media screen and (max-width: 767px) {
.image-table {
margin-inline: 0;
width: 100% !important;
}
.image-table th,
.image-table td {
padding: 0 0 1rem 0 !important;
width: 100% !important;
display: block;
}
.image-table th:hover,
.image-table td:hover {
transform: none;
box-shadow: none;
}
}
/*********************************************************/
/* Investor pages */
/*********************************************************/
.white-button .btn-primary-dark {
background: #fff !important;
color: #436057 !important;
min-width: 200px;
}
@media (max-width: 767px) {
.white-button .btn-primary-dark {
width: 100%;
}
}
/* Financial newsletter */
.email-subs-form .hs_email {
order: 1;
width: calc(65% - 5px);
margin-right: 10px;
}
.email-subs-form .hs_submit {
order: 2;
margin-top: 0;
width: calc(35% - 5px);
order: 2;
}
.legal-consent-container {
order: 3;
width: 100% !important;
}
.hs-form-booleancheckbox-display {
margin-top: 15px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.legal-consent-container .hs-form-booleancheckbox-display>span {
line-height: 1.2em;
margin: -3px 0 0 0 !important;
}
.legal-consent-container .hs-form-booleancheckbox-display > span p {
font-size: 0.7rem;
margin: -6px 0 0 0 !important;
line-height: 1.3em;
}
.email-subs-title h3 {
margin-bottom: 0px;
}
/* Announcements */
.ipo-btn img {
padding: 13px 12px;
}
@media (max-width: 767px) {
.mob-display {
margin-top: 15px !important;
}
.ancmt-btn {
padding-top: 15px !important;
}
.ancmt-btn a {
width: 100%;
}
}
/* Financial quotes */
.love-quote-p {
font-family: 'abc_ginto_normalmedium' !important;
}
/* Bav bar */
.invtr-menu-wrap.menuSticky {
box-shadow: none !important;
border-bottom: 1px solid rgba(0, 0, 0, .07);
}
/* Financial calendar */
.clndr-title h6 {
text-transform: inherit;
letter-spacing: 0;
font-weight: normal !important;
}
.clndr-date h4 {
line-height: 1em !important;
}
@media (max-width: 767px) {
.ebook-wrap2 {
padding: 0 !important;
}
.email-subs-wrap {
border-radius: 20px;
}
}
/* Cookies */
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
background: #fff;
padding: 20px;
box-shadow: 0 10px 15px rgba(0,0,0,.1);
border-radius: 7px;
margin: 0 auto;
inset: auto 5% 25px 5%;
max-width: 500px;
}
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
margin: 0 0 10px 0 !important;
color: #2f2f2f;
}
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
margin: 0;
justify-content: flex-start !important;
}
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
border-radius: 1000px !important;
text-transform: uppercase !important;
font-weight: bold !important;
letter-spacing: 0.03em;
margin: 0 10px 0 0 !important;
}
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
background: #EA6F63 !important;
color: #fff !important;
border-color: #EA6F63 !important;
}
html div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
border-color: #EA6F63 !important;
background: transparent;
color: #EA6F63 !important;
}
/* Secondary nav bar */
@media (max-width: 767px) {
.nvtr-menu {
margin-top: -17px;
}
}
/* Related articles width fix */
.elements-sac-cards__module_16115901644861 {
grid-template-columns: 1fr 1fr 1fr;
}
/* Financial reports */
.finc-list-item {
transition: 0.2s all ease-in-out;
}
.finc-list-item:hover {
transform: scale(1.03);
box-shadow: 0 15px 25px rgba(0,0,0,.1);
}
/*********************************************************/
/* Blog: Cases */
/*********************************************************/
/* Case intro */
html .section-1-column-1-row-3-padding {
padding-inline: 0 !important;
}
/* Case intro box */
html .elements-div-module_section-1-module-5,
html .case-intro {
background: #f5f5f5;
padding: 25px !important;
border-radius: 10px;
box-sizing: border-box !important;
margin-inline: auto;
max-width: 1175px;
h5 {
margin-block: 0 1em !important;
line-height: 1em !important;
font-size: 22px !important;
}
p {
font-size: 16px;
margin-bottom: 1em !important;
line-height: 1.2em !important;
}
p.Essentials,
p.CommPro,
p.TrainPro,
p.OpsPro {
padding-left: 25px !important;
position: relative;
&:before {
content: "";
position: absolute;
top: -5px;
left: -5px;
width: 27px;
height: 27px;
background: center center / auto 100% no-repeat;
}
}
}
/* Solution icons */
p.Essentials:before{
background-image: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Essentials.svg') !important;
}
p.CommPro:before {
background-image: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Marketing/Website/icons/relesys-communications-pro.svg') !important;
}
p.TrainPro:before {
background-image: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Marketing/Website/icons/relesys-training-pro.svg') !important;
}
p.OpsPro:before {
background-image: url('https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Marketing/Website/icons/relesys-operations-pro.svg') !important;
}
/* General blog styling */
#section-1 {
&:after, &:before {
z-index: -1;
}
.blog-label {
font-size: 1rem;
text-align: center;
span {
background: #EA6F63;
color: #fff;
padding: 0.6em;
border-radius: 10px;
font-weight: bold;
}
}
.blog-title {
text-align: center;
margin-top: 0 !important;
font-size: 2.6rem;
max-width: 800px;
margin-inline: auto;
}
.blog-subtext {
max-width: 800px;
margin-inline: auto;
text-align: center;
}
}
.section-1-row-0-padding {
margin-bottom: -50px;
}
.body-container-client-story,
.body-container--blog-index {
h1:not(.elements--post--blog__title) {
font-size: 58px;
line-height: 1.15em;
margin-bottom: 0.37em;
margin-top: 5rem;
}
h2 {
font-size: 46px;
line-height: 1.15em;
margin-bottom: 0.3em;
margin-top: 5rem;
}
h3 {
font-size: 35px;
line-height: 1.15em;
margin-bottom: 0.3em;
margin-top: 5rem;
}
h4 {
font-size: 28px;
line-height: 1.15em;
margin-bottom: 0.3em;
margin-top: 5rem;
}
h5 {
font-size: 24px;
line-height: 1.15em;
margin-bottom: 0.3em;
margin-top: 5rem;
}
h6 {
margin-top: 5rem;
}
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5 {
margin-top: 0;
}
p, li {
line-height: 1.8em;
letter-spacing: 0;
margin-bottom: 1rem !important;
}
blockquote p {
line-height: 1em;
margin-bottom: 0.2em !important;
font-size: 1rem;
&:first-child {
line-height: 1.3em;
margin-bottom: 0.8em !important;
font-size: 27px;
}
}
}
.elements--post--blog__title {
margin-top: 20px !important;
}
html body .elements--post--blog--header__date {
margin-bottom: 0 !important;
}
.ie-elements-sac-title {
font-size: 22px !important;
}
.simple-quote .icon {
display: none !important;
}
/* Quote styling */
blockquote {
border: none;
position: relative;
font-family: 'abc_ginto_normalmedium' !important;
text-align: left !important;
font-size: 27px;
line-height: 1.2em;
background: #f5f5f5;
padding: 1.8rem;
border-radius: 1.5rem;
margin-block: 3.5rem;
&:before {
content: '';
background: url("https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Quotation%20sign.svg") bottom left / auto 100% no-repeat;
width: 100%;
height: 27px;
display: block;
margin-bottom: 8px;
opacity: 0.1;
}
p {
font-family: 'abc_ginto_normalmedium', sans-serif;
font-style: normal;
font-size: 1.7rem;
line-height: 0.85em;
margin-bottom: 0 !important;
text-transform: initial;
margin: 0;
position: relative;
&:first-child {
line-height: 1.3em;
margin-bottom: 0.5em !important;
}
/* Author */
span[style="text-decoration: underline;"] {
font-size: 1rem;
font-family: 'Swiss721 BT', sans-serif;
text-transform: initial;
line-height: 0.7em;
font-weight: bold;
text-decoration: none !important;
}
/* Title */
em {
font-size: 0.8rem;
font-style: normal;
font-family: 'Swiss721 BT', sans-serif;
text-transform: uppercase;
letter-spacing: 0.01em;
opacity: 0.5;
line-height: 1em;
}
}
}
/* Blog mobile adjustments */
@media screen and (max-width: 767px) {
#section-1 {
h1 {
font-size: 30px !important;
}
.elements--video__container_widget_1666550915531 {
margin-top: 25px !important;
}
}
html .elements-div-module_section-1-module-5,
html .case-intro {
padding: 15px 20px !important;
h5 {
font-size: 1.2rem !important;
}
p {
font-size: 15px;
}
}
body {
font-size: 15px;
line-height: 1.7em;
}
p {
font-size: 16px !important;
line-height: 1.7em;
}
.body_h2 {
font-size: 29px;
line-height: 1.2em;
margin-bottom: 0.3em;
}
h4 {
font-size: 20px;
line-height: 1.5em;
}
html .elements-div-module_section-1-module-5,
html .case-intro {
padding: 25px !important;
}
.case-intro p {
font-size: 15px;
}
.elements--video__container_widget_1666550915531 {
margin-top: 15px !important;
}
hs_cos_wrapper_type_rich_text li,
.hs_cos_wrapper_type_inline_rich_text li {
font-size: 15px;
}
blockquote {
font-size: 1.45rem;
padding: 1.5rem;
}
.tag-container {
flex-wrap: wrap;
}
div:has(.elements--post--blog--header__date) {
margin-top: 15px;
margin-left: 0;
display: block;
width: 100%;
.elements--post--blog--header__date {
margin: 0;
}
}
.blogSourcesDiv h3 {
font-size: 1.1rem;
margin-top: 0 !important;
}
.blogSourcesText {
font-size: 13px !important;
line-height: 1.5em;
}
#section-articles {
padding-top: 0;
.btn-primary {
width: 100%;
}
.elements-sac-card__footer_badge {
font-size: 13px !important;
}
}
.body-container-client-story,
.body-container--blog-index {
h1 {
font-size: 42px;
}
h2 {
font-size: 37px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5 {
margin-top: 0 !important;
}
blockquote {
&:before {
height: 23px;
margin-bottom: 6px;
}
p:first-child {
font-size: 22px;
}
span[style="text-decoration: underline;"] {
font-size: 1rem;
}
em {
font-size: 0.85rem;
}
}
}
.footer__logo {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -70px;
}
.footer__copyright p {
margin-bottom: -5px;
}
}
@media (max-width: 420px) {
.footer__container-bottom {
margin-top: 0;
padding: 0;
border: none;
}
}
/*********************************************************/
/* Survey PRO */
/*********************************************************/
/* Change blog posts highlight to blue color scheme */
.hs-content-id-96302455041,
.hs-content-id-95816796935,
.hs-content-id-94161232728,
.hs-content-id-85573927070 {
.btn-gray a:hover,
.btn-gray a:focus {
background-color: #5E72BB;
border-color: #5E72BB;
color: #fff !important;
}
.rss-talk-header h2 span {
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(107.19deg, #5E72BB 6.62%, #A9B6E4 96.28%);
-webkit-background-clip: text;
}
.talk-tag-item .talk-tag a {
background: #E1E4F3 !important;
color: #5E72BB !important;
}
.rss-talk-wrap:after,
.rss-talk-wrap:before {
background: radial-gradient(50% 50% at 50% 50%, #5E72BB 0, rgba(169, 182, 228, 0) 100%);
}
}
/* Color changes to blue */
.hs-content-id-95816796935,
.hs-content-id-94161232728,
.hs-content-id-96302455041,
.hs-content-id-85573927070,
.hs-content-id-165377860725 {
.icon-blrb-wrap {
background: linear-gradient(130deg, #5E72BB, #A9B6E4) !important;
}
a:hover,
a:focus {
color: #5E72BB !important;
}
#testimonial-card img {
border-radius: 0%;
object-fit: contain;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.hero-inner,
.section-6-row-0-padding {
padding-inline: 20px !important;
}
}
@media screen and (max-width: 767px) {
#section-1 h1 {
font-size: 47px !important;
}
.icon-blrb-wrap {
padding-top: 230px !important;
}
.blrb-icon {
margin-bottom: 5px;
width: 230px;
margin-top: 15px;
}
.sfeatr-title h2 {
font-family: 'Swiss721 BT' !important;
font-weight: bold !important;
margin-bottom: 12px;
}
.sfeatr-text p {
font-family: 'abc_ginto_normalmedium' !important;
}
}
/* Testimonials */
.arrow {
width: 55px;
height: 55px;
fill: #5E72BB !important;
}
.arrow--left:hover,
.arrow--right:hover {
background: #5E72BB !important;
fill: #fff !important;
}
.dot--active {
background: #5E72BB !important;
}
#testimonial-card {
position: relative;
}
#testimonial-card .row-fluid .span5 {
width: 70%;
}
#testimonial-card .row-fluid .span5 img {
width: 100%;
height: auto;
}
#testimonial-card:after {
background: radial-gradient(50% 50% at 50% 50%, #6e81c4 0, rgba(108, 127, 195, 0) 100%);
content: "";
filter: blur(100px);
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.elements-tc-cards__card_widget_1713963469693 {
max-width: 1100px;
}
/* Hero title */
.hero-title h1 {
font-size: 55px;
line-height: 1.1em;
}
.blrb-title h6 {
text-transform: inherit;
letter-spacing: 0;
opacity: 1;
font-weight: 600 !important;
}
}
.btn-blue a:hover,
.btn-blue a:focus {
background-color: #5E72BB !important;
border-color: #5E72BB !important;
color: #fff !important;
}
.btn-blue2 a:hover,
.btn-blue2 a:focus {
background-color: #5E72BB !important;
border-color: #5E72BB !important;
color: #fff !important;
}
/* Replace module images */
.sfeatr-wrap:before {
background: url(https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Survey%20PRO%20%281%29.png) center right / auto 100% no-repeat !important;
width: 100% !important;
pointer-events: none;
}
@media (max-width: 767px) {
.sfeatr-inner:before {
background: url(https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Survey%20PRO%20badge.png) center center / 100% auto no-repeat !important;
}
.sfeatr-inner:after {
display: none;
}
}
.solution-lists {
align-items: center;
justify-content: center;
}
/* Media gallery */
.hs-content-library {
--grid-layout-gap: 20px !important;
@media (max-width: 767px) {
--grid-layout-gap: 3px !important;
}
}
.section-1-row-1-padding > .row-fluid {
max-width: 1230px !important;
}
html .hs-content-library--cards {
.hs-content-library__card {
background-color: #fff !important;
border: 1px solid #ebebeb !important;
padding: 20px 25px 30px;
border-radius: 20px;
margin: 10px 0;
position: relative;
}
.hs-content-library__image {
border: none !important;
width: 50px !important;
}
.hs-content-library__title {
color: #2f2f2f !important;
font-size: 20px !important;
font-weight: 500 !important;
line-height: 126%;
}
.hs-content-library__description {
color: #acacac !important;
font-size: 16px !important;
font-weight: 400;
line-height: 1em;
margin: 15px 0 25px 0 !important;
}
.hs-content-library__link {
background: linear-gradient(107.19deg, #436057 6.62%, #9dbab1 96.28%);
color: #fff !important;
text-transform: uppercase;
font-weight: bold;
padding: 0.7em 1em;
border-radius: 100px;
border: none !important;
&:hover ,
&:focus {
color: #fff !important;
transform: scale(1.05) !important;
}
}
}
/*********************************************************/
/* Facebook transition */
/*********************************************************/
/* Danish, English IDs of buttons */
.section-1-row-0-background-gradient:has(#hs-button_widget_1716897372629),
.section-1-row-0-background-gradient:has(#hs-button_widget_1715950448931) {
color: #fff;
height: 84px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 7px;
position: relative;
z-index: 10;
@media screen and (max-width: 800px) {
display: none;
}
.row-fluid .span6 {
width: auto;
&:first-child {
width: 100%;
position: relative;
}
}
@media screen and (min-width: 1250px) {
.row-fluid .span6:first-child:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url("https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Meta%20transition%20frame.svg") center right / auto 100% no-repeat;
}
}
#hs_cos_wrapper_widget_1716897386828,
#hs_cos_wrapper_widget_1715950415002 {
font-family: 'abc_ginto_normalmedium', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 1.45em;
}
#hs_cos_wrapper_widget_1716897372629,
#hs_cos_wrapper_widget_1715950448931 {
border-radius: 1000px !important;
border-style: solid !important;
border-width: 1px !important;
display: flex !important;
align-items: center;
justify-content: center;
height: 50px;
line-height: 50px;
width: 160px !important;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
transition: 0.2s ease-in-out;
&:hover, &:focus {
background: #fff !important;
color: #436057 !important;
border: 1px solid #fff !important;
transform: scale(1.05);
}
}
a {
transition: 0s ease-in-out;
&:hover, &:focus {
background: transparent !important;
color: #436057 !important;
}
}
}
#section-2 .ebook-inner {
-webkit-justify-content: flex-start;
justify-content: flex-start;
background: url("https://6879974.fs1.hubspotusercontent-na1.net/hubfs/6879974/Facebook%20Workplace%20CTA%202.jpg") #2f2f2f center right / auto 100% no-repeat !important;
.ebook-title h3 {
font-size: 38px;
@media screen and (max-width: 950px) {
font-size: 30px;
}
@media screen and (max-width: 500px) {
font-size: 26px;
}
}
.ebook-image {
left: 52%;
top: 50%;
width: 545px;
max-width: 44%;
transform: translateY(-50%);
@media screen and (max-width: 1080px) {
left: 0;
top: 0;
width: auto;
max-width: 100%;
transform: none;
}
}
@media screen and (min-width: 600px) {
.ebook-left {
width: 50%;
order: 2;
}
.ebook-right {
width: 50%;
order: 1;
}
}
}
/*********************************************************/
/* Book a demo - Marcus sales calendar */
/*********************************************************/
.hs-content-id-168653655652 {
/* Custom width on desktop */
@media screen and (min-width: 768px) {
.row-fluid:has(#hs_cos_wrapper_widget_1716896404745) .span4 {
width: 45%;
}
}
.row-fluid:has(#hs_cos_wrapper_widget_1716896404745) .span4 {
position: relative;
z-index: 1;
&:before {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/Book_Demo/BG_overlay.png);
background-position: 100%;
background-repeat: no-repeat;
content: "";
height: 873px;
position: absolute;
right: 0;
top: -30px;
width: 1137px;
z-index: 1;
}
&:after {
content: "";
position: absolute;
top: 12vh;
left: calc(50% - 50vw);
width: 100vw;
height: 50vh;
background: url("https://www.relesys.net/hs-fs/hubfs/Relesys_2022/Book_Demo/Three%20Screen.png?width=1112&height=1210&name=Three%20Screen.png") center center / auto 100% no-repeat;
z-index: 2;
}
}
#hs_cos_wrapper_widget_1716896404745 {
background: linear-gradient(107.19deg, #436057 6.62%, #9dbab1 96.28%);
border-radius: 20px;
margin: 0 auto 106px auto;
max-width: 470px;
padding: 25px !important;
position: relative;
z-index: 3;
&:after {
content: "";
position: absolute;
top: -42px;
right: 20px;
width: 100px;
height: 100px;
background: url("https://content.relesys.net/hubfs/Relesys_2022/Book_Demo/Avatar.png") center / auto 100% no-repeat;
z-index: 4;
}
h4, li {
color: #fff;
}
ul, ol {
margin: 0;
padding: 0;
}
ul li {
background-image: url(https://content.relesys.net/hubfs/Relesys_2022/Book_Demo/icon.svg);
background-position: 0;
background-repeat: no-repeat;
background-size: 1.2rem;
font-size: 1rem;
font-weight: 400;
line-height: 130%;
list-style: none;
margin-bottom: 1rem;
padding-left: 2rem;
}
}
.meetings-iframe-container {
z-index: 10;
position: relative;
}
/* Tablet edits */
@media screen and (max-width: 1000px) {
.row-fluid:has(#hs_cos_wrapper_widget_1716896404745) .span4 {
&:after {
top: 16vh;
height: 55vh;
}
}
}
/* Mobile edits */
@media screen and (max-width: 767px) {
.row-fluid:has(#hs_cos_wrapper_widget_1716896404745) .span4 {
&:after {
top: -20vh;
left: 0;
width: 100%;
height: 65vh;
background-size: 100% auto;
}
}
#hs_cos_wrapper_widget_1716896404745 {
margin: 20vh auto 0 auto;
padding: 20px !important;
}
h2 {
font-size: 34px;
line-height: 1.1em;
}
}
}
.m-bottom-0 {
box-shadow: none !important;
}
.height-100 {
box-shadow: none !important;
}
/* Logo carousel edits */
@media (max-width: 767px) {
.logo-bar-v2 .brand__item-mob {
margin: 15px 15px !important;
}
.brand__container {
width: calc(100% + 60px) !important;
}
}
/* Survey blog post - common mistakes */
.correct-wrong-title {
margin-top: 3rem !important;
img {
width: 42px !important;
height: 42px !important;
margin: 0 4px -8px -4px !important;
}
}
/* Webinar styling */
.section-6-row-0-background-layers {
background-image: none !important;
}
/* Remove blog post dates everywhere */
.ie-card-articles__date-icon,
.elements--post--blog--header__date {
display: none !important;
}
.rss-talk-tag,
.ie-elements-sac-title {
margin-bottom: 0.4em !important;
}
@media (max-width: 767px) {
html #bp_vid {
max-width: 90% !important;
border-radius: 10px;
}
}
/* Intro call form */
#hs_form_target_widget_1732810005830 {
max-width: 800px;
margin: 0 auto;
}
#hs_form_target_widget_1732017762199,
#hs_form_target_widget_1732810005830 {
background: #fff;
z-index: 10;
position: relative;
border: 1px solid #ebebeb;
border-radius: 20px;
box-shadow: 0 10px 25px rgb(0 0 0 / 9%);
margin-top: 10px;
padding: 25px;
margin-bottom: 100px;
input, select {
background-color: #f5f5f5 !important;
border: 0 !important;
border-radius: 7px !important;
box-shadow: none !important;
color: #2f2f2f;
font-size: 15px;
font-weight: 400;
height: 46px !important;
line-height: 130%;
padding: 12px 10px !important;
width: 100%;
&::placeholder {
color: rgba(47,47,47,0.5) !important;
}
}
select:invalid {
color: rgba(47,47,47,0.5) !important;
}
.hs-error-msg {
color: #F8452C;
margin-top: -0.55rem;
font-size: 0.7rem;
font-weight: 400;
margin-bottom: -1.5rem;
}
form .hs-richtext,
form .hs-richtext p {
font-size: 0.7rem;
margin: 0 0 1.4rem;
line-height: 1.2;
opacity: 0.7;
color: #2f2f2f;
}
.hs-button {
background: #ea6f63 !important;
color: #fff;
font-weight: bold;
border-radius: 100px !important;
}
form label {
font-size: 0.8rem;
font-weight: bold;
}
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
border-width: 1px;
}
.body-wrapper {
overflow-x: hidden !important;
}
/* Migrate from workplace edits */
.hs-content-id-168155334476 {
#hs_cos_wrapper_widget_1666259096158 .img-text-lists {
display: none;
}
.pltfrm-top-header h3 {
margin: 2em 0 -0.9em 0;
}
.brnd-ptfrm-wrap .brnd-ptfrm-inner {
display: none;
}
.section-6-row-1-padding {
padding-top: 0;
}
@media (max-width: 767px) {
h2 {
font-size: 38px;
line-height: 1.1em;
}
}
}