*, *: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: 1210px;
}
@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: 1210px;
}
.dnd-section .dnd-column {
padding: 0px 0px;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0;
}
}
/* Custom Fonts */
@font-face {
font-family: CodecPro;
font-style: normal;
font-weight: 100;
font-display: block;
src: url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Regular.eot") format('eot'),
/* url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Regular.wofff") format('woff'), */
url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Regular.ttf") format('truetype');
}
@font-face {
font-family: CodecPro;
font-style: normal;
font-weight: 200;
font-display: block;
src: url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Bold.eot") format('eot'),
url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Bold.woff") format('woff'),
url("https://26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/FONTS/Codec-Pro-Bold.ttf") format('truetype');
}
/* Body */
body {
font-family: 'CodecPro', 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: 'CodecPro', sans-serif;
}
h2 {
font-family: 'CodecPro', sans-serif;
}
h3 {
font-family: 'CodecPro', sans-serif;
}
h4 {
font-family: 'CodecPro', sans-serif;
}
h5 {
font-family: 'CodecPro', sans-serif;
}
h6 {
font-family: 'CodecPro', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
margin: 0 0 1.4rem;
}
/* Navigation */
body .navigation-primary > .level-1 > .menu-item > a {
font-family: 'CodecPro', sans-serif;
}
body .submenu.level-2 .menu-item .menu-link {
font-family: 'CodecPro', sans-serif;
}
/* Footer */
.footer__columns h1,
.footer__columns h2,
.footer__columns h4,
.footer__columns h5,
.footer__columns h6
{
font-family: 'CodecPro', sans-serif;
}
.footer__columns a {
font-family: 'CodecPro', sans-serif;
}
.footer p {
font-family: 'CodecPro', sans-serif;
}
.footer__copyright {
font-family: 'CodecPro', sans-serif;
}
/* Mobile Custom Fonts Assigments */
@media(max-width: 767px) {
/* Body */
body {
font-family: 'CodecPro', sans-serif;
}
/* Headings */
h1 {
font-family: 'CodecPro', sans-serif;
}
h2 {
font-family: 'CodecPro', sans-serif;
}
h3 {
font-family: 'CodecPro', sans-serif;
}
h4 {
font-family: 'CodecPro', sans-serif;
}
h5 {
font-family: 'CodecPro', sans-serif;
}
h6 {
font-family: 'CodecPro', sans-serif;
}
/* Navigation */
body .navigation-primary > .level-1 > .menu-item > a {
font-family: 'CodecPro', sans-serif;
}
body .submenu.level-2 .menu-item .menu-link {
font-family: 'CodecPro', sans-serif;
}
/* Footer */
.footer__columns h1,
.footer__columns h2,
.footer__columns h4,
.footer__columns h5,
.footer__columns h6
{
font-family: 'CodecPro', sans-serif;
}
.footer__columns a {
font-family: 'CodecPro', sans-serif;
}
.footer p {
font-family: 'CodecPro', sans-serif;
}
.footer__copyright {
font-family: 'CodecPro', 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 #CDCDCD;
margin: 0 0 1.4rem;
padding-left: 15px;
}
/* Horizontal rules */
hr {
background-color: #CDCDCD;
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: #000000;
border: 1px solid #000000;
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;
}
@media (max-width:767px){
.elements-buttons-enabled-on-mobile {
min-width: 205px;
}
}
/* 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:transparent !important;
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 #CDCDCD;
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: #000000;
border: 1px solid #000000;
}
/* 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: #6a6e72;
}
::-moz-placeholder {
color: #6a6e72;
}
:-ms-input-placeholder {
color: #6a6e72;
}
:-moz-placeholder {
color: #6a6e72;
}
::placeholder {
color: #6a6e72;
}
/* 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: #DC2B2B;
margin-top: 0.35rem;
font-family: 'Poppins', sans-serif;
}
/* 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;
}
#hs-link-site_logo_hs_logo_widget {
display: flex;
align-items: center;
}
.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: 911px) {
.header__column {
display: contents;
}
}
@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: 999;
}
}
@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: 999;
}
.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: 999;
}
.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%;
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__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;
}
.customheaderCss .btn-primary-dark{word-break: normal;}
@media (min-width: 911px) and (max-width:1135px) {
.customheaderCss .header__container{flex-wrap: wrap;}
.customheaderCss .header__logo{width:150px;}
.customheaderCss .header__row-1{width: calc(100% - 150px);padding-left: 20px;}
.customheaderCss .navigation-primary a{font-size:15px;}
.customheaderCss .submenu.level-1>li {padding: 15px 5px;}
.customheaderCss .submenu.level-1>li:last-child {padding-right: 8px;}
.customheaderCss .showBtn{height: 40px;width: 40px;margin-right:5px;background-size:16px;}
.customheaderCss .btn-primary-dark{font-size:15px;padding:10px 8px;}
}
/* ------------------------------------------------------------------ end header_style_1 ----------------------------------------------------------------------*/
/* ------------------------------------------------------------------ end header_mega_menu ----------------------------------------------------------------------*/
.header--no-navigation .header__logo {
margin: 0 auto 0;
}
/* Language switcher */
.header__language-switcher {
cursor: pointer;
padding: 12px 0;
position:relative;
}
.header__language-switcher--label {
margin-right: 12px;
border-radius: 50%;
width: 45px;
height: 45px;
border: 1px solid #E7E7E7;
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;
}
.widget-type-language_switcher {
line-height: 0;
}
.hs_cos_wrapper_type_language_switcher {
display: inline-block;
}
.header__language-switcher:hover .header__language-switcher--label {
transform: scale(1.1);
}
.header__language-switcher .lang_switcher_class {
position: static;
margin-top: 0px !important;
}
.globe_class {
background-size: contain;
transition: 0.2s ease-in-out;
}
.header__language-switcher--label-current {
display: none !important;
}
.header__language-switcher .lang_list_class {
border-radius: 15px;
min-width: 216px;
-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% + 77px);
opacity: 0;
padding-top: 0;
text-align: left;
top: 125%;
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;
}
/* Mobile styles */
@media (max-width: 910px) {
.header__language-switcher .lang_list_class {
left: -18px !important;
}
.header__language-switcher {
position: absolute;
top: -25px;
right: 120px;
padding:0;
}
.header__language-switcher--label { width: 40px; height: 40px; }
.header__language-switcher--label {
margin-right: 10px;
}
.showBtn {
margin: 0px 10px 0px -6px;
}
.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) {
.header__logo img {
margin-top: 0px !important;
}
}
@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: 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: 15px !important;
left: 0;
right: 0;
padding-top: 40px;
}
.header__navigation.open,
.header__search.open {
background-color: #FFFFFF;
/*display: block;*/
height: 100vh;
z-index: 999;
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;
position: absolute;
display: block !important;
opacity: 1;
right: 20px;
background-color: #000000;
padding: 10px !important;
border-radius: 0;
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;
margin-right: 0;
margin-top: 16px;
position: absolute;
opacity: 0;
right: 20px;
background-color: #000000;;
padding: 10px !important;
border-radius: 0;
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;
}
}
@media(min-width: 911px){
#header .submenu.level-1>li.has-submenu:last-child.has-submenu .submenu.level-2 {
overflow: hidden;
display: block !important;
min-width: 400px;
overflow-y: auto;
left: 50% !important;
transform: translateX(-50%);
}
#header .submenu.level-1>li.has-submenu:last-child.has-submenu .submenu.level-2::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
#header .submenu.level-1>li.has-submenu:last-child.has-submenu .submenu.level-2::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
}
.submenu.level-1 > li:last-child.has-submenu .submenu.level-2 .menu-link {
white-space: normal;
line-height: 1.4;
}
#header .submenu.level-1 > li.has-submenu:last-child.has-submenu .submenu.level-2 li:not(:last-child) {
margin-bottom: 15px;
}
@media (min-width: 911px) and (max-width: 1400px) {
.customheaderCss .navigation-primary a {
font-size: 15px !important;
}
#header .submenu.level-1 > li.has-submenu:last-child.has-submenu .submenu.level-2 li:not(:last-child) {
margin-bottom: 12px;
}
}
.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 #4C4C4C;
padding: 0 0px 3rem 0px;
margin-bottom: 96px;
}
.footer__container-top {
border-bottom: 1px solid #4C4C4C;
padding: 0 0px 3rem 0px;
margin-bottom: 96px;
}
.footer__container-bottom {
border-top: 1px solid #4C4C4C;
margin-top: 45px;
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(3, 1fr);
}
.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;
}
.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;
}
.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;
}
}
@media (max-width: 420px) {
.footer__columns__grid {
grid-template-columns: repeat(3, auto);
}
}
.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 */
.elements--post--blog--header__image_containerimage_container {
width: 100%;
margin-top: -464px;
}
.elements--post--blog--main__content {
margin-top: 80px;
margin-bottom: 124px;
position: relative;
}
.elements--post2--blog--header__container {
padding: 132px 0 500px;
}
.elements--post--blog__title {
color: #000000;
max-width: 821px;
margin-bottom: 16px;
}
.elements--post--blog__subtitle {
color: #000000;
max-width: 670px;
}
.elements--post2--blog--header__text {
margin: 48px 0 24px;
padding-bottom: 12px;
display: grid;
grid-template-columns: repeat(3, 1fr);
padding-bottom: 52px;
max-width: 857px;
gap:20px;
margin-top: 76px;
}
.span6.left_content {
padding-right: 90px;
}
.span6.right_img {
margin: 0;
}
.elements--post2--blog--line {
border-bottom: 1px solid #CDCDCD;
}
.hs-social-website img {
margin-bottom: -2px;
}
.elements--post2--blog--header__container {
background-color: #060606;
}
.elements-post-blog--header__titles {
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 16px;
}
/* .elements--post--blog--header__date {
margin-bottom: 8px;
}
*/
.elements--post--blog--card--author__display__name__social--container {
margin-left: 24px;
margin-top: 12px;
}
#section-cta-blog {
padding-top: 128px;
padding-bottom: 128px;
background-color: #060606;
margin-top: 96px;
}
#section-cta-blog section {
display: flex;
align-items: center;
justify-content: space-between;
}
#section-cta-blog section > div {
flex: 1;
}
#section-articles {
padding-top: 128px;
padding-bottom: 3rem;
}
.section-articles-post {
padding-top: 0 !important;
}
#section-articles .btn-secondary-white:hover, #section-articles .btn-secondary-white:focus, #section-articles .btn-secondary-white:active {
background-color: #060606;
border: 1px solid #060606;
}
.elements__one_blog-v1 {
margin: 56px 0 0;
}
.articles-blog__blog_v1_sidebar_right {
margin-bottom: 80px;
}
@media(max-width: 900px) {
.elements--post2--blog--header__container {
padding: 86px 0 352px;
}
.elements--post--blog--header__image_containerimage_container {
margin-top: -309px;
}
}
@media(max-width: 767px) {
.section-cta-blog__one {
margin-top: 0 !important;
}
.section-articles-post {
margin-top: 0 !important;
}
.elements-container-fluid__featured__post {
margin: 16px 0px 19px !important;
}
.elements--post2--blog--header__text {
margin-top: 42px;
grid-template-columns: repeat(3,1fr);
grid-row-gap: 32px;
}
.elements--post--blog--header__image_containerimage_container {
margin-top: -141px;
}
.elements--post2--blog--header__container {
padding: 63px 0 152px;
}
.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 !important;
}
.hs-author-social-section {
display: flex;
justify-content: center;
}
.elements--post--blog--card--author__display__name__social--container {
margin-left: 0 !important;
}
.articles-blog__blog_v1_sidebar_right {
margin-bottom: 24px;
}
.elements__blog__column-right {
padding-top: 0 !important;
}
.elements__one_blog-v1 {
margin: 16px 0 0;
}
#section-cta-blog section {
display: block;
}
#section-cta-blog {
padding-top: 80px;
padding-bottom: 80px;
background-color: #060606
}
h3.elements--blog--card__featured__title__type_2 {
font-size: 22px;
}
}
@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 #E7E7E7 !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: #000000 !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_1--header-container {
max-width: 914px;
margin: 32px auto 8px;
}
.elements--post--blog__image {
width: 100%;
margin-top: 12px;
object-fit: cover;
margin-bottom: 64px;
}
.elements--post--blog__image__2 {
width: 100%;
margin-top: 12px;
object-fit: cover;
margin-bottom: 16px;
border-radius: 36px;
}
.elements--post--blog--author__container {
position: -webkit-sticky;
position: sticky;
top: 116px;
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='%23000000'/%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='%23000000'/%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='%23000000'/%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--post--blog--main__content {
margin-bottom: 0;
}
.elements--post--blog__image {
margin-bottom: 24px;
}
.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__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: #000000 !important;
margin-bottom: 14px;
text-decoration: none !important;
}
.elements--post2--blog-pagination__link svg {
fill: #000000;
margin-right: 8px;
filter: drop-shadow(0px 2px 4px rgba(244, 38, 62, 0.18));
width: 10px;
}
.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 #CDCDCD;
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 65px;
}
.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: 203px;
border-radius: 50%;
max-width: 100%;
object-fit: cover;
}
.elements--post2--blog--card--author__image__2 {
width: 151px;
height: 151px;
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: 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--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--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 {
padding: 19px 24px !important;
margin-left: 12px !important;
margin-top: 16px !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-bottom: 0 !important;
}
.blog-index__post {
margin: 14px 0 !important;
}
.span6.left_content {
padding-right: 0px;
}
.elements__post__body {
margin: 0 0 40px;
}
}
.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: 23px;
margin-top: 8px;
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: 20px 24px 50px;
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: max-content !important;
height: unset !important;
width: fit-content !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 #CDCDCD;
background-color: #FFFFFF;
box-shadow: 0px 1px 4px rgb(31 37 89 / 5%);
padding: 25px 22px;
border-radius: 0;
}
.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: #6a6e72 !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: #313131;
}
/* Blog post */
.carbo_blog_posting .article-content p, .carbo_blog_posting .article-content p span, .carbo_blog_posting .article-content li { font-size: 18px !important; line-height: 30px; }
.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);
}
}
@media(max-width: 767px){
.carbo_blog_posting .article-content p, .carbo_blog_posting .article-content p span, .carbo_blog_posting .article-content li { font-size: 16px !important; line-height: 30px; }
}
.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;
}
.business-background_system-pages {
padding-top: 90px;
padding-bottom: 128px;
background: #F9F9F9;
}
.one-system-page_title {
font-weight: 500;
font-size: 54px;
line-height: 66px;
margin-bottom: 8px;
z-index: 2;
}
/* 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: #E7E7E7;
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: #E7E7E7;
border-radius: 0px;
display: inline-block;
margin: 1.4rem 0;
padding: 1.4rem 1.4rem;
text-align: center;
width: 100%;
font-style: normal;
font-weight: 500;
line-height: 27px;
text-align: center;
letter-spacing: -0.01em;
color: #060606;
border-radius: 0;
}
.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: #060606;
}
.hs-search-results__title:hover {
text-decoration: none;
}
.hs-search-results__description {
padding-top: 0.5rem;
margin-bottom: 12px;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__pagination a {
color: #0270E0;
}
/* Password prompt */
.elements__password-protected {
padding-top: 90px;
padding-bottom: 128px;
}
.password-prompt input[type=password], .backup-unsubscribe input[type=email] {
display: block;
margin-bottom: 2.5rem;
margin-top: 1.8rem !important;
height: 62px !important;
box-shadow: none;
border-radius: 0;
padding-left: 0;
padding-right: 0;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: 1px solid #CDCDCD;
}
.password-prompt form input[type=submit], .password-prompt form .hs-button {
padding: 26px 38px;
height: auto !important;
background-color: #060606;
}
.password-prompt form input[type=submit]:hover,
.password-prompt form .hs-button:hover,
.password-prompt form input[type=submit]:focus,
.password-prompt form .hs-button:focus,
.password-prompt form input[type=submit]:active,
.password-prompt form .hs-button:active {
background-color: #060606 !important;
color: #FFFFFF !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: 80px 56px 112px;
}
/* Subscription Preferentes */
.elements__subscription-preferences--card {
max-width: 659px;
width: 100% !important;
padding: 64px 64px 64px;
}
.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: #4C4C4C;
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: #4C4C4C;
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 #CDCDCD;
cursor: pointer;
}
.elements__subscription-preferences [type="checkbox"]:checked+span:before {
background-color: #060606;
}
.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) {
.one-system-page_title {
font-weight: 500;
font-size: 38px;
line-height: 42px;
margin-bottom: 16px;
}
.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: 96px 62px;
text-align: center;
}
@media(max-width: 767px) {
.elements__subscription-preferences-update--card {
padding: 50px 28px 40px;
}
}
.elements__subscription-preferences-update h1 {
font-size: 38px;
line-height: 50px;
}
.elements__subscription-preferences-update h2 {
font-size: 24px;
line-height: 26px;
font-style: normal;
font-weight: 700;
color: #060606;
margin-bottom: 0px;
}
/* Subscription Update Confirm */
.elements__backup-unsubscribe h3 {
display: none;
}
.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: 40px 56px 72px;
}
@media(max-width: 767px) {
.elements__backup-unsubscribe--card {
padding: 24px 28px 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: #060606;
height: 456px;
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: 360px;
}
.elements__search-results {
padding-top: 16px;
}
.elements__password-protected {
padding-top: 32px;
padding-bottom: 72px;
}
.elements__password-prompt--card {
padding: 40px 32px 80px;
}
}
/* Backup unsubscribe */
.backup-unsubscribe #email-prefs-form div {
padding-bottom: 0 !important;
}
.backup-unsubscribe input[type=email] {
font-size: inherit !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 */
/*****************************************/
.elements--full-with-right_image {
position: relative;
}
.no-section-padding .dnd-section, .no-section-padding .content-wrapper--vertical-spacing {
padding: 0;
}
.background-home-marketing {
background-image: url(//26616759.fs1.hubspotusercontent-eu1.net/hubfs/26616759/raw_assets/public/@marketplace/inboundelements_com/One_Elements/images/theme/home-marketing.png) !important;
background-size: 50% !important;
background-position: right top !important;
background-repeat: no-repeat !important;
background-color: #060606;
}
.background-home-marketing .section-1-row-0-padding {
padding-top: 15% !important;
padding-bottom: 24% !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: 44px !important;
padding-bottom: 56px !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;
}
}
/******************************************************************/
/* - Custom CSS - */
/* Activate this CSS ile from the Theme Settings before using it */
/* Find it on: Global Settings > Settings > Enable Custom CSS */
/******************************************************************/
/******************************************************************/
/* Please add your Custom CSS below */
/******************************************************************/
.widget-type-rich_text img,
.hs_cos_wrapper_type_inline_rich_text img {
max-width: 100%;
}
.hs_cos_wrapper_type_header h2:last-child {
margin-bottom: 0;
}
.cards__card{
-webkit-filter:none;
filter: none;
}
@media (max-width:991px){
#product-tour .cards{
flex-wrap:wrap;
}
}
@media (min-width:992px){
#product-tour .cards{
align-items: flex-start;
}
#product-tour .cards__card:nth-child(2) {
margin-top: 77px;
}
#product-tour .cards__card:nth-child(3) {
margin-top: 127px;
}
}