.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;
}
}
button,
.button {
background-color: #F4263E;
border: none;
/* border: 1px solid #F4263E; */
border-radius: 10px;
color: #FFF;
cursor: pointer;
display: inline-block;
/* font-size: 0.92rem; */
font-weight: normal;
height: auto;
line-height: 1.1;
margin: 0;
padding: 15px 53px;
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;
}
.showBtn {
background-image: url(https://20459799.fs1.hubspotusercontent-na1.net/hubfs/20459799/Asset%201.svg) !important;
}
/* Contact Form */
.elements--contact-form__container {
background: #FFFFFF;
border: 0.5px solid #E7E8F1;
box-sizing: border-box;
box-shadow: 0px 8px 18px rgba(31, 37, 89, 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 #e4e8ee;
content: "";
height: 22px;
left: 0;
position: absolute;
top: 0;
width: 22px;
border-radius: 4px;
box-shadow: inset 0px -1px 5px rgba(0, 0, 0, 0.08);
border-radius: 5px;
}
/* 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: #4b49bf;
border: 1px solid #4b49bf;
}
/* 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: #252526;
}
::-moz-placeholder {
color: #252526;
}
:-ms-input-placeholder {
color: #252526;
}
:-moz-placeholder {
color: #252526;
}
::placeholder {
color: #252526;
}
/* 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: #bf4949;
margin-top: 0.35rem;
}
/* Submit button */
form input[type=submit],
form .hs-button {
background-color: #494A52;
border: 1px solid #494A52;
border-radius: 10px !important;
color: #FFF;
cursor: pointer;
display: inline-block;
font-size: 0.92rem;
font-weight: normal;
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;
}
/*a[href^="#main-content"] + .header__container {
--background-color: #F8FAFC;
position: absolute;
width: 100%;
background-color: transparent;
}
*/
.header {
background-color: #F8FAFC;
}
.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%;
}
.header__row-1 {
padding-top: 20px;
padding-bottom: 20px;
}
/* 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;
}
/* 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: 12px;
aspect-ratio: 4.28 / 1;
}
.header__logo .logo-company-name {
font-size: 28px;
margin-top: 7px;
}
.header__logo--main {
padding-top: 20px;
padding-bottom: 20px;
}
.header__logo--no-navigation {
margin: 0 auto 6px;
}
.header--no-navigation {
border-bottom: 1px solid #e4e8ee;
}
.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;
}
/* Language switcher */
.header__language-switcher {
cursor: pointer;
padding-right: 35px;
}
.header__language-switcher .lang_switcher_class {
position: static;
}
.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: 200px;
-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: 170%;
transition: opacity 0.3s;
visibility: hidden;
}
.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;
font-size: 18px;
padding: 10px 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;
font-size: 18px;
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__button .btn-primary-dark {
display: block;
text-align: center;
}
.header__navigation {
margin-right: 8px;
}
/* Tablet styles */
@media (max-width: 1150px) and (min-width: 858px) {
.header__column {
width: 100%;
}
}
/* Mobile styles */
@media (max-width: 1150px) {
.header__button {
display: none;
}
.header__logo--main {
padding-bottom: 0px !important;
}
}
@media (min-width: 1150px) {
.header__search {
display: none;
}
}
@media (max-width: 767px) {
.header__logo img {
margin-top: 0px !important;
}
}
@media (max-width: 1150px) {
.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: 6px 0 0;
}
.header__container form {
max-width: 100%;
}
.header__logo {
margin: 0px 0px 0px 20px;
width: 100%;
}
.header--no-navigation .header__logo {
margin: 0px auto 18px;
}
.header__navigation,
.header__search,
.header__language-switcher {
/*display: none;*/
}
.header__navigation,
.header__search,
.header__language-switcher {
opacity: 0;
height: 0;
width: 100%;
visibility: hidden;
transition: all .25s ease-in-out;
position: absolute;
top: 10px !important;
left: 0;
right: 0;
overflow: auto;
}
.header__navigation.open,
.header__search.open,
.header__language-switcher.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,
.header__language-switcher--toggle.hide {
/*display: none; */
opacity: 0;
visibility: hidden;
}
.header__navigation--toggle.open,
.header__search--toggle.open,
.header__language-switcher--toggle.open {
/*display: block;*/
margin-left: 0;
margin-right: auto;
}
.header__navigation--toggle.open:after,
.header__search--toggle.open:after,
.header__language-switcher--toggle.open:after {
/* display: block;*/
visibility: visible;
word-break: normal;
opacity: 1;
}
.header__navigation--toggle:after,
.header__search--toggle:after,
.header__language-switcher--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-1 {
padding-top: 32px;
}
.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: 34px;
width: 34px;
position: absolute;
display: block !important;
opacity: 1;
top: -45px;
right: 20px;
background-color: #4b49bf;
padding: 10px !important;
border-radius: 6px;
box-shadow: 0px 3px 10px rgba(244, 38, 62, 0.28);
transition: all ease 0.35s !important;
}
.header__navigation--toggle:hover,
.header__navigation--toggle:active,
.header__navigation--toggle:focus{
transform: scale(1.1);
}
.header__language-switcher--toggle {
background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
background-size: cover;
height: 25px;
width: 25px;
}
.header__language-switcher--toggle:after {
content: "Language";
}
.header__language-switcher {
border-top: 2px solid #CED4DB;
padding-left: 30px;
padding-right: 0;
}
.header__language-switcher .lang_list_class {
background-color: inherit;
border: none;
border-radius: 0;
box-shadow: unset;
display: block;
left: 30px;
opacity: 1;
padding: 0 30px;
top: 0;
visibility: visible;
}
.header__language-switcher .lang_list_class li {
background-color: inherit;
font-size: 22px;
}
.header__language-switcher--label-current {
display: none;
}
.header__language-switcher .globe_class {
background-image: none;
}
.header__language-switcher .lang_list_class li:hover {
background-color: inherit;
}
.header__language-switcher .lang_list_class:before,
.header__language-switcher .lang_list_class:after {
content: none;
}
.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: 34px !important;
margin-right: 0;
width: 34px !important;
margin-top: 16px;
position: absolute;
opacity: 0;
top: -45px;
right: 20px;
background-color: #4b49bf;;
padding: 10px !important;
border-radius: 6px;
box-shadow: 0px 3px 10px rgba(244, 38, 62, 0.28);
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-top: 48px;
padding: 48px 20px 0 20px;
}
.footer-no-navigation {
background-color: #FFFFFF;
padding: 0 20px;
}
.footer-fixed {
position: fixed;
width: 100%;
bottom: 0;
}
.footer__container.content-wrapper {
padding: 2.5rem 0 0 0;
}
.footer__container-no-navigation.content-wrapper {
padding: 2.5rem 0 1.5rem 0;
}
.footer__container-bottom {
border-top: 1px solid #E7E8F1;
padding: 2rem 0px 0.5rem 0px;
margin-top: 72px;
}
.footer__copyright {
text-align: right;
float: right;
}
.footer-no-navigation__copyright {
text-align: right;
float: right;
margin-top: 6px;
}
.footer__left-column {
padding-right: 16px;
}
.footer__logo {
margin-bottom: 8px;
}
.footer__logo img {
max-width: 100%;
}
.footer__description {
margin-bottom: 24px;
}
.footer__form {
margin-top: 32px;
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;
justify-content: flex-end;
}
@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-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;
margin-top: 50px;
}
.footer__form form input[type=submit],.footer__form form .hs-button {
width: 100% !important;
}
.footer {
padding-top: 32px;
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(1, 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;
}
}
/*********** 1b. Colors ***********/
/*** Primary Colors ***/
.bg-primary-color-1, .text-primary-color-1 {
background-color: #4b49bf;
}
.bg-primary-color-2, .text-primary-color-2 {
background-color: ;
}
/*** Neutral Colors ***/
.bg-neutral-color-800, .text-neutral-color-800 {
background-color: ;
}
.bg-neutral-color-700, .text-neutral-color-700 {
background-color: #252526;
}
.bg-neutral-color-600, .text-neutral-color-600 {
background-color: #252526;
}
.bg-neutral-color-500, .text-neutral-color-500 {
background-color: #252526;
}
.bg-neutral-color-400, .text-neutral-color-400 {
background-color: #e4e8ee;
}
.bg-neutral-color-300, .text-neutral-color-300 {
background-color: #f0f3f5;
}
.bg-neutral-color-200, .text-neutral-color-200 {
background-color: #fafaff;
}
.bg-neutral-color-100, .text-neutral-color-100 {
background-color: #FFFFFF;
}
/*** Status Colors ***/
.bg-status-color-default, .text-status-color-default {
background-color: #252526;
}
.bg-status-color-success, .text-status-color-success {
background-color: #49bf57;
}
.bg-status-color-warning, .text-status-color-warning {
background-color: #feca06;
}
.bg-status-color-error, .text-status-color-error {
background-color: #bf4949;
}
.navigation-primary a.active-item {
color: white;
}
/*********** 1c. Typography *********/
/*** Desktop Typography ***/
/*** Mobile Typography ***/
/*********** 1d. Buttons **********/
/*** Primary Buttons ***/
/*** Secondary Buttons ***/
/*********** 1e. Cards ************/
/*********** 1f. Forms ************/
/*********** 1g. Tables ************/
/************ 1g. Site header ************/
/************ 1i. Site footer ************/
/************ 1j. 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);
}
blockquote {
border-left: 2px solid #4b49bf;
}
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
:focus {
outline: none;
}
html {
font-size: 18px;
}
body {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Paragraphs ***/
p {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Anchors ***/
a {
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #4b49bf;
line-height: 27px;
text-transform: none;
letter-spacing: 0px;
transition: 0.2s ease-in-out;
}
a:hover,
a:focus {
color: #4b49bf;
}
.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
color: #4b49bf !important;
}
a:active {
color: #5f5dd3;
}
strong {
transition: 0.2s ease-in-out;
}
/*** Headings ***/
h1 {
font-family: Poppins;
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 48px;
line-height: 62px;
text-transform: none;
letter-spacing: -0.1px;
}
h2 {
font-family: Poppins;
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 36px;
line-height: 48px;
text-transform: none;
letter-spacing: -1px;
}
h3 {
font-family: Poppins;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 24px;
line-height: 34px;
text-transform: none;
letter-spacing: 0px;
}
h4 {
font-family: ;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: ;
font-size: 36px;
line-height: 28px;
text-transform: none;
letter-spacing: 0px;
}
h5 {
font-family: ;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: ;
font-size: 24px;
line-height: 24px;
text-transform: none;
letter-spacing: 0px;
}
h6 {
font-family: ;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: ;
font-size: 18px;
line-height: 22px;
text-transform: none;
letter-spacing: 0px;
}
/*** Blockquote ***/
blockquote {
border-left-color: ;
}
/*** Primary Buttons ***/
.btn {
display: inline-block;
}
.btn-primary-dark {
background-color:
rgba(75, 73, 191, 1.0)
;
border: 1px solid #4b49bf;
border-radius: 10px;
color: #FFFFFF;
padding: 18px 38px;
box-shadow: 0px 2px 6px rgba(31, 37, 89, 0.16);
transition: 0.2s ease-in-out;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
background-color:
rgba(75, 73, 191, 1.0)
;
color: #ffffff;
border: 1px solid #4b49bf;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark:active {
transform: scale(1.05);
}
.btn-primary-white {
background-color:
rgba(1, 189, 215, 1.0)
;
border: 1px solid #01bdd7;
border-radius: 10px;
color: #FFFFFF;
padding: 18px 38px;
transition: 0.2s ease-in-out;
}
.btn-primary-white:hover,
.btn-primary-white:focus,
.btn-primary-white:active {
background-color:
rgba(1, 189, 215, 1.0)
;
color: #ffffff;
border: 0px solid #01bdd7;
}
/*** Secondary Buttons ***/
.btn-secondary-white {
background-color:
rgba(255, 255, 255, 1.0)
;
border: 1px solid #4b49bf;
border-radius: 10px;
color: #4b49bf;
padding: 18px 38px;
box-shadow: 0 2px 6px rgba(31, 37, 89, 0.07);
transition: 0.2s ease-in-out;
}
.btn-secondary-white:hover,
.btn-secondary-white:focus,
.btn-secondary-white:active {
background-color:
rgba(255, 255, 255, 1.0)
;
color: #4b49bf;
border: 1px solid #4b49bf;
}
.btn-secondary-white:hover,
.btn-secondary-white:focus,
.btn-secondary-white:active {
transform: scale(1.05);
}
.btn-secondary-yellow {
display: inline-block;
background-color: #FECA06;
border-radius: 10px;
color: #252526;
padding: 18px 38px;
}
.btn-secondary-orange {
display: inline-block;
background-color: #FF4B33;
border-radius: 10px;
color: #252526;
padding: 18px 38px;
}
.btn-secondary-orange:hover,
.btn-secondary-orange:focus,
.btn-secondary-orange:active {
color: #252526;
}
.btn-secondary-yellow:hover,
.btn-secondary-yellow:focus,
.btn-secondary-yellow:active ,
.btn-secondary-orange:hover,
.btn-secondary-orange:focus,
.btn-secondary-orange:active {
transform: scale(1.05);
}
.btn-secondary-dark {
background-color:
rgba(37, 37, 38, 1.0)
;
border: 1px solid #252526;
border-radius: 10px;
color: #FFFFFF;
padding: 18px 38px;
transition: 0.2s ease-in-out;
}
.btn-secondary-dark:hover,
.btn-secondary-dark:focus,
.btn-secondary-dark:active {
transform: scale(1.05);
}
.cards {
justify-content: ;
}
.card__image {
max-width: px;
}
.card__title {
color: ;
}
.card__text p {
color: ;
}
.cards__card {
width: px;
background-color: #ffffff;
border: 1px solid #f0f3f5;
border-radius: 36px;
transition: 0.2s ease-in-out;
box-shadow: 0px 3px 10px rgba(31, 37, 89, 0.04);
}
.cards__card--no-shadow {
box-shadow: none;
}
.cards__card--no-border {
border: none;
}
.cards__card:hover {
transform: scale(1.03) !important;
}
form,
.submitted-message {
;
}
.inputs-list input, .inputs-list span {
color: #252526;
font-weight: normal;
}
/*** Form label ***/
form label {
color: #252526;
font-weight: 500;
}
/*** Form help text ***/
form legend {
color: #252526;
}
/*** 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 #e4e8ee;
color: #252526;
border-radius: 0px;
height: 62px;
box-shadow: 0px 2px 8px rgba(244, 38, 62, 0.04), 0px 1px 3px rgba(31, 37, 89, 0.07);
}
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: 1px solid #4b49bf;
}
/*** Form placeholder text ***/
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
color: #252526;
}
::-webkit-input-placeholder {
color: #252526;
}
/*** Date picker ***/
.fn-date-picker td.is-selected .pika-button {
background: #4b49bf;
}
.fn-date-picker td .pika-button:hover {
background-color: #4b49bf !important;
}
.fn-date-picker td.is-today .pika-button {
color: #4b49bf;
}
/*** Submit button ***/
form input[type=submit],
form .hs-button {
background-color:
rgba(75, 73, 191, 1.0)
;
border: 0px solid #252526;
border-radius: 0px;
color: #FFFFFF;
padding: 18px 38px;
}
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(75, 73, 191, 1.0)
;
color: #ffffff;
border: 0px solid #4b49bf;
}
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 #252526;
}
th,
td {
border: none;
color: #252526;
border-left: 1px solid #252526;
border-bottom: 1px solid #252526;
}
thead th,
thead td {
border: none;
background-color:
rgba(75, 73, 191, 1.0)
;
color: #FFFFFF;
}
tfoot td {
border: none;
background-color:
rgba(255, 255, 255, 1.0)
;
color: #252526;
border-bottom: 1px solid #252526;
border-left: 1px solid #252526;
}
tbody + tbody {
border: none;
border-top-color: ;
}
.sticky-header {
position: sticky;
top: 0;
z-index: 999;
transition: 0.4s box-shadow;
}
.sticky-header.sticky-active {
box-shadow: 0px 2px 8px rgba(244,38,62,0.04),0px 1px 3px rgba(31,37,89,0.05);
}
.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 {
font-family: ;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #252526;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.submenu.level-2 .menu-item .menu-link {
font-family: ;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #252526;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.footer a:hover,
.footer a:focus,
.lang_list_class a:hover,
.lang_list_class a:focus {
color: #4b49bf;
}
.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
color: #252526;
}
.navigation-primary a.active-item {
color: #4b49bf !important;
}
@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;
transition: 0.2s ease-in-out !important;
}
.submenu.level-1 > li.has-submenu:hover .submenu.level-2 {
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) {
.header__navigation--toggle.open:after, .header__search--toggle.open:after, .header__language-switcher--toggle.open:after {
color: #252526 !important;
top: -2px;
text-transform: capitalize !important;
}
.header__row-1 {
padding: 10px 30px 0px 30px !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 .menu-item .menu-link,
.submenu .menu-item {
background-color: transparent !important;
}
}
@media(max-width: 857px) {
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-family: ;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 14px;
color: #252526;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.submenu.level-2 .menu-item .menu-link {
font-family: ;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 14px;
color: #252526;
line-height: 40px;
text-transform: none;
letter-spacing: -0.1px;
}
.navigation-primary a:hover,
.navigation-primary a:focus,
.footer a:hover,
.footer a:focus,
.lang_list_class a:hover,
.lang_list_class a:focus {
color: #4b49bf;
}
.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
color: #252526;
}
}
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: ;
}
@media(max-width: 767px) {
.header__navigation {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__navigation-toggle svg,
.menu-arrow svg {
fill: ;
}
}
.footer {
background-color:
rgba(240, 243, 245, 1.0)
!important;
}
/* Footer Content */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
font-family: Poppins;
color: #4b49bf;
}
.footer__columns h6 {
font-family: Poppins;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #4b49bf;
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: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a:hover {
color: #4b49bf;
}
.footer__copyright a:hover {
color: #4b49bf;
}
.footer p {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #252526;
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: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.blog-post__date {
border-color: #252526;
}
.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
color: #252526;
}
.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: #000000;
}
.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: #4d4d4e;
}
.blog-tag-filter__menu-link--active-item:after {
background-color: #4b49bf;
}
.blog-pagination__link {
color: ;
}
.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
background-color: #4b49bf;
}
.blog-post__title {
font-family: Poppins;
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 36px;
line-height: 48px;
text-transform: none;
letter-spacing: -1px;
}
#comments-listing .comment-reply-to {
color: #252526;
}
#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
color: #000000;
}
#comments-listing .comment-reply-to:active {
color: #4d4d4e;
}
body .icon svg {
fill: #4b49bf;
}
body .tns-nav button.tns-nav-active {
background-color: #4b49bf;
}
body .tns-nav button:hover,
body .tns-nav button:focus {
background-color: #4b49bf;
}
body .social-links__icon {
background-color: #4b49bf;
}
body .social-links__icon svg {
fill: #4b49bf;
}
@media(max-width: 767px) {
.buttons_container {
flex-direction: column;
}
html {
font-size: 16px;
}
body {
font-size: 16px;
font-weight: 400;
text-decoration: none;
font-style: normal;
color: #252526;
line-height: 26px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Paragraphs ***/
p {
font-size: 16px;
font-weight: 400;
text-decoration: none;
font-style: normal;
color: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
/*** Anchors ***/
a {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #4b49bf;
line-height: 26px;
text-transform: none;
letter-spacing: 0px;
text-decoration: underline solid transparent;
transition: all .35s ease;
}
a:hover,
a:focus {
color: #e0122a;
}
a:active {
color: #7371e7;
}
strong {
transition: 1s all ease-in-out;
}
/*** Headings ***/
h1 {
font-family: Poppins;
font-weight: 700;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 36px;
line-height: 44px;
text-transform: none;
letter-spacing: -0.1px;
}
h2 {
font-family: Poppins;
font-weight: 600;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 30px;
line-height: 1;
text-transform: none;
letter-spacing: -1px;
}
h3 {
font-family: Poppins;
font-weight: 600;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 24px;
line-height: 31px;
text-transform: none;
letter-spacing: 0px;
}
h4 {
font-family: Poppins;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 22px;
line-height: 28px;
text-transform: none;
letter-spacing: 0px;
}
h5 {
font-family: Poppins;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 18px;
line-height: 24px;
text-transform: none;
letter-spacing: 0px;
}
h6 {
font-family: Poppins;
font-weight: 500;
text-decoration: none;
font-style: normal;
color: #252526;
font-size: 16px;
line-height: 22px;
text-transform: none;
letter-spacing: 0px;
}
/* Footer Content */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
font-family: Poppins;
color: #4b49bf;
}
.footer__columns h6 {
font-family: Poppins;
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #4b49bf;
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: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
.footer__columns a:hover {
color: #4b49bf;
}
.footer__copyright a:hover {
color: #e0122a;
}
.footer p {
font-weight: 400;
text-decoration: none;
font-style: normal;
font-size: 16px;
color: #252526;
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: #252526;
line-height: 27px;
text-transform: none;
letter-spacing: -0.1px;
}
}
[data-aos^=fade][data-aos^=fade].aos-animate {
-webkit-transform: none;
transform: none;
}
.h2 {
font-size: 48px;
line-height: 54px;
font-weight: 700;
}
.h4 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
letter-spacing: 0.5px;
font-size: 24px;
line-height: 28px;
}
.h5 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 26px;
letter-spacing: 0.5px;
}
span.highlight-yellow {
display: inline-block;
background-color: #FECA06;
color: #4B49BF;
border-radius: 16px;
padding-left: 6px;
padding-right: 6px;
}
.elements--jobs__accordion {
cursor: pointer;
transition: 0.4s;
padding-right: 48px;
}
.active, .elements--jobs__accordion:hover {
}
.elements--jobs__title {
margin-bottom: 10px;
}
.elements--jobs__location-type {
margin-bottom: 0px;
margin-top: 16px;
}
.elements--jobs__location {
display: inline-flex;
align-items: center;
}
.elements--jobs__employment_type {
display: inline-flex;
align-items: center;
}
.elements--jobs__employment_type-data {
padding-top: 2px;
}
.elements--jobs__location-icon {
margin-right: 12px;
filter: drop-shadow(0px 3px 5px rgba(244, 38, 62, 0.22));
}
.elements--jobs__emplyment-type-icon {
margin-right: 12px;
margin-left: 24px;
filter: drop-shadow(0px 2px 6px rgba(244, 38, 62, 0.2));
}
.elements--jobs__vertical-separator {
border-left: 1px solid #F4F4F9;
margin-left: 24px;
}
.elements--jobs__description {
border-top: 1px solid #F4F4F9;
padding-top: 28px;
margin-top: 28px;
margin-bottom: 12px;
}
.elements--jobs__panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
@media(max-width: 534px) {
.elements--jobs__accordion:after {
top: 56px !important;
right: 26px !important;
}
.elements--jobs__emplyment-type-icon {
margin-left: 0px;
}
.elements--jobs__employment_type {
margin-top: 12px;
}
.elements--jobs__location {
margin-top: 6px;
}
.elements--jobs__vertical-separator {
border: none;
margin: 0;
padding: 0;
}
}
.elements--schedule--card__container {
margin-bottom: 16px;
}
.elements-schedule__section__text {
margin-left: 0px !important;
position: relative;
}
.elements--schedule--card__badge {
padding: 6px 19px;
border-radius: 5px;
text-transform: capitalize;
}
.elements--schedule--card__date {
display: inline-flex;
margin-top: 10px;
}
.elements--schedule--card__date--icon {
margin-top: 5px;
margin-right: 8px;
-webkit-filter: drop-shadow(0px 1.39406px 4.8991px rgba(244, 38, 62, 0.22));
filter: drop-shadow(0px 1.39406px 4.8991px rgba(244, 38, 62, 0.22));
}
.elements--schedule--card__date__container--day {
position: absolute;
top: 38px;
right: 2%;
text-align: center;
}
.elements--schedule--card__date--month {
font-weight: bold;
margin-bottom: 18px;
font-size: 20px;
text-transform: uppercase;
}
.elements--schedule--card__date--day {
font-weight: bold;
font-size: 60px;
}
.elements-schedule__section__group--title {
margin-top: 56px;
}
.elements--schedule__featured-event {
margin-bottom: 48px !important;
}
@media(max-width: 767px) {
.elements-schedule__section__group--title {
margin-top: 24px;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.elements--schedule--card__date--day {
font-size: 54px;
}
.elements--schedule--card__date--month {
margin-bottom: 12px;
font-size: 18px;
}
.elements-schedule__section__image {
width: 47% !important;
}
.elements-schedule__section__text {
width: 53% !important;
}
.elements--schedule--card__date__container--day {
right: 5%;
}
}
@media(max-width: 1050px) {
.elements-form__section__subscribe--content {
width: 100% !important;
}
.elements-form__section__subscribe--image {
width: 100% !important;
}
}
@media(max-width: 440px) {
.elements--schedule--card__date--day {
font-size: 46px !important;
}
}
.elements-tc-cards__card__type-2 {
transition: transform 0.3s ease;
width: 100%;
}
.elements-tc-card__image {
height: auto;
width: 100%;
text-align: left;
}
.elements-tc-card__text {
padding: 0.5rem 0rem;
text-align: left;
width: 100%;
}
.elements-tc-card__text__type-2 p {
font-size: 14px;
margin-bottom: 0;
}
.elements-tc-card__image__type-2 img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
@media(max-width: 767px) {
.elements-tc-cards {
flex-direction: column;
justify-content: center;
}
.elements-tc-cards__card {
width: 90%;
}
}
.elements--events--card__container {
margin-bottom: 16px;
}
.elements-events__section__text {
margin-left: 0px !important;
position: relative;
}
.elements--events--card__badge {
padding: 6px 19px;
border-radius: 5px;
text-transform: capitalize;
}
.elements--events--card__date {
display: inline-flex;
margin-top: 10px;
}
.elements--events--card__date--icon {
margin-top: 5px;
margin-right: 8px;
-webkit-filter: drop-shadow(0px 1.39406px 4.8991px rgba(244, 38, 62, 0.22));
filter: drop-shadow(0px 1.39406px 4.8991px rgba(244, 38, 62, 0.22));
}
.elements--events--card__date__container--day {
position: absolute;
top: 38px;
right: 2%;
text-align: center;
}
.elements--events--card__date--month {
font-weight: bold;
margin-bottom: 18px;
font-size: 20px;
text-transform: uppercase;
}
.elements--events--card__date--day {
font-weight: bold;
font-size: 60px;
}
.elements-events__section__group--title {
margin-top: 56px;
}
.elements--events__featured-event {
margin-bottom: 48px !important;
}
@media(max-width: 767px) {
.elements-events__section__group--title {
margin-top: 24px;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.elements--events--card__date--day {
font-size: 54px;
}
.elements--events--card__date--month {
margin-bottom: 12px;
font-size: 18px;
}
.elements-events__section__image {
width: 47% !important;
}
.elements-events__section__text {
width: 53% !important;
}
.elements--events--card__date__container--day {
right: 5%;
}
}
@media(max-width: 1050px) {
.elements-form__section__subscribe--content {
width: 100% !important;
}
.elements-form__section__subscribe--image {
width: 100% !important;
}
}
@media(max-width: 440px) {
.elements--events--card__date--day {
font-size: 46px !important;
}
}
.elements--faq__accordion {
cursor: pointer;
margin-bottom: 10px;
transition: 0.4s;
padding-right: 40px;
}
.active, .elements--faq__accordion:hover {
}
.elements--faq__panel {
max-height: 0;
overflow: hidden;
padding-right: 40px;
transition: max-height 0.3s ease-out;
}
@media(max-width: 430px) {
.elements--faq__accordion:after {
top: 46px;
right: 24px;
}
}
.elements-blog__featured-image {
max-width: 965px;
width: 100%;
border-radius: 36px;
float: right;
-webkit-transition: -webkit-transform 350ms ease;
transition: -webkit-transform 350ms ease;
transition: transform 350ms ease;
transition: transform 350ms ease, -webkit-transform 350ms ease;
}
@media(min-width: 768px) {
.elements-blog__featured-image: hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
.elements-container-fluid__featured__post {
margin: 16px 0px 120px;
}
.elements-blog__featured-container {
position: relative;
}
.elements--blog--card__featured__title {
margin-top: 20px;
margin-bottom: 12px;
}
@media(max-width: 1129px) {
.elements-container-fluid__featured__post {
margin-bottom: 28%;
}
.elements-blog__featured-image {
max-width: 100% !important;
}
.elements-blog__featured-card {
max-width: 600px;
top: 80%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
}
@media(max-width: 1000px) {
.elements-container-fluid__featured__post {
margin-bottom: 35%;
}
}
@media(max-width: 878px) {
.elements-container-fluid__featured__post {
margin-bottom: 45%;
}
}
@media(max-width: 767px) {
.elements-blog__featured-card:hover {
transform: none !important;
}
.elements-container-fluid__featured__post {
margin-bottom: 80px;
}
.elements-blog__featured-image {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.elements-blog__featured-card {
max-width: 100%;
width: 100%;
position: unset;
padding: 60% 24px 40px;
}
.elements--blog--card__featured__badge-container{
margin-top: 40px;
}
}
.htmlvid {
cursor: pointer;
}
#bp_aud, #bp_container img, #bp_sv, #bp_vid {
max-height: auto !important;
max-width: 90% !important;
}
#videoBackground {
position: fixed;
right: 0;
bottom: 0;
z-index: -1;
width: 100vw;
height: 100vh;
object-fit: cover;
}
@media(max-width: 978px) {
.elements-template--card-contact__full-mobile form fieldset.form-columns-2 .hs-form-field {
float: none !important;
width: 100% !important;
}
.elements-template--card-contact__full-mobile form fieldset.form-columns-2 .input,
.elements-template--card-contact__full-mobile form fieldset.form-columns-1 .input {
margin-right: 0px !important;
}
.elements-template--card-contact__full-mobile form .form-columns-2 .hs-form-field .hs-input {
width: 100% !important;
}
}
.elements-search-modal-group {
position: relative;
width: 60%;
margin: 0 auto;
}
.elements-icon-search-field {
position: absolute;
right: 0px;
transition: 0.3s ease-in-out;
width: 37px;
top: 12px;
}
.elements-icon-search-field:hover {
transform: scale(1.2);
}
.showBtn:hover {
transform: scale(1.2);
}
.elements-overlay-search {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.84);
transition: 0.2s ease-in-out;
backdrop-filter: blur(13px);
-webkit-backdrop-filter: blur(13px);
}
.searchBar {
position: relative;
top: 30%;
width: 100%;
text-align: center;
margin-top: 30px;
margin: auto;
-webkit-transition: transform 0.3s ease-in-out;
}
.elements-overlay-search .hideBtn {
position: absolute;
top: 40px;
right: 40px;
font-size: 52px;
cursor: pointer;
color: #62668A;
}
.elements-overlay-search .hideBtn:hover {
transform: scale(1.1);
}
.elements-overlay-search button:hover {
opacity: 1;
}
@media(max-width: 857px) {
.elements-icon-search-field {
width: 24.7px;
bottom: 34px;
top: unset !important;
}
.searchBar {
position: relative;
top: 20%;
}
.elements-overlay-search input[type=text] {
font-size: 20px !important;
padding-bottom: 10px !important;
}
.elements-search-modal-group {
width: 85%;
}
.elements-overlay-search .hideBtn {
background-size: 18px;
top: 20px;
right: 20px;
}
}
.dnd_area-module-7-flexbox-positioning > div {
width: 100% !important;
}
.dnd_area-module-6-flexbox-positioning > div {
width: 100% !important;
}
.brand__container > * {
margin: 25px 0 0 55px;
}
.brand__container {
display: inline-flex;
flex-wrap: wrap;
margin: -55px 0 0 -55px;
width: calc(100% + 55px);
}
.logo__bar-logo {
transition: transform .3s;
}
.logo__bar-logo:hover {
transform: scale(1.1);
}
@media (max-width: 767px) {
.logo__bar-logo {
max-width: 200px !important;
height: auto !important;
}
.brand__container > * {
margin: 20px 0 0 30px;
}
.brand__container {
display: inline-flex;
flex-wrap: wrap;
margin: -30px 0 0 -30px;
width: calc(100% + 30px);
}
}
.ie-multiple-buttons-header {
margin-bottom: 12px;
}
.custom-button__div__menu {
padding: 20px;
background: #FFF;
display: none;
}
.custom-button {
width: 100%;
}
.navigation-primary {
display: inline-block;
}
.navigation-primary a {
font-weight: 300;
line-height: 40px;
}
.navigation-primary .submenu.level-1 > li > a.active-item:after {
background-color: #FFFFFF;
bottom: -3px;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 100%;
}
.navigation-primary .submenu {
list-style: none;
margin: 0;
padding: 0;
}
.navigation-primary .submenu a,
.navigation-primary .submenu p {
text-decoration: none;
}
.submenu-toggle {
display: none;
}
.submenu.level-1 {
display: inline-block;
/* white-space: nowrap; */
}
.submenu.level-1 > li {
display: inline-block;
padding: 15px 10px;
text-transform: uppercase;
}
.submenu.level-1 > li.has-submenu {
position: relative;
}
.submenu.level-2 {
border: 2px solid #D1D6DC;
border-radius: 6px;
-webkit-box-shadow: 0px -2px 4px rgba(31, 37, 89, 0.02), 0px 6px 18px rgba(31, 37, 89, 0.07);
box-shadow: 0px -2px 4px rgba(31, 37, 89, 0.02), 0px 6px 18px rgba(31, 37, 89, 0.07);
font-weight: 500;
left: -9999px;
opacity: 0;
position: absolute;
text-transform: none;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 300px;
padding-top: 20px;
padding-bottom: 20px;
z-index: 9;
padding-left: 32px;
max-height: 90vh;
overflow: auto;
}
.submenu.level-2 > li:first-child > a {
position: relative;
z-index: 2;
}
.submenu.level-2 > li:first-child:before {
background-color: #FFF;
border: 2px solid #494A52;
border-radius: 6px;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
content: '';
display: block;
height: 30px;
left: 125px;
margin-left: 20px;
overflow: hidden;
position: absolute;
top: -12px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: background-color 0.3s;
width: 30px;
z-index: 1;
}
.submenu.level-2 > li:first-child:hover:before,
.submenu.level-2 > li:first-child.focus:before {
background-color: rgba(208, 210, 212, 1.0);
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.submenu.level-2 > li {
border-bottom: 1px solid #D1D6DC;
padding: 0;
}
.submenu.level-2 .menu-item .menu-link {
display: block;
line-height: 1.2;
padding: 0.75rem .5rem;
transition: all ease .35s !important;
}
.submenu.level-2 .menu-item:first-of-type,
.submenu.level-2 .menu-item:first-of-type .menu-link {
border-radius: 6px 6px 0 0;
}
.submenu.level-2 .menu-item:last-of-type,
.submenu.level-2 .menu-item:last-of-type .menu-link {
border-radius: 0 0 6px 6px;
}
.submenu.level-2 > li:last-child,
.submenu.level-2 > li:last-child .submenu {
border-bottom: none;
border-radius: 0 0 6px 6px;
}
.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
background-color: #D0D2D4;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.submenu.level-3 .menu-item .menu-link {
font-size: 13px;
padding-left: 10px;
}
.submenu.level-4 .menu-item .menu-link {
padding-left: 20px;
}
.submenu.level-5 .menu-item .menu-link {
padding-left: 30px;
}
.submenu.level-6 .menu-item .menu-link {
padding-left: 40px;
}
.submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.submenu.level-1 > li.has-submenu.focus .submenu.level-2 {
opacity: 1;
}
/* Hide navigation dropdown in the inline editor */
.hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.hs-inline-edit > li.has-submenu.focus .submenu.level-2 {
visibility: hidden;
}
@media (min-width: 857px) and (max-width: 1150px) {
.navigation-primary a {
font-size: 20px;
}
.submenu.level-1 > li {
padding: 22px 15px;
}
.submenu.level-1 > li:last-child {
padding-right: 22px;
}
.submenu.level-1 > .has-submenu > .menu-arrow {
right: 0;
top: 40px;
}
}
@media (max-width: 1150px) {
.submenu.level-1 > li {
background-color: #FFFFFF;
}
.submenu.level-2 .menu-item .menu-link {
background-color: #FFFFFF;
}
.custom-button__div__menu {
display: block;
}
.navigation-primary a {
font-size: 26px;
}
.navigation-primary {
display: block;
background-color: #FFF;
}
.navigation-primary .submenu.level-1 > li > a.active-item:after {
content: none;
}
.navigation-primary .submenu.level-1 > li > a.active-item:after {
display: none;
}
.submenu > li > a {
display: block;
width: 100%;
}
.submenu > .has-submenu {
position: relative;
}
.submenu > .has-submenu > a {
width: 70%;
}
.submenu {
/* display: none; */
}
.submenu.level-1 {
width: 100%;
}
.submenu.level-1 > li {
display: block;
padding: 0;
width: 100%;
}
.submenu.level-1 > li > a {
font-weight: 500;
padding: 7px 20px;
font-size: 20px;
background-color: #fff;
}
.submenu.level-1 > .has-submenu > .menu-arrow,
.submenu > .has-submenu > .menu-arrow,
.submenu .menu-arrow {
background-position: center right 30px;
background-repeat: no-repeat;
background-size: 0px;
border: none;
cursor: pointer;
height: 55px;
padding: 15px 0;
position: absolute;
right: 0;
top: 0;
width: 30%;
}
.submenu.level-2 > li:first-child:before {
content: none;
}
.submenu.level-2 {
visibility: hidden;
}
.level-2.level-3 {
visibility: hidden;
}
.submenu.level-2 li {
visibility: hidden;
opacity: 0;
height: 0;
transition: all .25s;
}
input[type="checkbox"]:checked ~ .submenu li {
opacity: 1;
height: 100%;
visibility: visible;
}
input[type="checkbox"]:checked ~ .submenu {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(6, auto);
opacity: 1;
height: 100%;
visibility: visible;
}
.submenu.level-2 {
border: none;
box-shadow: none;
opacity: 1;
position: static;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
width: 100%;
z-index: 2;
font-size: 16px;
padding-top: 0px;
padding-bottom: 10px;
}
.submenu.level-2 .menu-item {
background-color: #FFF;
border-bottom: none;
padding: 0;
}
.submenu.level-2 .menu-item .menu-link {
padding-right: 15px;
line-height: 1.2;
padding: 24px 0px;
}
.submenu.level-2 .menu-item .menu-link:hover {
background-color: inherit;
}
.submenu.level-3 {
background-color: inherit;
margin: 0;
padding: 0;
width: 100%;
}
.submenu.level-3 > li {
background-color: inherit;
padding: 0;
}
.submenu.level-3 .menu-item .menu-link {
padding-left: 10px;
}
.submenu.level-4 .menu-item .menu-link {
padding-left: 20px;
}
.submenu.level-5 .menu-item .menu-link {
padding-left: 30px;
}
.submenu.level-6 .menu-item .menu-link {
padding-left: 40px;
}
}
.htmlvid {
cursor: pointer;
}
.youtube {
cursor: pointer;
}
#bp_aud, #bp_container img, #bp_sv, #bp_vid {
max-height: auto !important;
max-width: 86% !important;
}
.modal-wrapper {
display: none;
justify-content: center;
align-items: center;
opacity: 0;
position: fixed;
z-index: 99999;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
transition: 0.3s;
background-color: rgba(0, 0, 0, 0.7);
}
.modal-wrapper.animating {
display: flex;
}
.modal-wrapper.open {
display: flex;
opacity: 1;
}
.modal-inner {
max-width: 800px;
width: 90vw;
max-height: 90vh;
overflow: auto;
padding: 3rem;
background-color: #fff;
box-shadow: 0 0 3em rgba(0,0,0,.4);
border-radius: 10px;
}
.modal-x {
-webkit-appearance: button;
position: absolute;
border: 0;
outline: 0;
background: 0;
cursor: pointer;
transition: all .1s;
padding: 0;
height: 41px;
width: 41px;
border-radius: 100%;
top: 8px;
right: 14px;
opacity: .8;
line-height: 1;
}
.modal-x:hover {
background: rgba(255,255,255,.2);
}
.modal-x svg {
height: 21px;
width: 20px;
fill: #fff;
vertical-align: top;
}
.hs-search-results__pagination {
max-width: 797px;
margin: 0 auto;
padding: 40px 0;
}
.hs-search__no-results {
text-align: center;
}
.hs-search-results__prev-page, .hs-search-results__next-page {
color: #fff !important;
}
.hs-search-results__prev-page:hover , .hs-search-results__next-page:hover {
color: #fff !important;
}
.elements-search-result-input {
max-width: 645px;
margin: 48px auto 64px;
}
.elements-search-result-input form {
position: relative;
}
.elements-search-result-input form .elements-search-results__button {
position: absolute;
top: 13px;
right: 13px;
}
.hs-search-results__pagination a:focus {
color: #fff !important;
}
.elements-results-card {
width: 797px !important;
margin: 20px auto !important;
padding: 50px 40px 48px !important;
max-width: 100%;
}
.hs-search-results__listing {
margin: 0;
padding: 0;
list-style: none;
}
.hs-search-results__listing li {
margin: 0;
padding: 0;
}
.hs-search-highlight {
font-weight: bold;
}
.hs-search-results__prev-page {
float: left;
}
.hs-search-results__next-page {
float: right;
}
@media(max-width: 767px) {
.elements-search-result-input {
margin: 48px auto 48px;
}
}
@media(max-width: 448px) {
.hs-search-results__prev-page {
width: 100%;
text-align: center;
}
.hs-search-results__next-page {
width: 100%;
text-align: center;
margin-top: 24px;
}
.hs-search-results__pagination {
padding: 40px 0 128px;
}
}
.elements-form__section__subscribe-2 form {
position: relative;
}
@media(max-width: 428px) {
.elements-form__section__subscribe-2 form input[type=email] {
padding-right: 0 !important;
}
.elements-form__section__subscribe-2 form .hs-submit {
position: unset !important;
width: 100% !important;
}
.elements-form__section__subscribe-2 form .hs-button {
width: 100% !important;
border: 1px solid !important;
}
.elements-form__section__subscribe-2 form input[type=submit], .elements-form__section__subscribe-2 form .hs-button {
height: 68px !important;
}
.elements-form__section__subscribe-2 form .hs-error-msg {
margin-bottom: 0px !important;
}
}
.testimonial-block {
display: flex;
}
.testimonial-block::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='56' height='40' viewBox='0 0 56 40'%3E%3Cpath fill='%23fff' d='m21.9 5.58-1.36 2.21c-.907 1.36-1.984 3.117-3.23 5.27a53.111 53.111 0 0 0-3.23 6.12c.68 0 1.756.624 3.23 1.87a25.134 25.134 0 0 1 4.25 4.25c1.36 1.474 2.04 2.72 2.04 3.74 0 3.174-1.077 5.724-3.23 7.65-2.04 1.927-4.647 2.89-7.82 2.89-3.06 0-5.78-1.133-8.16-3.4-2.267-2.266-3.4-4.986-3.4-8.16 0-3.286.736-6.516 2.21-9.69 1.473-3.286 3.173-6.29 5.1-9.01 2.04-2.72 3.796-4.873 5.27-6.46L15.95.48l5.95 5.1Zm31.45 0-1.36 2.21c-.907 1.36-1.984 3.117-3.23 5.27a53.111 53.111 0 0 0-3.23 6.12c.68 0 1.756.624 3.23 1.87a25.134 25.134 0 0 1 4.25 4.25c1.36 1.474 2.04 2.72 2.04 3.74 0 3.174-1.077 5.724-3.23 7.65-2.04 1.927-4.647 2.89-7.82 2.89-3.06 0-5.78-1.133-8.16-3.4-2.267-2.266-3.4-4.986-3.4-8.16 0-3.286.736-6.516 2.21-9.69 1.473-3.286 3.173-6.29 5.1-9.01 2.04-2.72 3.796-4.873 5.27-6.46L47.4.48l5.95 5.1Z'/%3E%3C/svg%3E");
flex: 0 1 33.33%;
text-align: center;
}
.testimonial-block-text {
flex: 1 1;
}
.testimonial-block__quote {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.25rem;
margin-bottom: 2rem;
color: var(--color);
}
.testimonial-block__name {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
color: var(--color);
letter-spacing: 0.5px;
}
.testimonial-block__role {
color: var(--color);
font-size: 0.875rem;
}
.custom-text-module * {
color: currentColor;
}
.htmlvid {
cursor: pointer;
}
.youtube {
cursor: pointer;
}
#bp_aud, #bp_container img, #bp_sv, #bp_vid {
max-height: auto !important;
max-width: 86% !important;
}
.billboard {
position: relative;
}
.billboard-image img {
display: block;
}
.billboard-heading {
color: #fff;
padding: 20px;
position: relative;
}
.billboard-heading::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #4a49bf;
mix-blend-mode: multiply;
left: 0;
top: 0;
}
.billboard-heading * {
color: #fff;
position: relative;
}
.billboard-heading p {
font-size: 1.22rem;
}
.billboard-heading p:last-child {
margin-bottom: 0;
}
.billboard-item {
background-color: rgba(255, 255, 255, 0.8);
color: #000;
padding: 1rem 0;
font-size: 1rem;
}
.billboard-item-heading {
color: #4b49bf;
margin: 0;
display: inline;
font-size: 1em;
line-height: 1.5;
}
.billboard-item-body {
display: inline;
font-size: 1em;
line-height: 1.5;
}
.billboard-text .btn-secondary-yellow {
display: inline-block;
}
@media screen and (min-width: 768px) {
.billboard {
padding-top: 130px;
padding-bottom: 65px;
}
.billboard-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.billboard-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.billboard-text {
position: relative;
width: 60%;
margin-left: auto;
}
.billboard-heading {
margin-bottom: 20px;
}
.billboard-item {
margin-bottom: 20px;
padding: 1rem;
}
}
.call-to-action {
background-color: var(--call-to-action-bg);
color: var(--call-to-action-text-color);
padding: 30px;
text-align: center;
}
.call-to-action h2,
.call-to-action p {
color: var(--call-to-action-text-color);
}
.call-to-action h2 {
font-size: 1.2rem;
margin-top: 0;
}
.call-to-action p {
margin-bottom: 0;
margin-top: 2rem;
}
.call-to-action .btn-secondary-yellow {
display: inline-block;
}
@media screen and (min-width: 768px) {
.call-to-action-footer {
display: flex;
align-items: center;
justify-content: center;
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.call-to-action-footer > * {
flex: 0 1 50%;
}
.call-to-action p {
margin-top: 0;
}
}
.hero-with-background {
position: relative;
}
.hero-with-background-media {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-with-background-text {
background-color: var(--hero-w-bg-overlay-color-mobile);
padding: 40px;
color: var(--hero-w-bg-text-color);
}
.hero-with-background-text > * {
margin: 0;
color: var(--hero-w-bg-text-color);
position: relative;
}
.hero-with-background-text > * + * {
margin-top: 1rem;
}
.hero-with-background-text h2 {
line-height: 1;
}
.hero-with-background-text p {
font-family: 'Poppins', sans-serif;
}
@media screen and (min-width: 768px) {
.hero-with-background-text {
background-color: transparent;
position: absolute;
top: 0;
right: 0;
height: 100%;
max-width: 43%;
}
.hero-with-background-text::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--hero-w-bg-overlay-color);
mix-blend-mode: multiply;
left: 0;
top: 0;
}
.hero-with-background-text h2 {
font-size: 3.33rem;
}
.hero-with-background-text p {
font-size: 1.11rem;
max-width: 26ch;
margin-top: 2rem;
}
}
.info-box {
background-color: var(--info-box-bg-color);
color: var(--info-box-text-color);
border-radius: 20px 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.info-box-main-text {
padding: 20px 30px;
}
.info-box-extra-text {
background-image: linear-gradient(270deg, rgb(75, 73, 191) 0%, rgb(1, 189, 215) 100%);
margin-top: auto;
padding: 20px 30px;
border-bottom-right-radius: 20px;
}
.info-box p {
margin: 0;
font-size: 1.11rem;
font-weight: bold;
line-height: 1.2;
color: inherit;
}
.info-box strong,
.info-box b {
color: var(--info-box-text-highlight-color);
font-family: 'Poppins', sans serif;
font-size: 2em;
font-weight: 900;
}
#hero-popup {
display: none;
padding: 5vw;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
}
#hero-popup.active {
display: block;
align-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height:100%;
}
#hero-video iframe {
aspect-ratio: auto;
height: 100%;
width: auto;
}
#hero-video .toggle-video-sound {
display: flex;
align-items: center;
gap: 7px;
}
#hero-video .toggle-video-sound::after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #4b49bf;
}
@media (min-width: 768px) {
#hero-video .toggle-video-sound {
bottom: auto;
top: 1rem;
right: 1rem;
background-color: #fff;
padding: 10px 1rem;
}
}
.popup__close--toggle {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 13px;
background-position: center;
height: 34px !important;
margin-right: 0;
width: 34px !important;
margin-top: 16px;
position: absolute;
top: 20px;
right: 20px;
background-color: #4b49bf;;
padding: 10px !important;
border-radius: 6px;
transition: all ease 0.35s !important;
}
.popup__close--toggle:hover,
.popup__close--toggle:active,
.popup__close--toggle:focus{
transform: scale(1.2);
}
/* Error pages */
.error-page {
padding: 10rem 0;
position: relative;
text-align: center;
}
.error-page:before {
color: #f0f3f5;
content: attr(data-error);
font-size: 40vw;
font-weight: bold;
left: 50%;
position: absolute;
top: 46%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
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: #E3FDDE;
border-radius: 10px;
display: inline-block;
margin: 1.4rem 0;
padding: 1.4rem 1.6rem;
text-align: center;
width: 100%;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 27px;
text-align: center;
letter-spacing: -0.01em;
color: #65C855;
}
.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: #252526;
}
.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: #fafaff;
}
.password-prompt input[type=password] {
display: block;
margin-bottom: 1.6rem;
margin-top: 1.8rem !important;
border-radius: 10px;
height: 62px !important;
}
.password-prompt form input[type=submit], .password-prompt form .hs-button {
padding: 20px 60px 22px;
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: 591px;
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: #252526;
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: #252526;
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%);
box-shadow: inset 0px -1px 5px rgb(0 0 0 / 8%);
border-radius: 5px;
width: 22px;
height: 22px;
transition: all ease .35s !important;
border: 1px solid #e4e8ee;
cursor: pointer;
}
.elements__subscription-preferences [type="checkbox"]:checked+span:before {
background-color: #f4263e;
}
.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 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: 591px;
width: 100% !important;
padding: 70px 40px 40px;
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: 48px;
}
.elements__subscription-preferences-update h2 {
font-size: 26px;
line-height: 25px;
font-style: normal;
font-weight: normal;
color: #252526;
margin-bottom: 0px;
}
/* Subscription Update Confirm */
.elements__backup-unsubscribe h3 {
font-style: normal;
font-weight: 500 !important;
font-size: 16px;
line-height: 27px;
margin-bottom: 12px;
}
.elements__backup-unsubscribe form input[type=submit], .elements__backup-unsubscribe form .hs-button {
padding: 20px 52px 22px;
height: auto !important;
}
.elements__backup-unsubscribe--card {
max-width: 591px;
width: 100% !important;
padding: 56px 40px 72px;
}
@media(max-width: 767px) {
.elements__backup-unsubscribe--card {
padding: 40px 32px 60px;
}
}
/* Search Results */
.elements__search-results {
position: relative;
padding-top: 32px;
margin-bottom: 72px;
}
.elements__search-results-background-absolute {
background-color: #fafaff;
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;
padding: 0.7rem !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 */
/*****************************************/
.husl-section-hero {
position: relative;
background: url(https://20459799.fs1.hubspotusercontent-na1.net/hubfs/20459799/SC_whitepapers-hero-bg.png) no-repeat center;
background-size: cover;
}
.husl-section-hero .hero-image img {
display: block;
margin-left: auto;
transform: none;
}
@media(min-width: 768px){
.husl-section-hero .hero-image img {
transform: translateX(16px);
}
}
@media(max-width: 428px){
.elements--blog-2__cta-subscribe h2 {
line-height: 1.4 !important;
}
.elements--blog-2__cta-subscribe form input[type=submit] {
background-color: #01bdd7 !important;
border-color: #01bdd7 !important;
font-size: 18px !important;
color: white !important;
}
}
.vid:before,
.vid:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.2s ease;
}
.vid:after {
background-repeat: no-repeat;
background-position: 0.7em 0.7em;
background-size: 2em;
}
.vid:before {
-webkit-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.vid:hover:after {
opacity: 1;
}
.vid:hover:before {
backdrop-filter: blur(1.5px);
opacity: 1;
width: 100%;
height: 100%;
}
.vimeo:after {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cpath%20d%3D%22M150%20135c0%208.28-6.72%2015-15%2015H15c-8.28%200-15-6.72-15-15V15C0%206.72%206.72%200%2015%200h120c8.28%200%2015%206.72%2015%2015v120%22%20fill%3D%22%2353bded%22%2F%3E%3Cpath%20d%3D%22M126.22%2049.8c-.5%2010.56-7.85%2025-22.1%2043.35-14.75%2019.15-27.22%2028.72-37.42%2028.72-6.32%200-11.66-5.82-16.03-17.5L41.92%2072.3c-3.24-11.66-6.72-17.5-10.44-17.5-.82%200-3.65%201.7-8.5%205.1l-5.1-6.56c5.34-4.7%2010.62-9.4%2015.8-14.1%207.14-6.17%2012.5-9.4%2016.07-9.74%208.44-.8%2013.63%204.96%2015.58%2017.3%202.1%2013.32%203.56%2021.6%204.38%2024.84%202.45%2011.05%205.13%2016.57%208.05%2016.57%202.27%200%205.68-3.57%2010.22-10.74%204.54-7.16%206.97-12.6%207.3-16.36.65-6.2-1.78-9.3-7.3-9.3-2.6%200-5.27.6-8.02%201.78%205.33-17.45%2015.5-25.92%2030.53-25.44%2011.14.33%2016.4%207.55%2015.75%2021.67%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.iframevid:after,
.youtube:after {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
background-size: 2.5em;
}
#bp_loader {
box-shadow: none;
}
@media all and (max-width: 1076px) {
#broken_vid {
height: auto;
padding-bottom: 20.2%;
}
}
@media all and (max-width: 450px) {
#broken_vid {
padding-bottom: 42%;
}
}
/* Testimonial Cards Set color for background and hover*/
.arrow {
background: #ffffff;
}
.arrow:hover {
background: #4b49bf;
}
/* End of Testimonial Cards Set color for background and hover*/
/* ##### Activate this section to Change header to sticky with shadow #####
*
.header__container.content-wrapper {
padding-right: 48px;
padding-left: 48px;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
left: 50%;
transform: translate(-50%,0);
box-shadow: -1px 2px 4px 0 rgb(0 0 0 / 7%);
}
.activeshadow {
box-shadow: -1px 2px 7px 0 rgb(0 0 0 / 28%);
}
@media only screen and (max-width: 600px) {
.header__container.content-wrapper {
padding-right: 5%;
padding-left: 5%;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background-color: #fff;
left: 50%;
transform: translate(-50%,0);
box-shadow: -1px 2px 7px 0 rgb(0 0 0 / 28%);
}
}
.body-container {
padding-top: 110px;
}
.footer__container.content-wrapper {
max-width: 1200px;
}
.content-wrapper {
margin: 0 auto;
max-width:none;
}
/* ##### End of section needed to force header to be sticky ##### */
/* Reduce submenu left padding */
.submenu {
padding-left: 10px !important;
}
/* Home Page - force yellow color for symbols in stats section*/
.elements--stats__symbol--type-1__widget_1632789732688 {
color: #feca06 !important;
}
/* Home Page - force white color for numbers in stats section*/
.elements--stats__text__top--type-1__widget_1632789732688 {
color: #fff !important;
}
/* Seach overlay - force background color to white, add padding & shadow*/
.elements-overlay-search input[type=text] {
padding-right: 20px;
padding-left: 20px;
background: white !important;
box-shadow: -1px 2px 7px 0 rgb(0 0 0 / 28%);
}
/*Override line height for Careers Page Success section for spacing on Mobile */
.elements--stats__text--type-1__widget_1633380006600 h2 {
line-height: 35px !important;
}
/* Override red glow around menu icon on Mobile */
.header__navigation--toggle {
box-shadow: none !important;
}
.header__close--toggle {
box-shadow: none !important;
}
/* End of Override red glow around menu icon on Mobile */
/* Set color for View Details section of embedded job listings on Careers Page */
a.resumator-job-link {
color: #4b49bf !important
}
/* reduce height of cards - used on webinar pages */
.elements-si-cards__card_widget_1641562463363 {
margin-top: 0px !important
}
.hs-landing-page.hs-content-id-175820211724 #section-1 {
position: relative;
}
.hs-landing-page.hs-content-id-175820211724 #section-1 .section-bg {
position: absolute;
left: 0;
right: 0;
z-index: -1;
top: 0;
height: 23.4%;
}
@media(max-width: 974px){
.hs-landing-page.hs-content-id-175820211724 #section-1 .section-bg {
height: 25%;
}
}
@media(max-width: 767px){
.hs-landing-page.hs-content-id-175820211724 #section-1 .section-bg {
display: none;
}
.hs-landing-page.hs-content-id-175820211724 #section-1 .row-number-1 {
background-color: #FAFAFF;
}
}
.hs-landing-page.hs-content-id-175820211724 #section-1 .section-bg img {
width: 100%;
height: 100%;
}
.hs-landing-page.hs-content-id-175820211724 #section-1 h4 {
font-weight: 700;
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 28px; /* 116.667% */
letter-spacing: 0.5px;
}
.hs-landing-page.hs-content-id-175820211724 #section-1 h3 {
font-weight: 700;
}
.hs-landing-page.hs-content-id-175820211724 #section-2 h6 {
margin: 0;
font-weight: 700;
color: #01BDD7;
font-family: Poppins;
font-size: 16px;
font-weight: 700;
line-height: 20px; /* 125% */
letter-spacing: 0.5px;
text-transform: uppercase;
}
.hs-landing-page.hs-content-id-175820211724 #section-2 h3 {
color: #4B49BF;
font-family: Poppins;
font-size: 30px;
font-weight: 700;
margin: 20px 0;
line-height: 32px; /* 106.667% */
}
.hs-landing-page.hs-content-id-175820211724 #section-2 p {
color: #252526;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.3px;
}
.custom-eyebrow {
display: flex;
align-items: center;
gap: 9px;
flex-flow: row wrap;
}
.custom-eyebrow span {
color: #252526;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.3px;
display: inline-flex;
align-items: center;
}
.custom-eyebrow span:before {
content: '';
display: inline-block;
width: 21px;
height: 21px;
background: url(https://20459799.fs1.hubspotusercontent-na1.net/hubfs/20459799/ico-time.svg);
background-repeat: no-repeat;
background-size: contain;
margin: 0 9px 0 0;
}
.custom-eyebrow h6 {
margin: 0;
color: #01BDD7;
font-size: 16px;
font-weight: 700;
line-height: 20px; /* 125% */
letter-spacing: 0.5px;
text-transform: uppercase;
}
ul.checklist {
list-style-type: none;
padding-left: 0;
}
ul.checklist li {
padding-left: 45px;
position: relative;
margin-bottom: 20px;
}
ul.checklist li:before {
content: '';
position: absolute;
left: 0;
top: 0px;
background: url(https://20459799.fs1.hubspotusercontent-na1.net/hubfs/20459799/ico-checkmark.jpg);
background-repeat: no-repeat;
background-size: contain;
width: 27px;
height: 27px;
}