/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/
@import url("https://use.typekit.net/gcd0zcf.css"); /* Todo: clarify if it needs to be implemented from elseware */
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c4cc38e5-e45d-4cbc-b3a3-ba60297af473&fontids=5121139");
@font-face{
font-family:bookman-old-style;
src:url("//26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/fonts/5121139/a9c881c1-a088-4108-85c4-5555cf17ff6d.woff2") format("woff2"),url("//26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/fonts/5121139/0bba72c6-6312-451b-8882-7b22135fa1b5.woff") format("woff");
font-display: swap;
}
.show-for-sr {
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
@media (max-width: 767px) {
.show-for-sr--mobile {
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
/*
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
} */
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
/* .row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
} */
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
/* .row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
} */
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
/* .row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
} */
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* ANIMATION FRAMES */
@keyframes dropdownFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes dropdownScale {
from {
transform: scale(.9);
}
to {
transform: scale(1);
}
}
@keyframes dropdownIn {
from {
opacity: 0;
transform: translateY(.5rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes zoom {
from {
transform: scale(1);
}
to {
transform: scale(1.1);
}
}
.zoom--img {
overflow: hidden;
}
.zoom img {
animation: zoom 30s infinite alternate;
}
/*Custom:*/
/* ----------------------------------------------------------------------------------- */
/* HubSpot Forms */
/* ----------------------------------------------------------------------------------- */
form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
}
.hs-form-field {
flex: 1;
}
.hs-form-field ~ .hs-form-field,
.hs-form .hs_error_rollup {
flex-basis: 100%;
}
fieldset .hs-form-field {
flex-basis: auto;
}
.hs-form-field {
position: relative;
display: flex;
flex-direction: column;
text-align: left;
}
.hs-form-field > * {
order: 2;
}
fieldset {
width: 100%;
font-size: 1rem;
max-width: none !important;
}
fieldset > div .input {
margin: 0 !important;
}
fieldset.form-columns-1 .hs-input:not([type=checkbox]):not([type=radio]),
fieldset div {
width: 100% !important
}
fieldset {
display: flex;
gap: 24px;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
fieldset {
flex-direction: row;
}
fieldset div {
flex: 1;
}
}
@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
width: 100% !important
}
}
form#email-prefs-form input.email-edit.hs-input {
width: 100% !important;
}
.hs-error-msg,
.hs-error-msgs li {
font-size: .75rem;
line-height: 1.2;
color: #FF3442;
margin-bottom: 0.5rem;
}
.hs-form .hs_error_rollup {
order: 99;
}
input#hs-pwd-widget-password {
width: 100%;
height: initial !important;
padding: .6rem;
margin-bottom: 1rem;
margin-top: 1rem !important;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #171717;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #171717;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #171717;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: #171717;
}
::placeholder {
/* Most modern browsers support this now. */
color: #171717;
}
.error::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::-ms-input-placeholder {
/* Microsoft Edge */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::placeholder {
/* Most modern browsers support this now. */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.hs-field-desc {
font-size: .8em;
margin: 0 0 .5em;
}
select {
background-image: url('data:image/svg+xml; utf8, ');
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
line-height: 1;
height: auto;
}
.inputs-list {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 0;
}
.inputs-list li {
list-style: none;
}
.inputs-list li.hs-form-radio label.hs-form-radio-display input.hs-input,
.inputs-list li.hs-form-checkbox label.hs-form-checkbox-display input.hs-input {
width: auto !important;
}
.hs-error-msgs {
order: 1;
}
.no-list {
list-style: none;
}
.no-list label {
display: inline;
}
.field > label,
.form-group label,
.field span,
.form-group span {
font-size: 1.0rem;
line-height: 1.35rem;
color: #171717;
margin: 0 0 0.3rem;
}
textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
font-size: 1.35rem;
line-height: 1.35rem;
color: #171717;
background-color: transparent;
min-height: 3.1875rem;
padding: 0 1em;
border: 1px solid #171717;
border-radius: 30px;
max-width: 100%;
width: 100%;
-webkit-appearance: none;
outline: none;
animation-timing-function: ease-in-out;
}
textarea:focus,
select:focus,
.form-control:focus,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
color: #171717;
border-color: #FF8439;
box-shadow: none;
}
textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
.hs-error-msg {
color: #FF3442;
border-color: #FF3442;
}
textarea {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
min-height: 100px;
}
.form-control-lg,
.form-wrapper-lg input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 3.75rem;
font-size: 1.25rem
padding: 0 15px;
}
.form-control-md,
.form-wrapper-md input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 3.5rem;
font-size: 1.125rem
padding: 0 15px;
}
.form-control-sm,
.form-wrapper-sm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 2.875rem;
font-size: 0.75rem
padding: 0 15px;
}
.form-control-lg input[type=submit].hs-button.primary,
.form-control-lg input[type=submit].hs-button.secondary,
.form-wrapper-lg input[type=submit].hs-button.primary,
.form-wrapper-lg input[type=submit].hs-button.secondary {
min-height: 3.75rem;
padding: 0 1.875rem !important;
font-size: 1.5rem
}
.form-control-md input[type=submit].hs-button.primary,
.form-control-md input[type=submit].hs-button.secondary,
.form-wrapper-md input[type=submit].hs-button.primary,
.form-wrapper-md input[type=submit].hs-button.secondary {
min-height: 3.5rem;
padding: 0 1.5625rem !important;
font-size: 1.125rem
}
.form-control-sm input[type=submit].hs-button.primary,
.form-control-sm input[type=submit].hs-button.secondary,
.form-wrapper-sm input[type=submit].hs-button.primary,
.form-wrapper-sm input[type=submit].hs-button.secondary {
min-height: 2.875rem;
padding: 0 1.125rem !important;
font-size: 0.75rem
}
/* 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 {
height: auto;
left: 0;
overflow: visible;
top: 0;
width: auto;
}
.nav-link--none {
cursor: pointer;
}
.navbar-main {
padding: 0;
background-color: var(--body_color) !important;
color: var(--white) !important;
}
.navbar-main .cta-button {
white-space: nowrap;
}
.navbar-main .navbar-main-inner {
max-width: calc(100% - 10em);
margin: 0 auto;
display: flex;
flex-grow: 1;
align-items: center;
font-size: 1rem;
justify-content: space-between;
min-height: 5rem;
}
.navbar-main .navbar-main-inner .main-logo {
flex-shrink: 0;
}
.navbar-main .navbar-main-mobile-header {
display: none;
}
/* FIRST LEVEL */
.navbar-main .navbar-nav > .nav-item {
padding: 0;
}
.navbar-main .navbar-nav > .nav-item > .nav-link .nav-link-inner-text {
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.navbar-main .navbar-nav > .nav-item > .nav-link .nav-link-inner-text,
.navbar-main .navbar-nav > .nav-item.dropdown:not(.megamenu) .nav-link .nav-link-inner-text {
padding-left: clamp(0.25rem, 1vw, 1.5rem);
padding-right: clamp(0.25rem, 1vw, 1.5rem);
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 1199px) {
.navbar-main .navbar-nav > .nav-item > .nav-link .nav-link-inner-text,
.navbar-main .navbar-nav > .nav-item.dropdown:not(.megamenu) .nav-link .nav-link-inner-text {
padding-left: 0;
padding-right: 0;
}
}
.navbar-main .navbar-nav > .nav-item .dropdown-toggle::after, .navbar-main .navbar-nav > .nav-item .collapse-toggle::after {
content: "";
width: .75em;
height: .75em;
mask: url("data:image/svg+xml; utf8, ");
-webkit-mask: url("data:image/svg+xml; utf8, ");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: cover;
-webkit-mask-size: cover;
background: var(--white);
transform: rotate(0);
transform-origin: center;
transition: all .2s ease;
border: none;
}
.navbar-main .navbar-nav > .nav-item.dropdown.show .dropdown-toggle::after,
.navbar-main .navbar-nav > .nav-item .collapse-toggle:not(.collapsed)::after {
transform: rotate(180deg);
}
@media screen and (min-width: 1200px) {
.navbar-main .navbar-nav > .nav-item > .nav-link:hover,
.navbar-main .dropdown.show {
color: var(--primary);
}
.navbar-main .navbar-nav > .nav-item > .nav-link:hover .dropdown-toggle::after,
.navbar-main .dropdown.show .dropdown-toggle::after {
background: var(--primary);
}
}
.navbar-main .navbar-nav > .nav-item.active > .nav-link > .nav-link-inner-text,
.navbar-main .navbar-nav > .nav-item.dropdown.active .dropdown-menu > .nav-item.active .nav-link-inner-text{
font-weight: 600;
font-family: 'franklin-gothic-atf', sans-serif;
}
.navbar-main .navbar-nav > .nav-item {
padding-top: 5px;
padding-bottom: 5px;
}
.navbar-main .navbar-nav .nav-item .nav-link {
padding: 0;
padding-top: 25px;
padding-bottom: 25px;
font-size: clamp(0.75rem, 1.1vw, 1.125rem);
transition: mask .25s ease-out;
transition: -webkit-mask .25s ease-out;
transition: color .25s ease-out;
}
.navbar-main .btn-none-wrapper .cta-button {
font-size: clamp(0.75rem, 1.1vw, 1.125rem);
}
@media screen and (max-width: 1199px) {
.navbar-main .navbar-nav > .nav-item > .nav-link {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 1.5rem;
font-family: 'bookman-old-style', serif;
}
}
/* DROPDOWN AND MEGAMENU SHARED CLASSES */
.navbar-main .navbar-nav .dropdown {
position: unset;
display: flex;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu.show {
animation: dropdownFade .2s;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .nav-item .nav-link {
padding: 0.4rem 0;
line-height: 1.5em;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .dropdown-item {
padding: 0;
}
/* DROPDOWN SPECIFIC */
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu {
left: auto;
border: 0;
margin: 0 -1rem;
border-top: none;
border-radius: 0 0 20px 20px;
color: #171717;
background: #fff;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
padding: clamp(0.75em, 1vw, 1.5rem) 1rem;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item .nav-link .nav-link-inner-text {
transition: all .25s ease-out;
padding-left: clamp(0.25rem, 1vw, 1.5rem);
padding-right: clamp(2.5rem,3vw,3.5rem);
white-space: nowrap;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item:hover .nav-link .nav-link-inner-text {
padding-left: clamp(2.5rem,3vw,3.5rem);
padding-right: clamp(0.25rem, 1vw, 1.5rem);
transition: all .2s ease-out;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item:hover .nav-link::before {
left: clamp(0.25rem, 1vw, 1.5rem);
transition: all .2s ease-out;
opacity: 1;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu {
right: 0;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item strong {
display: block;
font-size: clamp(.75rem,1.1vw,1.125rem);
padding-left: clamp(0.25rem, 1vw, 1.5rem);
padding-right: clamp(2.5rem, 3vw, 3.5rem);
white-space: nowrap;
margin-bottom: .5em;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item .nav-link:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23171717' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: 1.25em;
height: 1.25em;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
transition: all .2s ease-out;
opacity: 0;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item:hover .nav-link.active {
pointer-events: none !important;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item .nav-link.active:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M23.25.749 8.158 22.308a2.2 2.2 0 0 1-3.569.059L.75 17.249'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 60%;
opacity: 1;
left: -.5rem;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item:hover .nav-link.active .nav-link-inner-text {
padding-left: clamp(0.25rem,1vw,1.5rem);
padding-right: clamp(2.5rem,3vw,3.5rem);
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle .nav-link-inner-text.dropdown-toggle {
padding-left: clamp(2.5rem,1vw,2.5rem)!important
}
.language-wrapper {
align-items: start;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle .nav-link-inner-text span.lang-flag {
content: "";
display: inline-block;
top: 50%;
left: 0;
transform: translateY(-50%);
position: absolute;
width: 2rem;
height : 2rem;
background-size: cover;
background-repeat: no-repeat;
background-position: 35%;
border-radius: 10rem;
border: 1px solid #555;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link {
padding-left: 2rem;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link-inner-text span.lang-flag {
content: "";
display: inline-block;
top: 50%;
margin-left: -2rem;
transform: translateY(-50%);
position: absolute;
width: 20px;
height : 20px;
background-size: cover;
background-repeat: no-repeat;
background-position: 35%;
border-radius: 10rem;
border: 1px solid #ddd;
}
/* INTERNATIONAL */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="int"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="int"] .nav-link-inner-text span.lang-flag,
{
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/twoday.svg");
}
/* ENGLISH */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="en"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="en"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="en-gb"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="en-gb"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/gb.svg");
}
/* AMERICAN */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="en-us"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="en-us"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/us.svg");
}
/* DANISH */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="da"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="da"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="da-dk"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="da-dk"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/dk.svg");
}
/* SWEDISH */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="sv"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="sv"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="sv-se"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="sv-se"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/se.svg");
}
/* NORWEGIAN */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="no"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="no"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="no-no"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="no-no"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/no.svg");
}
/* FINNISH */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="fi"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="fi"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="fi-fi"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="fi-fi"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/fi.svg");
}
/* LITHUANIAN */
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="lt"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="lt"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle[data-language="lt-lt"] .nav-link-inner-text span.lang-flag,
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link[data-language="lt-lt"] .nav-link-inner-text span.lang-flag {
background-image: url("https://26250954.fs1.hubspotusercontent-eu1.net/hubfs/26250954/raw_assets/public/twoday/images/flags/lt.svg");
}
/* MEGAMENU SPECIFIC */
.navbar-main .dropdown.megamenu .dropdown-menu .megamenu-inner {
font-size: 1rem;
margin: 0 auto;
max-width: calc(100% - 10em);
padding: 5em 0;
}
@media screen and (max-width: 1199px) {
.navbar-main .dropdown.megamenu .dropdown-menu .megamenu-inner {
max-width: calc(100% - 3em);
}
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu {
width: 100%;
margin: 0;
padding: 0;
border: none;
border-radius: 0 0 30px 30px;
background-color: var(--body_color) !important;
color: var(--white) !important;
left: 0;
}
@media screen and (min-width: 1200px) {
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu {
height: 80vh;
overflow-y: scroll;
}
}
@media screen and (max-width: 1199px) {
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu {
background-color: transparent !important;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu {
box-shadow: none;
}
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu.show {
animation: dropdownFade .2s;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu p.megamenu-category,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu a.megamenu-category {
display: block;
margin-bottom: .5em;
font-size: clamp(1.25rem, 1.5vw, 1.625rem);
font-family: 'bookman-old-style', serif;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu p.megamenu-category.active,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu a.megamenu-category.active {
font-family: 'franklin-gothic-atf', sans-serif;
font-weight: 600;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link .nav-link-inner-text {
display: block;
transition: all .25s ease-out;
padding-left: clamp(0.25rem, 1vw, 1.5rem);
padding-right: clamp(2.5rem,3vw,3.5rem);
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item:hover .nav-link:not(.nolink) .nav-link-inner-text,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item:focus-visible .nav-link:not(.nolink) .nav-link-inner-text{
padding-left: clamp(2.5rem,3vw,3.5rem);
padding-right: clamp(0.25rem, 1vw, 1.5rem);
transition: all .2s ease-out;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link:not(.nolink):before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23ffffff' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: 1.25em;
height: 1.25em;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
transition: all .2s ease-out;
opacity: 0;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link.megamenu-category:before {
width: 1.25rem;
height: 1.25rem;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item:hover .nav-link:not(.nolink)::before,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item:focus-visible .nav-link:not(.nolink)::before{
left: clamp(0.25rem, 1vw, 1.5rem);
transition: all .2s ease-out;
opacity: 1;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .nav-item.active .nav-link .nav-link-inner-text{
font-weight: bold;
}
/* STICKY MENU */
.navbar-main-sticky {
position: fixed;
width: 100%;
z-index: 100;
}
/* DESKTOP SPECIFIC */
@media (min-width: 1200px) {
.collapse.mobile-collapse-only {
display: block;
height: auto !important;
visibility: visible;
width: 100%;
}
.collapse.mobile-sub-collapse-only {
display: block;
height: auto !important;
visibility: visible;
width: 100%;
}
.navbar-main .nav-item.dropdown .nav-link.nav-link-toggle{
margin-left: -1rem;
}
.navbar-main .nav-item.dropdown.change-language .nav-link.nav-link-toggle{
margin-left: 2rem;
}
.navbar-main .nav-item.dropdown .nav-link.nav-link-toggle .nav-link-inner-text{
padding: 0 clamp(.25rem,1vw,.5rem) !important;
}
}
/* MOBILE SPECIFIC */
@media screen and (max-width: 1199px) {
.navbar-main .navbar-nav .dropdown {
position: relative;
display: flex;
flex-wrap: wrap;
}
.navbar-main-toggle {
background: transparent;
border: none;
padding: 0;
width: 2rem;
height: 2rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.navbar-main {
background-color: transparent !important;
flex-direction: column;
}
.navbar-main .navbar-main-mobile-header {
background: var(--body_color);
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 0 1.25em;
}
.navbar-main .navbar-main-mobile-header img {
max-width: 12rem;
}
.navbar-main .navbar-main-inner {
position: relative;
max-width: 100%;
flex-direction: column;
top: 3.5rem;
margin-bottom: 7.5rem;
}
.navbar-main .navbar-main-wrapper:before {
content: '';
position: fixed;
top: 0;
left: -100%;
width: calc(100% - 5rem);
height: 5rem;
background-color: var(--body_color);
z-index: 2000;
border-top-right-radius: 30px;
transition: all .25s ease;
}
.mobile-collapse-only {
position: fixed;
top: 0;
left: 100%;
inset: 0;
background-color: rgba(255,255,255,.4);
opacity: 0;
transition: all 0.25s ease;
}
.mobile-collapse-only.collapsing {
margin-left: 50%;
left: 50%;
opacity: 0;
transition: all .25s ease;
}
.mobile-collapse-only.show {
opacity: 1;
left: 0;
}
.mobile-collapse-only.show .navbar-main-wrapper:before {
left: 0;
}
.mobile-collapse-only .navbar-main-wrapper {
position: fixed;
top: 0;
left: -100%;
width: calc(100% - 5rem);
height: 100vh;
padding: 1.25rem;
background-color: var(--body_color);
border-radius: 0 30px 0 0;
overflow: auto;
opacity: 0;
transition: all .25s ease;
}
.mobile-collapse-only.collapsing .navbar-main-wrapper {
height: 100vh;
margin-right: 50%;
right: 50%;
opacity: 0;
transition: all 0.25s ease;
}
.mobile-collapse-only.show .navbar-main-wrapper{
left: 0;
opacity: 1;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: relative !important;
width: 100%;
/*order: 3;*/
}
.navbar-main .nav-item.dropdown .nav-link {
display: inline-flex;
}
.navbar-main .nav-item.dropdown .nav-link:first-of-type {
/*order: 2;*/
flex: 1;
}
.navbar-main .nav-item.dropdown .nav-link:last-of-type {
/*order: 1; */
flex: 0;
}
.navbar-main .nav-item.dropdown .nav-link.nav-link-toggle {
margin-left: auto;
}
.navbar-main .nav-item.dropdown .nav-link.nav-link-toggle .dropdown-toggle {
min-width: 48px;
min-height: 48px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-main .nav-item.dropdown .nav-link.collapse-toggle {
min-width: 48px;
min-height: 48px;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu {
background-color: transparent !important;
}
.navbar-main .dropdown.megamenu .dropdown-menu .megamenu-inner {
padding: 0 !important;
max-width: 100%;
}
.navbar-main .dropdown .dropdown-menu {
padding: 0 0 1rem 0 !important;
margin: 0 !important;
max-width: 100%;
}
.navbar-main .dropdown .dropdown-menu {
margin: 0 0 0 3rem !important;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .nav-item .nav-link{
line-height: 1.25em;
padding: .25em 0;
color: #fff;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu) .dropdown-menu .nav-item .nav-link,
.navbar-main .navbar-nav .dropdown .dropdown-menu .mobile-sub-collapse-only .nav-item .nav-link{
padding: .5rem 0 !important;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .nav-item .nav-link .nav-link-inner-text {
padding-left: 0 !important;
padding-right: 0 !important;
font-size: 1.125rem;
line-height: 1.2;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .nav-item:hover .nav-link:not(.nolink) .nav-link-inner-text {
padding-left: 0 !important;
padding-right: 0rem !important;
}
.navbar-main .navbar-nav .dropdown .dropdown-menu .nav-item:hover .nav-link:not(.nolink):hover::before,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link:not(.nolink):before {
display: none;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu a.megamenu-category,
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu p.megamenu-category {
margin-bottom: 0rem;
margin-top: 0em;
font-family: 'franklin-gothic-atf', sans-serif;
font-weight: 600;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group li.nav-item{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group li.nav-item:not(:last-of-type) {
margin-bottom: 0.5rem;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .mobile-sub-collapse-only {
margin-left: 3rem;
margin-bottom: 1.5rem;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group li.nav-item .nav-link {
display: inline-flex;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group li.nav-item .nav-link:nth-child(1) {
order: 2;
flex: 1;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group li.nav-item .nav-link:nth-child(2) {
order: 1;
flex: 0;
}
.navbar-main .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link.megamenu-category:before {
display: none !important;
}
.megamenu-inner .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.megamenu-inner [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.megamenu-inner .dropdown-toggle:after {
margin-left: 0 !important;
}
.navbar-expand .navbar-nav {
flex-direction: column;
width: 100%;
}
.navbar-main .cta-group {
width: 100%;
}
.collapse-close {
position: fixed;
top: auto;
left: calc(100% - 8.25rem);
z-index: 3000;
}
.language-wrapper {
width: 100%;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language a.nav-link.nav-link-toggle {
padding-top: 2rem;
padding-bottom: 2rem;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item .nav-link.active:before {
display: none;
}
.navbar-main .navbar-nav .dropdown:not(.megamenu).change-language .dropdown-menu .nav-item strong {
display: none;
}
}
.navbar-secondary {
padding: 0;
background-color: var(--body_color) !important;
color: var(--white) !important;
z-index: 20;
}
.navbar-secondary-wrapper {
width: 100%;
}
.navbar-secondary .navbar-secondary-inner {
max-width: calc(100% - 10em);
margin: 0 auto;
display: flex;
flex-grow: 1;
align-items: center;
font-size: 1rem;
justify-content: space-between;
min-height: 5rem;
}
.navbar-secondary .navbar-secondary-inner .secondary-logo {
width: 125px;
flex-shrink: 0;
}
/* Product Navbar Overrides */
.navbar-main.navbar-product {
width: 100%;
color: var(--body_color) !important;
z-index: 14;
}
.navbar-main.navbar-secondary .language-wrapper .navbar-nav .dropdown:not(.megamenu) .dropdown-menu {
position: absolute !important;
}
.navbar-main.navbar-product .navbar-main-wrapper,
.navbar-main.navbar-product .navbar-main-mobile-header {
background-color: var(--white);
}
.navbar-main.navbar-product .navbar-main-toggle svg path {
stroke: var(--body_color);
}
.navbar-main.navbar-product .navbar-main-wrapper::before {
display: none;
}
.navbar-secondary .navbar-secondary-mobile-header {
background: var(--body_color);
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 1.125rem 1.25rem;
}
.navbar-main.navbar-product .navbar-nav > .nav-item .dropdown-toggle:after,
.navbar-main.navbar-product .navbar-nav > .nav-item > .nav-link:hover .dropdown-toggle::after {
background-color: var(--body_color);
}
.navbar-main.navbar-product .navbar-nav .dropdown.megamenu .dropdown-menu {
background-color: var(--white) !important;
color: var(--body_color) !important;
}
.navbar-main.navbar-product .navbar-nav .dropdown.megamenu .dropdown-menu .megamenu-group .nav-item .nav-link:not(.nolink):before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23171717' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
}
.navbar-main.navbar-product .navbar-nav .dropdown .dropdown-menu .nav-item .nav-link {
color: var(--body_color);
}
.navbar-main.navbar-product .navbar-nav > .nav-item .collapse-toggle::after {
background-color: var(--body_color);
}
@media screen and (min-width: 1200px) {
.navbar-main.navbar-product .navbar-nav > .nav-item > .nav-link:hover,
.navbar-main.navbar-product .dropdown.show {
color: var(--body_color);
}
.navbar-main.navbar-product .navbar-nav > .nav-item > .nav-link:hover > .nav-link-inner-text {
text-decoration: underline;
}
}
@media screen and (max-width: 1199px) {
.navbar-main.navbar-product .navbar-main-wrapper {
box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}
.navbar-main.navbar-product .collapse-close {
position: absolute;
right: 1rem;
left: auto;
}
.navbar-main.navbar-product .mobile-collapse-only,
.navbar-main.navbar-product .mobile-collapse-only .navbar-main-wrapper {
position: absolute;
}
}
.bubble {
position: fixed;
bottom: 20px;
right: 20px;
border-radius: 50%;
background-color: #00e277;
box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%);
z-index: 10;
}
.bubble a {
display: flex;
height: 63px;
width: 63px;
padding: 15px;
transform: translateY(-5px);
transition: transform 0.3s ease-in-out;
}
.bubble a:hover {
transform: scale(1) translateY(-7px);
}
.bubble a:hover svg g:nth-child(3) {
transform-origin: initial;
transform: rotate(-195deg) translate(-20px, 17px);
}
.bubble a svg,
.bubble a svg path {
fill: initial;
}
/* TWODAY FORM STYLING */
div ~ .hs-form-field {
flex-basis: 100%; /* Fix issue with text elements in form wrapping weirdly with fields */
}
.twoday-form-wrapper label {
margin-bottom: .65rem;
}
.twoday-form-wrapper .legal-consent-container {
padding: 0;
}
.twoday-form-wrapper .legal-consent-container .hs-richtext {
padding: 0 0 1rem 0;
font-size: .875rem;
}
.twoday-form-wrapper .legal-consent-container label {
margin-bottom: 0;
cursor: pointer;
}
.twoday-form-wrapper .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 1.75rem;
}
.twoday-form-wrapper input::placeholder, .twoday-form-wrapper textarea::placeholder {
opacity: 0;
}
.twoday-form-wrapper input[type="checkbox"] {
height: 17px;
width: 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
display: -ms-grid;
display: grid;
place-content: center;
border: 1px solid var(--black);
border-radius: 2px;
margin-top: 2px;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.twoday-form-wrapper input[type="checkbox"]:checked,
.twoday-form-wrapper input[type="checkbox"]:checked {
background-color: var(--black);
}
.twoday-form-wrapper input[type="checkbox"]::before,
.twoday-form-wrapper input[type="checkbox"]::before {
content: "";
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
}
.twoday-form-wrapper input[type="checkbox"]:checked::before,
.twoday-form-wrapper input[type="checkbox"]:checked::before {
opacity: 1;
}
.twoday-form-wrapper input[type="checkbox"]::before,
.twoday-form-wrapper input[type="checkbox"]::before {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
background-image: url("data:image/svg+xml,%3Csvg viewBox='-0.75 -0.75 25.5 25.5' xmlns='http://www.w3.org/2000/svg' stroke-width='3'%3E%3Cpath d='M23.25.749,8.158,22.308a2.2,2.2,0,0,1-3.569.059L.75,17.249' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
width: 11px;
height: 11px;
}
.twoday-form-wrapper .hs-form-field:not(.hs-fieldtype-booleancheckbox) ul.hs-error-msgs {
position: absolute;
top: calc(100% - .8rem);
right: 0;
}
.twoday-form-wrapper ul.hs-error-msgs {
order: 3;
width: fit-content;
height: auto;
background: var(--danger);
padding: 0.25rem 0.5rem;
border-radius: 15px;
}
.twoday-form-wrapper ul.hs-error-msgs li, .twoday-form-wrapper ul.hs-error-msgs li label.hs-error-msg{
color: #171717 !important;
}
.twoday-form-wrapper ul.hs-error-msgs li:last-child {
margin-bottom: 0;
}
.twoday-form-wrapper textarea,
.twoday-form-wrapper select,
.twoday-form-wrapper .form-control,
.twoday-form-wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
.twoday-form-wrapper input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
border-radius: 15px;
}
.twoday-form-wrapper .field > label,
.twoday-form-wrapper .form-group label,
.twoday-form-wrapper .field span,
.twoday-form-wrapper .form-group span {
font-size: 0.875rem;
}
.toggle-group {
border: 1px solid #171717;
}
.toggle-group .btn {
border-color: transparent;
}
.toggle-group .btn:hover {
background-color: rgba(200, 200, 200, .4);
}
.toggle-group .btn.active:focus {
outline: none;
box-shadow: none;
}
.toggle-group .btn.active {
background-color: #171717;
border-color: #171717;
color: #fff;
}
.toggle-group .btn.active:hover {
background-color: rgba(23, 23, 23, .8);
color: #fff;
}
.price-toggle-element {
display: none;
}
.price-toggle-element.active {
display: flex;
}
.twoday-carousel--static {
position: relative;
}
/* Content */
.splide__slide {
min-height: 400px;
}
.splide__slide img,
.carousel-static-media {
width: 100%;
height: 100%;
object-fit: cover;
}
.carousel-static-media {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.splide__slide .splide__overlay,
.carousel-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
background-color: rgba(0, 0, 0, 0.5);
}
.splide__slide .splide-item {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.splide__slide--background .splide-item {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10;
}
.twoday-carousel--static .container {
z-index: 10;
}
.splide__arrow {
height: 40px !important;
width: 40px !important;
background: transparent !important;
z-index: 10 !important;
opacity: 1 !important;
}
.splide__arrow svg {
width: 40px !important;
height: 40px !important;
}
.splide__arrow svg path {
fill: #171717 !important;
}
.splide__arrow svg path.circle,
.splide__video-toggle svg path.circle {
opacity: 0.2;
transition: opacity 200ms ease;
}
@keyframes opacity {
20% {
opacity: 0.2;
}
100% {
opacity: 0.5;
}
}
.splide__arrow:hover svg path.circle,
.splide__video-toggle:hover svg path.circle {
animation: opacity 200ms ease forwards;
}
.splide__arrow--prev svg {
transform: scaleX(1) !important;
}
.splide__arrow--next svg {
transform: scaleX(-1) !important;
}
/* Mobile handling of arrow position */
.splide__arrow--mobile {
top: auto !important;
bottom: 40px !important;
transform: translateY(0) !important;
}
.module-cards .splide__arrow--mobile {
bottom: -40px !important;
}
.splide__progress {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.splide__progress__bar {
height: 5px !important;
background-color: #171717 !important;
opacity: 0.35;
}
/* video */
.splide__slide--has-video {
cursor: initial !important;
}
.splide__video__wrapper video {
object-fit: cover;
}
.splide__video-toggle {
position: absolute;
bottom: 40px;
right: auto;
left: auto;
}
@media all and (min-width: 767px) {
.splide__video-toggle {
bottom: 20px;
right: 20px;
}
}
/* Play/Pause toggle */
.splide__video-toggle svg path.play {
opacity: 0;
}
.splide__video-toggle svg path.pause {
opacity: 1;
}
.splide__video-toggle.is-paused svg path.play {
opacity: 1;
}
.splide__video-toggle.is-paused svg path.pause {
opacity: 0;
}
.splide__video-toggle:hover {
cursor: pointer;
}
.splide__video-toggle svg {
width: 40px;
height: 40px;
}
/* Theme */
.splide .splide__arrow svg path {
transition: all 0.5ms ease;
}
.splide.bg-dark .splide__arrow svg path {
fill: #fff !important;
}
.splide.bg-dark .splide__progress__bar {
background-color: #fff !important;
}
/* CUSTOM DATE INPUT */
.twoday-form-custom-input, .twoday-form-custom-input input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
.twoday-form-custom-input input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
border-radius: 15px;
color: #171717 !important;
background: #fff;
border-color: transparent !important;
}
/* CUSTOM SELECT */
.filter__label {
font-weight: 700;
}
/*the container must be positioned relative:*/
.twoday-form-custom-select {
position: absolute;
border-radius: 15px;
overflow: hidden;
width: 100%;
}
.twoday-form-custom-select select {
display: none; /*hide original SELECT element:*/
}
.twoday-form-custom-select.active {
box-shadow: 0 13px 27px -5px rgb(50 50 93 / 25%), 0 8px 16px -8px rgb(0 0 0 / 30%);
}
.twoday-form-custom-select .select-selected {
background-color: white;
width: 100%;
min-height: 3.1875rem;
padding: 0 1.5625rem;
line-height: 1;
display: flex;
align-items: center;
}
.twoday-form-custom-select .select-selected.select-arrow-active {
border-bottom: 1px solid #c4c4c4;
}
.twoday-form-custom-select .select-selected:after {
content: "";
font-size: 1rem;
position: absolute;
right: 1.5em;
width: 1em;
height: 1em;
mask: url("data:image/svg+xml; utf8, ");
-webkit-mask: url("data:image/svg+xml; utf8, ");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-position: center;
mask-size: cover;
-webkit-mask-size: cover;
background: var(--dark);
transform: rotate(0deg);
transform-origin: center;
transition: all .2s ease;
border: none;
}
.twoday-form-custom-select .select-selected.select-arrow-active:after {
transform: rotate(180deg);
}
/*style the items (options), including the selected item:*/
.twoday-form-custom-select .select-items div,.select-selected {
color: #171717;
border: 1px solid transparent;
cursor: pointer;
user-select: none;
}
.twoday-form-custom-select .select-items div {
padding: .25rem 1.5625rem;
}
/*style items (options):*/
.twoday-form-custom-select .select-items {
position: relative;
background-color: white;
top: 100%;
left: 0;
right: 0;
z-index: 99;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
/*hide the items when the select box is closed:*/
.twoday-form-custom-select .select-hide {
display: none;
}
.twoday-form-custom-select .select-items li a:hover {
background-color: hsla(0,0%,9%,.05);
}
.twoday-form-custom-select .same-as-selected {
display: none;
}
.twoday-list-module {
overflow:hidden;
font-size: 18px;
line-height: 1.2;
}
.twoday-list-module .list-row{
position:relative;
display:flex;
align-items: center;
border-bottom: 1px solid #c8c8c8;
padding: 0 5%;
}
.twoday-list-module .list-row:last-child {
border-bottom: 0;
}
.twoday-list-module .list-row.header{
font-weight: bold;
}
.twoday-list-module .list-row:not(.header):hover{
background-color: rgba(23,23,23,0.05);
}
.twoday-list-module .list-row-item{
padding: 31px 0;
display: flex;
flex: 15%;
padding-right: 1rem;
}
.twoday-list-module .list-row .list-row-item:nth-child(2){
flex: 25%;
}
.twoday-list-module .list-row-item:last-of-type{
flex: 40px;
padding-right: 0;
justify-content: flex-end;
}
.twoday-list-module .list-row-item .mobile{
display:none;
}
@media(max-width:992px){
.twoday-list-module {
font-size: 16px;
}
.twoday-list-module .list-row{
flex-flow:column;
align-items: inherit;
padding: 20px 65px 20px 20px;
}
.twoday-list-module .list-row.header{
display:none;
}
.twoday-list-module .list-row-item{
padding: 4px 0px;
position:initial;
}
.twoday-list-module .list-row-item .mobile{
padding-right:1rem;
font-weight: bold;
display:block;
min-width:50%;
}
.twoday-list-module .list-row-item:last-of-type{
position: absolute;
bottom: 20px;
right: 20px;
width: auto;
}
}
body {
min-height: 100vh; /* Fixes issue on pages with little content */
transition: background-color .35s ease-in-out, color .35s ease-in-out;
will-change: background-color,color;
}
.text-white:not(.modal-open) div:not(.hsv-form-modal) input:not([type="submit"]),
.text-white:not(.modal-open) div:not(.hsv-form-modal) form input::placeholder,
.text-white:not(.modal-open) div:not(.hsv-form-modal) form textarea,
.text-white:not(.modal-open) div:not(.hsv-form-modal) form textarea::placeholder,
.text-white:not(.modal-open) div:not(.hsv-form-modal) form select,
.text-white:not(.modal-open) div:not(.hsv-form-modal) form select::placeholder{
border-color: #fff!important;
color: #fff!important;
}
.text-dark:not(.modal-open) div:not(.hsv-form-modal) input:not([type="submit"]),
.text-dark:not(.modal-open) div:not(.hsv-form-modal) form input::placeholder,
.text-dark:not(.modal-open) div:not(.hsv-form-modal) form textarea,
.text-dark:not(.modal-open) div:not(.hsv-form-modal) form textarea::placeholder,
.text-dark:not(.modal-open) div:not(.hsv-form-modal) form select,
.text-dark:not(.modal-open) div:not(.hsv-form-modal) form select::placeholder{
border-color: #171717!important;
color: #171717!important;
}
.hsv-form-modal {
color: #171717 !important;
}
.text-white:not(.modal-open) form .hs_submit input[type=submit].hs-button, input[type=submit].hs_submit .hs-button.large {
font-size: 1.125rem !important;
min-height: 3.0625rem !important;
padding: 0 1.5625rem !important;
}
.text-white:not(.modal-open) form .hs_submit input[type=submit].hs-button.primary {
color: #171717 !important;
background-color: #fff !important;
border-color: #fff !important;
}
.text-dark:not(.modal-open) form .hs_submit input[type=submit].hs-button.primary {
color: #fff !important;
background-color: #171717 !important;
border-color: #171717 !important;
}
.text-white:not(.modal-open) form textarea:focus,
.text-white:not(.modal-open) form select:focus,
.text-white:not(.modal-open) form .form-control:focus,
.text-white:not(.modal-open) form input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
.text-white:not(.modal-open) form input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
box-shadow: 0 0 0 1px inset #fff !important;
}
.text-white:not(.modal-open) .twoday-form-wrapper ul.hs-error-msgs {
order: 3;
width: fit-content;
height: auto;
background: var(--danger);
padding: 0.25rem 0.5rem;
border-radius: 15px;
}
.text-white:not(.modal-open) .twoday-form-wrapper ul.hs-error-msgs li, .twoday-form-wrapper ul.hs-error-msgs li label.hs-error-msg {
color: var(--black) !important;
}
.sr-hero-01 {
z-index: 2;
}
@media (min-width: 1200px) {
.sr-hero-01 .container,
.sr-hero-01 .container-sm,
.sr-hero-01 .container-md,
.sr-hero-01 .container-lg,
.sr-hero-01 .container-xl {
max-width: 100%;
padding: 0rem 5rem;
}
}
.sr-hero-01 div[class*="offset-"] {
margin-left: 0!important;
}
.twoday-hero-module {
height: 100vh;
}
div[class*="sr-cards-grid"] .card {
border-radius: 30px!important;
}
.card-image {
display: flex;
height: auto;
position: relative;
}
.card-image img {
position: absolute;
height: 100% !important;
width: 100%;
object-fit: cover;
}
.sr-offer-one-col-01 .responsive-image img {
position: absolute;
height: 100%!important;
width: 100%;
object-fit: cover;
border-radius: 30px;
}
.twoday-card--row {
display: flex;
}
.twoday-card--row .article-panel,
.twoday-card--overlay .article-panel {
color: white;
}
.twoday-card--row .twoday-card-content-wrapper .cta-group .btn-wrapper .cta_button:hover,
.twoday-card--overlay .twoday-card-content-wrapper .cta-group .btn-wrapper .cta_button:hover {
background-color: white;
border-color: white;
color: black;
}
.twoday-card--row .article-panel {
display: flex;
width: inherit;
}
.twoday-card--row .card-image {
height: 100%;
flex: 1 0 50%;
}
.twoday-card--overlay .article-panel {
position: relative;
}
.twoday-card--overlay .card-image {
position: absolute;
height: 100%;
}
.twoday-card--overlay .item-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
z-index: 1;
}
.twoday-card .article-panel {
border-radius: 30px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.twoday-card .article-panel:hover {
transform: translateY(-0.75em);
}
.is-card {
background: var(--white);
border-radius: 30px;
padding: 1rem;
color: var(--dark) !important;
}
@media all and (min-width: 768px) {
.is-card {
padding: 1.5rem;
}
}
.twoday-generic-modal .modal-content {
border-color: transparent !important;
}
.twoday-generic-modal .modal-header, .twoday-generic-modal .modal-footer {
border-width: 0 !important;
}
.twoday-generic-modal.small .modal-dialog {
max-width: 500px;
}
.twoday-generic-modal.medium .modal-dialog {
max-width: 800px;
}
.twoday-generic-modal.large .modal-dialog {
max-width: calc(100vw - 5em);
}
.modal-header .close {
background-position: center;
background-size: 20px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='48px' height='48px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M1.5,48c-0.4,0-0.8-0.1-1.1-0.4c-0.6-0.6-0.6-1.5,0-2.1l45-45c0.6-0.6,1.5-0.6,2.1,0c0.6,0.6,0.6,1.5,0,2.1l-45,45 C2.3,47.9,1.9,48,1.5,48z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M46.5,48c-0.4,0-0.8-0.1-1.1-0.4l-45-45C-0.1,2-0.1,1,0.4,0.4C1-0.1,2-0.1,2.6,0.4l45,45c0.6,0.6,0.6,1.5,0,2.1 C47.3,47.9,46.9,48,46.5,48z'/%3E%3C/g%3E%3C/svg%3E%0A");
color: transparent;
transform: translateX(0.5em);
}
.sr-spacer-bottom-75 {
padding-bottom: 3em!important;
}
@media (min-width: 1200px) {
.span12 div[class*="max-width-section-centering"] > .row-fluid {
max-width: calc(100% - 10em) !important;
}
}
.hs_cos_wrapper_type_linked_image {
padding-left: 15px;
padding-right: 15px;
}
.sr-spacer-bottom-50 {
padding-bottom: 1.125rem;
}
.col-md-6.offset-md-3 {
}
.hs-richtext {
font-size: 0.75em;
line-height: 1.5em;
}
/*Page top padding */
body.page-top-spacing-Large .row-number-1 .prototype-no-background{
padding-top: calc(6em + 10vw)!important;
}
.height-half {
min-height: 50vh;
}
.height-full {
min-height: 100vh;
}
.sr-padding-top_large {
padding-top: 8em;
padding-bottom: 3em;
}
.sr-padding-bottom_large {
padding-bottom: 8em;
padding-top: 3em;
}
.sr-padding-top_of_page {
padding-top: 12em;
padding-bottom: 3em;
}
.border-radius {
border-radius: 2em;
}
.cta-group.sr-spacer-top-25 {
padding-top: 0.5em
}
.bg-primarylight, .bg-primary-light {
background-color: var(--primarylight) !important;
}
body.brandhub .span12 div[class*="max-width-section-centering"] > .row-fluid, body.brandhub .navbar > .container-fluid, body.brandhub .container {
max-width: 1300px!important;
width: 100%;
}
body.brandhub .row-fluid .span8 {
min-height: 100vh
}
@media (min-width: 1200px) and (max-width: 1450px) {
body.brandhub .span12 div[class*="max-width-section-centering"] > .row-fluid{
padding-left: 5em;
padding-right: 5em;
max-width: 100%!important;
}
}
@media(max-width: 1200px) {
.row-fluid .span3, .row-fluid .span4 {
width: 0;
}
.row-fluid .span9, .row-fluid .span8 {
width: 95%;
margin-left: 2.5%;
}
}
@media only screen and (min-width: 768px) {
.twoday-split-overlap .content-wrapper {
min-width: calc(100% + 2.25em);
min-height: 45rem;
}
.twoday-split-overlap .content-wrapper img{
object-fit: cover;
}
.twoday-split-overlap .col-md-6 .content-wrapper-image.justify-content-start {
transform: translateY(-4.5em);
}
.twoday-split-overlap .col-md-6 .content-wrapper-image.justify-content-end {
transform: translateY(4.5em);
}
}
.twoday-split-overlap .content-wrapper-image {
border-radius: 2em 2em 0 0;
}
.twoday-split-overlap .content-wrapper-text {
border-radius: 0 0 2em 2em;
}
@media all and (min-width: 767px) {
.twoday-split-overlap .content-wrapper-image,
.twoday-split-overlap .content-wrapper-text {
border-radius: 2em;
}
}
.blog .heading p {
margin-bottom: 0;
}
a.blog-tag__link {
text-decoration: underline;
}
a.blog-tag__link:not(.blog-tag__link--active):hover {
font-style: italic;
text-decoration: underline !important;
}
a.blog-tag__link.blog-tag__link--active {
text-decoration: none;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.blog-single .twoday-split-overlap--hero {
margin-top: 4.5em !important;
}
}
.blog-single blockquote {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
padding: 2.5rem;
background-color: #00E277; /* Secondary */
border-radius: 2em;
}
@media screen and (min-width: 768px) {
.blog-single blockquote {
margin-top: 5rem;
margin-bottom: 5rem;
padding: 5rem;
}
}
.blog-single blockquote p {
margin-bottom: 0;
font-size: 1.5rem;
}
.blog-single blockquote p + p {
margin-top: 1rem;
font-size: 1.125rem;
}
.blog-single .sr-blog-post {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
.blog-single .sr-blog-post {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.blog-single .sr-blog-post ul li a,
.blog-single .sr-blog-post ol li a,
.blog-single .sr-blog-post table a {
text-decoration: underline;
color: currentColor;
}
.blog-single .sr-blog-post ul li a:hover,
.blog-single .sr-blog-post ol li a:hover,
.blog-single .sr-blog-post table a:hover {
color: currentColor!important;
font-style: italic;
text-decoration: none;
}
.blog-single .sr-blog-post ul li a[href^="mailto:"],
.blog-single .sr-blog-post ul li a[href^="tel:"],
.blog-single .sr-blog-post ol li a[href^="mailto:"],
.blog-single .sr-blog-post ol li a[href^="tel:"],
.blog-single .sr-blog-post table a[href^="mailto:"],
.blog-single .sr-blog-post table a[href^="tel:"] {
text-decoration: none;
}
/* Co3 Custom distance before headings, images and quotes */
p + h2, p + h3, p + h4, p + h5, p + h6,
p + blockquote {
margin-top: 4rem;
}
.twoday-content-container .cta-group {
margin: .5rem 0 1.5rem 0;
}
.twoday-content-container .cta-group .btn-wrapper .cta_button {
font-size: 14px;
min-height: 1.25rem;
padding: .35rem .75rem;
}
.twoday-content-container .cta-group .btn-wrapper .cta_button:hover {
background-color: black;
border-color: black;
color: white;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+1) .item-card .twoday-content-container {
background-color: #FF8439; /* Primary */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+2) .item-card .twoday-content-container {
background-color: #009CE9; /* Info */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+3) .item-card .twoday-content-container {
background-color: #00E277; /* Secondary */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+4) .item-card .twoday-content-container {
background-color: #FF3442; /* Danger */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+5) .item-card .twoday-content-container {
background-color: #003E25; /* Tertiary */
color: #fff;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+5) .item-card .twoday-content-container .cta-group .btn-wrapper .cta_button:hover {
background-color: white;
border-color: white;
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+6) .item-card .twoday-content-container {
background-color: #FAED98; /* Warning */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+7) .item-card .twoday-content-container {
background-color: #00E277; /* Secondary */
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+8) .item-card .twoday-content-container {
background-color: #00173A; /* Success */
color: #fff;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+8) .item-card .twoday-content-container .cta-group .btn-wrapper .cta_button:hover {
background-color: white;
border-color: white;
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+9) .item-card .twoday-content-container {
background-color: #FFBC57;
color: black;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+1) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+2) .item-card .card-image {
aspect-ratio: 1/1;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+3) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+4) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+5) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+6) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+7) .item-card .card-image {
aspect-ratio: 1/1;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+8) .item-card .card-image {
aspect-ratio: 4/3;
}
.twoday-blog-card.bg-auto:nth-of-type(7n+9) .item-card .card-image {
aspect-ratio: 1/1;
}
.twoday-blog-card .item-card .twoday-content-container p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.twoday-card-content-wrapper {
z-index: 2;
}
.hs-embed-wrapper .hs-embed-content-wrapper > iframe,
.hs-embed-wrapper > iframe,
.sr-offer-video-cta-01 iframe ,
.sr-offer-video-cta-01 video {
position: relative;
z-index: 1;
transition: all ease-in-out .5s;
width: 100% !Important;
border-radius: 30px;
}
@supports (aspect-ratio: 16 / 9) {
.hs-embed-wrapper .hs-embed-content-wrapper > iframe,
.hs-embed-wrapper > iframe,
.sr-offer-video-cta-01 iframe,
.sr-offer-video-cta-01 video {
height: 100% !important;
aspect-ratio: 16 / 9;
object-fit: fill;
}
}
.video-consent {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 1.8em;
color: #171717;
}
.has-video-poster img {
position: relative;
display: block;
width: 100%;
height: 100%;
z-index: 20;
cursor: pointer;
border-radius: 1.8em;
object-fit: cover;
}
.has-video-poster.video-is-clicked img {
display: none;
}
.has-video-poster {
position: relative;
/* float: left; */
width: 100%;
}
.has-video-poster:not(.video-is-clicked):after, .has-video-poster:not(.video-is-clicked):before {
content: "";
position: absolute;
top: 50%;
left: 50%;
}
.has-video-poster:not(.video-is-clicked):before {
margin-top: -34px;
margin-left: -34px;
width: 60px;
height: 60px;
z-index: 99;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
background-color: rgba(0,0,0, 0.0);
cursor:pointer;
transition: 0.25s ease background-color;
pointer-events: none;
}
.has-video-poster:not(.video-is-clicked):hover::before {
background-color: rgba(0, 0, 0, 0.2);
}
.has-video-poster:not(.video-is-clicked):after {
border: 14px solid transparent!important;
border-left: 20px solid #fff!important;
-webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,.25))!important;
height: 0!important;
margin-left: -10px!important;
margin-top: -18px!important;
width: 0!important;
z-index: 999;
left: 50%!important;
top: 50%!important;
cursor:pointer;
pointer-events: none;
}
/* 5TH ELEMENT MOVED TO DEFER CACHE */
.body-wrapper {
min-height: 100vh;
height: auto;
overflow-x: hidden; /* 5th element can go outside content, but not create a horisontal scrollbar */
}
.rounded {
border-radius: 2em;
}
.rounded-t {
border-top-left-radius: 2em;
border-top-right-radius: 2em;
}
.rounded-b {
border-bottom-left-radius: 2em;
border-bottom-right-radius: 2em;
}
.rounded-none {
border-radius: 0;
}
.shadow {
box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}
.fifth-element-image {
width: 70vw;
}
@media (max-width: 767px) {
.fifth-element-image{
min-width: 160vw;
transform: none!important;
}
}
.fifth-element-file {
height: 70vw;
}
@media screen and (min-width: 1800px) {
.fifth-element-file {
height: 60vw;
}
}
@media screen and (min-width: 1800px) {
.fifth-element-image {
width: 60vw;
}
}
@media (max-width: 767px) {
.fifth-element-file{
min-width: 140vw;
min-height: 140vw;
transform: none!important;
}
}
.sr-offer-video-cta-01-inner {
z-index: 2;
}
h1, h2, h3, h4, h5, h6, p, a, button {
z-index: 1;
position: relative;
}
.fifth-element-file,
.fifth-element-image {
position: absolute;
}
@media (max-width: 767px) {
.fifth-element-file,
.fifth-element-image {
position: relative;
min-width: 70vw;
min-height: 70vw;
transform: none!important;
}
}
.fifth-element-image.left-aligned,
.fifth-element-file.left-aligned {
top: 0;
left: -110%;
right: 0;
bottom: 0;
}
@media (max-width: 767px) {
.fifth-element-image.left-aligned,
.fifth-element-file.left-aligned {
left: -40% !important;
}
}
.fifth-element-image.right-aligned,
.fifth-element-file.right-aligned {
top: 0;
left: 0;
right: -110%;
bottom: 0;
}
@media (max-width: 767px) {
.fifth-element-image.right-aligned,
.fifth-element-file.right-aligned {
left: auto;
right: -40% !important;
}
}
.twoday-multiple-column.sr-multicol-media .content-wrapper .responsive-image img {
position: relative;
width: 100%;
object-fit: cover;
border-radius: 30px;
height: 100%;
}
.row-reverse {
flex-direction: row-reverse;
}
/* Custom end */
:root {
--primary: #FF8439;
--secondary: #00E277;
--tertiary: #003E25;
--success: #00173A;
--info: #009CE9;
--warning: #FAED98;
--danger: #FF3442;
--light: #C8C8C8;
--dark: #171717;
--white: #ffffff;
--black: #000000;
--borders: #e5e7ea;
--body_bg: #FFFFFF;
--body_color: #171717;
--heading: #171717;
--link_color: #0c63ff;
--link_hover_color: #0da6ff;
/* PRIMARY LIGHT TEMP FIX*/
--primarylight: #FFBC57;
}
html {
scroll-behavior: smooth;
}
.btn,
.btn-wrapper .cta_button,
.btn-wrapper .cta-button,
.btn-wrapper input[type="submit"],
.btn-wrapper input[type="button"],
input[type="submit"],
input[type="button"] {
transition: all .15s ease-in-out;
animation-timing-function: ease-in-out;font-size: 1.125rem;
line-height: 1.35;
border-radius: 30px;
min-height: 3.5rem;text-align: center;
padding: 0 1.5625rem ;
border: 1px solid;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;;
font-size: 1.125rem;
}
.text-btn {
font-size: 1.125rem;
}
.cta-group .btn-wrapper {
display: inline-block;
}
.cta-group.btn-wrap .btn-wrapper {
width: 100%;
}
.cta-group.btn-block .btn-wrapper,
.btn-block-wrapper .btn-wrapper,
.btn-block-wrapper .hs_submit {
width: 100%;
}
.cta-group.btn-block .btn-wrapper .cta_button,
.cta-group.btn-block .btn-wrapper .cta-button,
.btn-block input[type="submit"],
.btn-block input[type="button"],
.btn-block-wrapper .btn-wrapper .cta_button,
.btn-block-wrapper .btn-wrapper .cta-button,
.btn-block-wrapper input[type="submit"],
.btn-block-wrapper input[type="button"] {
width: 100%;
justify-content: center;
box-sizing: border-box !important;
}
form .hs_submit input[type=submit].hs-button, input[type=submit].hs_submit .hs-button.large {
font-size: 1.125rem !important;
min-height: 3.0625rem !important;
padding: 0 1.5625rem !important;
margin-bottom: unset !important;
color: #fff;
background-color: #171717;
border-color: #171717;
width: 100%;
justify-content: center;
box-sizing: border-box !important;
}
form .hs_submit input[type=submit].hs-button.primary {
color: #fff !important;
background-color: #171717 !important;
border-color: #171717 !important;
}
.btn-left .hs_submit {
text-align: left;
}
.btn-center .hs_submit {
text-align: center;
}
.btn-right .hs_submit {
text-align: right;
}
.btn-left .hs_submit,
.btn-center .hs_submit,
.btn-right .hs_submit {
width: 100%;
}
.button_icon svg {
display: block;
fill: currentColor !important;
height: 1em;
}
.button_icon svg g,
.button_icon svg path {
fill: currentColor !important;
}
.block { display: table; }
.circle { border-radius: 100%; }
.divider {
display: block;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding: 0 0 13px 0;
margin: 0 0 40px;
}
.text-center-mobile { text-align: center; }
.max-responsive { max-width: 100%; height: auto !important; }
.antialiased { -webkit-font-smoothing: antialiased; }
.no-bullets ul,
.no-bullets ol {
list-style: none;
padding-left: 0;
}
.animated {
transition: all .3s ease-in-out;
animation-timing-function: ease-in-out;
}
.animated-fast {
transition: all .15s ease-in-out;
animation-timing-function: ease-in-out;
}
.sr-line-top { border-top: 1px solid #e5e7ea; }
.sr-line-bottom { border-bottom: 1px solid #e5e7ea; }
/* ----------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------- */
html {
font-size: 16px;
}
body {
font-family: Arial;
line-height: 1.6875rem;
font-size: clamp(1.0rem, 0.5376344086021505vw + 0.7419354838709677rem, 1.125rem);
color: #171717;
background-color: #FFFFFF;
margin: 0;
}
h1,
.h1 {
margin-bottom: 3.1875rem;
line-height: 1.35;
line-height: 1.25em;
font-size: clamp(2.0rem, 4.838709677419355vw + -0.3225806451612903rem, 3.125rem);
}
h2,
.h2 {
margin-bottom: 1.125rem;
line-height: 1.35;
font-size: clamp(1.75rem, 3.225806451612903vw + 0.20161290322580644rem, 2.5rem);
}
h3,
.h3 {
margin-bottom: 0.9375rem;
line-height: 1.35;
font-size: clamp(1.375rem, 1.075268817204301vw + 0.8588709677419355rem, 1.625rem);
}
h4,
.h4 {
margin-bottom: 0.625rem;
line-height: 1.35;
font-size: clamp(1.125rem, 0.5376344086021505vw + 0.8669354838709677rem, 1.25rem);
}
h5,
.h5 {
margin-bottom: 0.6875rem;
line-height: 1.35;
font-size: clamp(1.25rem, 0.5376344086021505vw + 0.9919354838709677rem, 1.375rem);
}
h6,
.h6 {
margin-bottom: 0.5625rem;
line-height: 1.35;
font-size: clamp(1.0rem, 0.5376344086021505vw + 0.7419354838709677rem, 1.125rem);
}
/*h1 br, h2 br, h3 br, h4 br, h5 br, h6 br,
.display-1 br, .display-2 br, .display-3 br, .display-4 br, .description br { display: none; }
@media (min-width:992px) {
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br,
.display-1 br, .display-2 br, .display-3 br, .display-4 br, .description br { display: initial; }
}*/
.display-1 {
margin-bottom: 2.96875rem;
line-height: 1.35;
font-size: 5.9375rem;
}
.display-2 {
margin-bottom: 2.5rem;
line-height: 1.35;
font-size: 5.0rem;
}
.display-3 {
margin-bottom: 2.34375rem;
line-height: 1.35;
font-size: 4.6875rem;
}
.display-4 {
margin-bottom: 1.875rem;
line-height: 1.35;
font-size: 3.75rem;
}
p {
margin-top: 0;
margin-bottom: 1.5em;
}
ul,
ol {
padding-left: 2rem;
li {
p {
display: inline-block;
}
}
}
ul li:not(.hs-menu-item, .nav-item, .splide__slide) a,
ol li:not(.hs-menu-item, .nav-item, .splide__slide) a {
text-decoration: underline;
}
ul li:not(.hs-menu-item, .nav-item, .splide__slide) a:hover,
ol li:not(.hs-menu-item, .nav-item, .splide__slide) a:hover {
color: var(--primary) !important;
text-decoration: underline !important;
}
ul.select-items li a,
ul.dropdown-menu li a {
text-decoration: none;
}
ul,
ol,
ul li,
ol li {
font-size: 1.125rem;
line-height: 1.25;
}
@media (max-width: 767px) {
.prototype-no-background:not(.sr-footer) ul:not(.inputs-list, .splide__list) li,
.prototype-no-background:not(.sr-footer) ol:not(.inputs-list, .splide__list) li {
font-size: 1rem;
}
}
.prototype-no-background:not(.sr-footer) ul:not(.inputs-list, .splide__list) {
padding-left: 0.65em;
}
.prototype-no-background:not(.sr-footer) ol:not(.inputs-list) {
padding-left: 1.5rem;
}
.prototype-no-background:not(.sr-footer) ul:not(.inputs-list, .splide__list) li, .prototype-no-background:not(.sr-footer) ol:not(.inputs-list) li {
padding-left: 1em;
margin-bottom: 0.5em;
line-height: 1.5em;
}
/*
* Safari up to 17.3 does not support 'content' in ::marker, so we fallback to ::before
* Also, Safari doesn't support the 'not' element in @supports, so we have to use some hacks.
* https://caniuse.com/css-marker-pseudo
*/
.body-container-wrapper ul:not(.list-unstyled, .navbar-nav, .secondary-footer-menu, .dropdown-menu, .splide__list, .inputs-list, .select-items, .twoday-custom-select-list) {
padding-left: 0 !important;
}
.body-container-wrapper ul:not(.list-unstyled, .navbar-nav, .secondary-footer-menu, .dropdown-menu, .splide__list, .inputs-list, .select-items, .twoday-custom-select-list) li {
/* padding-left: 0 !important; */
list-style-type: none;
text-indent: -1em;
padding-left: 2em !important;
}
.body-container-wrapper ul:not(.list-unstyled, .navbar-nav, .secondary-footer-menu, .dropdown-menu, .splide__list, .inputs-list, .select-items, .twoday-custom-select-list) li:before {
content: '–';
margin-right: 1em;
display: inline-block;
}
/* @supports selector(::marker) {
.body-container-wrapper ul:not(.list-unstyled, .navbar-nav, .dropdown-menu, .splide__list) li::marker {
content: '–';
}
} */
.lead,
.large {
line-height: 1.5;
font-size: 1.5rem;
margin-bottom: 2em;
}
.lead p,
.large p {
margin-bottom: 0.625rem;
}
p.small,
.small,
small,
.font-small * {
line-height: 1.5em;
font-size: 1rem;
}
p.small {
margin-bottom: 0.4375rem;
}
blockquote {
margin-bottom: 0.625rem;
line-height: 1.35;
font-size: 1.25rem;
}
svg,
svg g,
svg path {
fill: currentColor;
}
.oembed_custom-thumbnail_icon svg,
.oembed_custom-thumbnail_icon svg g,
.oembed_custom-thumbnail_icon svg path {
fill: inherit;
}
body {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
.h1,
.h2,
.h3,
.h4,
.h5 {
display: block;
}
h1,
.h1 {
font-family: 'bookman-old-style', serif;
font-style: normal;
font-weight: 100;
margin-bottom: 1.5rem;
}
@media (min-width: 767px) {
h1,
.h1 {
max-width: 70vw;
}
h1.heading.text-center,
.h1.heading.text-center {
margin-left: auto;
margin-right: auto;
}
}
h2,
.h2 {
font-family: 'bookman-old-style', serif;
font-weight: normal;
font-style: normal;
margin-bottom: 1.25rem;
line-height: 1.25;
}
h1 a,
.h1 a,
h1 strong,
.h1 strong,
h1 span,
h2 a,
.h2 a,
h2 strong,
.h2 strong,
h2 span,
.h3 a,
h3 strong,
.h3 strong,
h3 span,
.h4 a,
h4 strong,
.h4 strong,
h4 span,
.h5 a,
h5 strong,
.h5 strong,
h5 span,
.h6 a,
h6 strong,
.h6 strong,
h6 span {
color: inherit;
position: relative;
text-decoration: none !important;
font-family: 'franklin-gothic-atf', sans-serif;
font-weight: 600;
}
h1 a:hover:after,
.h1 a:hover:after,
h2 a:hover:after,
.h2 a:hover:after {
transform: scaleX(0);
}
h1 a::after,
.h1 a::after,
h2 a::after,
.h2 a::after {
border-bottom: 1px solid;
position: absolute;
left: 0;
right: 0;
bottom: 5px;
content: '';
transition: transform 0.35s ease;
transform-origin: right;
}
h3,
.h3 {
font-family: 'bookman-old-style', serif;
font-weight: normal;
font-style: normal;
margin-bottom: 1rem;
}
h4,
.h4 {
font-family: 'bookman-old-style', serif;
font-weight: 400;
font-style: normal;
margin-bottom: 0.5rem;
}
h5,
.h5 {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 1rem;
}
h6,
.h6 {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 0.5rem;
}
.display-1 {
font-family: 'bookman-old-style', serif;
font-weight: 400;
font-style: normal;
}
.display-2 {
font-family: 'bookman-old-style', serif;
font-weight: 400;
font-style: normal;
}
.display-3 {
font-family: 'bookman-old-style', serif;
font-weight: 400;
font-style: normal;
}
.display-4 {
font-family: 'bookman-old-style', serif;
font-weight: 400;
font-style: normal;
}
p.lead,
p.large {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
}
blockquote {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
}
.btn,
.btn-wrapper .cta_button,
.btn-wrapper .cta-button,
.btn-wrapper input[type='submit'],
.btn-wrapper input[type='button'],
input[type='submit'],
input[type='button'] {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
}
.navbar .navbar-nav .dropdown .dropdown-item,
.navbar .navbar-nav .nav-link,
.btn-wrapper.btn-primary-wrapper.d-xl-inline a {
font-family: franklin-gothic-atf, sans-serif;
font-weight: 400;
font-style: normal;
}
a {
color: currentColor;
text-decoration: none;
}
a:hover,
a:hover:not(.btn) {
color: currentColor;
text-decoration: none;
}
.no-underline {
text-decoration-line: none !important;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
/*-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;*/
text-decoration: underline;
color: currentColor;
}
p a:hover {
color: currentColor!important;
text-decoration: none;
}
img,
video {
max-width: 100%;
height: auto;
}
a[href="javascript:;"],
a[href="javascript:;"]:hover {
cursor: default
}
.unstyle-list ul {
list-style: none;
padding: 0;
margin: 0;
}
.unstyle-list ul li {
margin-bottom: 0.5rem;
}
.bg-bottom {
background-position: bottom !important;
}
.bg-center {
background-position: center !important;
}
.bg-left {
background-position: left !important;
}
.bg-left-bottom {
background-position: left bottom !important;
}
.bg-left-top {
background-position: left top !important;
}
.bg-right {
background-position: right !important;
}
.bg-right-bottom {
background-position: right bottom;
}
.bg-right-top {
background-position: right top !important;
}
.bg-top {
background-position: top !important;
}
.bg-repeat {
background-repeat: repeat !important;
}
.bg-no-repeat {
background-repeat: no-repeat !important;
}
.bg-repeat-x {
background-repeat: repeat-x !important;
}
.bg-repeat-y {
background-repeat: repeat-y !important;
}
.bg-auto {
background-size: auto !important;
}
.bg-cover {
background-size: cover !important;
}
.bg-contain {
background-size: contain !important;
}
.bg-dark {
background-color: var(--body_color);
}
.bg-white {
background-color: var(--white);
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
.container,
.container-sm {
max-width: calc(100% - 2.5em);
position: relative;
}
.splide-item .container {
max-width: calc(100% - 9em)
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: calc(100% - 2.5em)
}
.splide-item .container {
max-width: calc(100% - 9em)
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: calc(100% - 2.5em)
}
.splide-item .container {
max-width: calc(100% - 9em)
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: calc(100% - 2.5em)
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: calc(100% - 9em)
}
}
@media screen and (min-width: 2260px) {
.container {
max-width: 2100px;
}
.splide-item .container {
max-width: calc(100% - 9em)
}
.navbar.navbar-main.navbar-expand-xl.navbar-theme-default.sr-navbar .container-fluid{
max-width: 2100px;
}
.sr-hero-01 .container, .sr-hero-01 .container-sm, .sr-hero-01 .container-md, .sr-hero-01 .container-lg, .sr-hero-01 .container-xl {
max-width: 2260px;
}
.navbar .navbar-nav .dropdown .dropdown-menu.megamenu {
padding: 185px 14.5rem 100px!important;
}
}
.card:not([class*="col-"]),
.sr-cards-pricing-01 .card,
.sr-cards-testimonial-slider-01 .slickSliderItem,
.sr-hero-02 .hero-feature,
.sr-faq-01 .faq-item,
.sr-faq-01 .faq-item::before,
.sr-faq-01 .faq-item::after,
.sr-cards-categories-01 .card-item-content,
.sr-offer-one-col-01 .form-wrapper,
.sr-cards-filter-01 .item .item-inner:not(:hover),
.sr-cards-image-01 .item-card,
.sr-tabs-accordion-01 .accordion_group,
.sr-cards-team-02 .team-member,
.sr-cards-testimonial-grid-01 .card,
.sr-style-guide .guide-nav,
.sr-cards-filter-02-item a:hover .item-card,
.modal-content,
.sr-sticky-breadcrumb,
.sr-sticky-breadcrumb-categories,
.ng-blog-wrapper,
.sr-social-share.sr-social-share,
.blog-related-posts .article-panel .article-content,
.email-prefs .item .item-inner,
.sr-cards-features-01 .features > div,
.sr-card,
.sr-cards-articles-02 .article-item a,
.sr-two-col-features-02 .media,
.sr-cards-logos-01 .media,
.sr-cards-pricing-02 .col-md-4,
.sr-cards-slider-01 .feat-slider .slick-slide,
.sr-cards-team .team-card,
.sr-cards-testimonial-grid-02 .team-card,
.sr-conversational-form-01-form-inner,
.hero-form-01 .sr-form,
.sr-job-listing-01 .listing-wrapper ul li,
.sr-offer-faux-modal-01 .well,
.sr-offer-two-col-03 .form-wrapper,
.sr-padding-half .area-bottom:after,
.sr-padding-full .area-bottom:after,
.sr-padding-zero .area-bottom:after,
.area-bottom,
.sr-one-col-02-item > div,
.sr-social-tweet-01-content,
.sr-tabs-slider-02 .slickSliderItem,
.sr-three-col-features-01 .feature-list ul li,
.sr-two-col-features .link-wrapper:hover,
.pillar-nav-toc-01 .pillar-nav-toc-01-list li a,
.pillar-nav-toc-02 .pillar-nav-toc-02-list li a {
}
.card,
.sr-hero-02 .hero-feature,
.sr-cards-categories-01 .card-item,
.sr-cards-grid-02 .card,
.sr-cards-filter-01 .item .item-inner,
.sr-contact-01 section.sr-location,
.sr-cards-image-01 .item-card:hover,
.sr-cards-pricing-01 .card,
.sr-cards-pricing-01 .card .featured_text,
.sr-tabs-accordion-01 .accordion_header,
.sr-tabs-accordion-01 .accordion_content,
.sr-cards-team-02 .team-member,
.sr-cards-testimonial-grid-01 .card,
.sr-cards-steps-01 .card-content,
.modal-content,
.sr-sticky-breadcrumb-heading,
.article-list-subscribe,
.sr-sticky-breadcrumb-categories,
.sr-social-share.sr-social-share,
.email-prefs .item .item-inner,
.sr-two-col-features-02 .media,
.sr-cards-features-01 .features > div,
.sr-cards-logos-01 .media,
.sr-cards-pricing-02 .col-md-4,
.sr-cards-slider-01 .feat-slider .slick-slide,
.sr-cards-team .team-card,
.sr-cards-testimonial-grid-02 .team-card,
.sr-job-listing-01 .listing-wrapper ul li,
.sr-one-col-02-item > div,
.sr-social-tweet-01-content,
.sr-tabs-slider-02 .slickSliderItem,
.sr-three-col-features-01 .feature-list ul li,
.sr-two-col-features .link-wrapper:hover,
.pillar-nav-toc-01 .pillar-nav-toc-01-list li a,
.pillar-nav-toc-02 .pillar-nav-toc-02-list li a,
.sr-cards-steps-01 .card-content,
.sr-cards-steps-02 .card-content,
.sr-footer-02 .footer-item {
border-color: #e5e7ea;
}
.email-prefs .item .item-inner * {
color: inherit;
}
.close {
text-shadow: none;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-primary {
color: #fff;
background-color: #FF8439;
border-color: #FF8439;
}
.btn-primary:hover {
color: #fff;
background-color: #FF8439;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
background-color: #FF8439;
filter: brightness(90%);
}
.btn-wrapper.btn-primary-wrapper .cta_button,
.btn-wrapper.btn-primary-wrapper .cta-button,
.btn-wrapper.btn-primary-wrapper input[type="button"],
input[type=submit].hs-button.primary,
input[type=submit].hs-button.btn-primary {
color: #fff;
background-color: #FF8439;
border-color: #FF8439;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-primary {
color: #FF8439;
background-color: transparent;
border-color: #FF8439;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button,
.btn-wrapper.btn-outline-primary-wrapper .cta-button,
.btn-wrapper.btn-outline-primary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-primary-wrapper input[type="button"] {
color: #FF8439;
background-color: transparent;
border-color: #FF8439;
}
.btn-wrapper.btn-outline-primary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-primary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-primary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-primary-wrapper input[type="button"]:hover {
color: #FF8439;
background-color: transparent;
border-color: #FF8439;
/* color: #fff;
background-color: #FF8439;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-primary {
color: #FF8439 !important;
}
.text-primary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-primary {
background-color: #FF8439 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-primary {
border-color: #FF8439 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-secondary {
color: #fff;
background-color: #00E277;
border-color: #00E277;
}
.btn-secondary:hover {
color: #fff;
background-color: #00E277;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary.focus,
.btn-secondary:focus {
background-color: #00E277;
filter: brightness(90%);
}
.btn-wrapper.btn-secondary-wrapper .cta_button,
.btn-wrapper.btn-secondary-wrapper .cta-button,
.btn-wrapper.btn-secondary-wrapper input[type="button"],
input[type=submit].hs-button.secondary,
input[type=submit].hs-button.btn-secondary {
color: #fff;
background-color: #00E277;
border-color: #00E277;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-secondary {
color: #00E277;
background-color: transparent;
border-color: #00E277;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button,
.btn-wrapper.btn-outline-secondary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-secondary-wrapper input[type="button"] {
color: #00E277;
background-color: transparent;
border-color: #00E277;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-secondary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-secondary-wrapper input[type="button"]:hover {
color: #00E277;
background-color: transparent;
border-color: #00E277;
/* color: #fff;
background-color: #00E277;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-secondary {
color: #00E277 !important;
}
.text-secondary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-secondary {
background-color: #00E277 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-secondary {
border-color: #00E277 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-tertiary {
color: #fff;
background-color: #003E25;
border-color: #003E25;
}
.btn-tertiary:hover {
color: #fff;
background-color: #003E25;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-tertiary:not(:disabled):not(.disabled).active,
.btn-tertiary:not(:disabled):not(.disabled):active,
.show>.btn-tertiary.dropdown-toggle,
.btn-tertiary.focus,
.btn-tertiary:focus {
background-color: #003E25;
filter: brightness(90%);
}
.btn-wrapper.btn-tertiary-wrapper .cta_button,
.btn-wrapper.btn-tertiary-wrapper .cta-button,
.btn-wrapper.btn-tertiary-wrapper input[type="button"],
input[type=submit].hs-button.tertiary,
input[type=submit].hs-button.btn-tertiary {
color: #fff;
background-color: #003E25;
border-color: #003E25;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-tertiary {
color: #003E25;
background-color: transparent;
border-color: #003E25;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="submit"],
.btn-wrapper.btn-outline-tertiary-wrapper input[type="button"] {
color: #003E25;
background-color: transparent;
border-color: #003E25;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-tertiary-wrapper input[type="button"]:hover {
color: #003E25;
background-color: transparent;
border-color: #003E25;
/* color: #fff;
background-color: #003E25;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-tertiary {
color: #003E25 !important;
}
.text-tertiary :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-tertiary {
background-color: #003E25 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-tertiary {
border-color: #003E25 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-success {
color: #fff;
background-color: #00173A;
border-color: #00173A;
}
.btn-success:hover {
color: #fff;
background-color: #00173A;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle,
.btn-success.focus,
.btn-success:focus {
background-color: #00173A;
filter: brightness(90%);
}
.btn-wrapper.btn-success-wrapper .cta_button,
.btn-wrapper.btn-success-wrapper .cta-button,
.btn-wrapper.btn-success-wrapper input[type="button"],
input[type=submit].hs-button.success,
input[type=submit].hs-button.btn-success {
color: #fff;
background-color: #00173A;
border-color: #00173A;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-success {
color: #00173A;
background-color: transparent;
border-color: #00173A;
}
.btn-wrapper.btn-outline-success-wrapper .cta_button,
.btn-wrapper.btn-outline-success-wrapper .cta-button,
.btn-wrapper.btn-outline-success-wrapper input[type="submit"],
.btn-wrapper.btn-outline-success-wrapper input[type="button"] {
color: #00173A;
background-color: transparent;
border-color: #00173A;
}
.btn-wrapper.btn-outline-success-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-success-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-success-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-success-wrapper input[type="button"]:hover {
color: #00173A;
background-color: transparent;
border-color: #00173A;
/* color: #fff;
background-color: #00173A;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-success {
color: #00173A !important;
}
.text-success :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-success {
background-color: #00173A !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-success {
border-color: #00173A !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-info {
color: #fff;
background-color: #009CE9;
border-color: #009CE9;
}
.btn-info:hover {
color: #fff;
background-color: #009CE9;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle,
.btn-info.focus,
.btn-info:focus {
background-color: #009CE9;
filter: brightness(90%);
}
.btn-wrapper.btn-info-wrapper .cta_button,
.btn-wrapper.btn-info-wrapper .cta-button,
.btn-wrapper.btn-info-wrapper input[type="button"],
input[type=submit].hs-button.info,
input[type=submit].hs-button.btn-info {
color: #fff;
background-color: #009CE9;
border-color: #009CE9;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-info {
color: #009CE9;
background-color: transparent;
border-color: #009CE9;
}
.btn-wrapper.btn-outline-info-wrapper .cta_button,
.btn-wrapper.btn-outline-info-wrapper .cta-button,
.btn-wrapper.btn-outline-info-wrapper input[type="submit"],
.btn-wrapper.btn-outline-info-wrapper input[type="button"] {
color: #009CE9;
background-color: transparent;
border-color: #009CE9;
}
.btn-wrapper.btn-outline-info-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-info-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-info-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-info-wrapper input[type="button"]:hover {
color: #009CE9;
background-color: transparent;
border-color: #009CE9;
/* color: #fff;
background-color: #009CE9;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-info {
color: #009CE9 !important;
}
.text-info :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-info {
background-color: #009CE9 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-info {
border-color: #009CE9 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-warning {
color: #fff;
background-color: #FAED98;
border-color: #FAED98;
}
.btn-warning:hover {
color: #fff;
background-color: #FAED98;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle,
.btn-warning.focus,
.btn-warning:focus {
background-color: #FAED98;
filter: brightness(90%);
}
.btn-wrapper.btn-warning-wrapper .cta_button,
.btn-wrapper.btn-warning-wrapper .cta-button,
.btn-wrapper.btn-warning-wrapper input[type="button"],
input[type=submit].hs-button.warning,
input[type=submit].hs-button.btn-warning {
color: #fff;
background-color: #FAED98;
border-color: #FAED98;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-warning {
color: #FAED98;
background-color: transparent;
border-color: #FAED98;
}
.btn-wrapper.btn-outline-warning-wrapper .cta_button,
.btn-wrapper.btn-outline-warning-wrapper .cta-button,
.btn-wrapper.btn-outline-warning-wrapper input[type="submit"],
.btn-wrapper.btn-outline-warning-wrapper input[type="button"] {
color: #FAED98;
background-color: transparent;
border-color: #FAED98;
}
.btn-wrapper.btn-outline-warning-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-warning-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-warning-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-warning-wrapper input[type="button"]:hover {
color: #FAED98;
background-color: transparent;
border-color: #FAED98;
/* color: #fff;
background-color: #FAED98;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-warning {
color: #FAED98 !important;
}
.text-warning :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-warning {
background-color: #FAED98 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-warning {
border-color: #FAED98 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-danger {
color: #fff;
background-color: #FF3442;
border-color: #FF3442;
}
.btn-danger:hover {
color: #fff;
background-color: #FF3442;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle,
.btn-danger.focus,
.btn-danger:focus {
background-color: #FF3442;
filter: brightness(90%);
}
.btn-wrapper.btn-danger-wrapper .cta_button,
.btn-wrapper.btn-danger-wrapper .cta-button,
.btn-wrapper.btn-danger-wrapper input[type="button"],
input[type=submit].hs-button.danger,
input[type=submit].hs-button.btn-danger {
color: #fff;
background-color: #FF3442;
border-color: #FF3442;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-danger {
color: #FF3442;
background-color: transparent;
border-color: #FF3442;
}
.btn-wrapper.btn-outline-danger-wrapper .cta_button,
.btn-wrapper.btn-outline-danger-wrapper .cta-button,
.btn-wrapper.btn-outline-danger-wrapper input[type="submit"],
.btn-wrapper.btn-outline-danger-wrapper input[type="button"] {
color: #FF3442;
background-color: transparent;
border-color: #FF3442;
}
.btn-wrapper.btn-outline-danger-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-danger-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-danger-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-danger-wrapper input[type="button"]:hover {
color: #FF3442;
background-color: transparent;
border-color: #FF3442;
/* color: #fff;
background-color: #FF3442;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-danger {
color: #FF3442 !important;
}
.text-danger :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-danger {
background-color: #FF3442 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-danger {
border-color: #FF3442 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-light {
color: #fff;
background-color: #C8C8C8;
border-color: #C8C8C8;
}
.btn-light:hover {
color: #fff;
background-color: #C8C8C8;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light.focus,
.btn-light:focus {
background-color: #C8C8C8;
filter: brightness(90%);
}
.btn-wrapper.btn-light-wrapper .cta_button,
.btn-wrapper.btn-light-wrapper .cta-button,
.btn-wrapper.btn-light-wrapper input[type="button"],
input[type=submit].hs-button.light,
input[type=submit].hs-button.btn-light {
color: #fff;
background-color: #C8C8C8;
border-color: #C8C8C8;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-light {
color: #C8C8C8;
background-color: transparent;
border-color: #C8C8C8;
}
.btn-wrapper.btn-outline-light-wrapper .cta_button,
.btn-wrapper.btn-outline-light-wrapper .cta-button,
.btn-wrapper.btn-outline-light-wrapper input[type="submit"],
.btn-wrapper.btn-outline-light-wrapper input[type="button"] {
color: #C8C8C8;
background-color: transparent;
border-color: #C8C8C8;
}
.btn-wrapper.btn-outline-light-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-light-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-light-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-light-wrapper input[type="button"]:hover {
color: #C8C8C8;
background-color: transparent;
border-color: #C8C8C8;
/* color: #fff;
background-color: #C8C8C8;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-light {
color: #C8C8C8 !important;
}
.text-light :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-light {
background-color: #C8C8C8 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-light {
border-color: #C8C8C8 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-dark {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-dark:hover {
color: #fff;
background-color: #171717;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle,
.btn-dark.focus,
.btn-dark:focus {
background-color: #171717;
filter: brightness(90%);
}
.btn-wrapper.btn-dark-wrapper .cta_button,
.btn-wrapper.btn-dark-wrapper .cta-button,
.btn-wrapper.btn-dark-wrapper input[type="button"],
input[type=submit].hs-button.dark,
input[type=submit].hs-button.btn-dark {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-dark {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-dark-wrapper .cta_button,
.btn-wrapper.btn-outline-dark-wrapper .cta-button,
.btn-wrapper.btn-outline-dark-wrapper input[type="submit"],
.btn-wrapper.btn-outline-dark-wrapper input[type="button"] {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-dark-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-dark-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-dark-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-dark-wrapper input[type="button"]:hover {
color: #171717;
background-color: transparent;
border-color: #171717;
/* color: #fff;
background-color: #171717;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-dark {
color: #171717 !important;
}
.text-dark :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-dark {
background-color: #171717 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-dark {
border-color: #171717 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-white {
color: #fff;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-white:hover {
color: #fff;
background-color: #ffffff;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle,
.btn-white.focus,
.btn-white:focus {
background-color: #ffffff;
filter: brightness(90%);
}
.btn-wrapper.btn-white-wrapper .cta_button,
.btn-wrapper.btn-white-wrapper .cta-button,
.btn-wrapper.btn-white-wrapper input[type="button"],
input[type=submit].hs-button.white,
input[type=submit].hs-button.btn-white {
color: #fff;
background-color: #ffffff;
border-color: #ffffff;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-white {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.btn-wrapper.btn-outline-white-wrapper .cta_button,
.btn-wrapper.btn-outline-white-wrapper .cta-button,
.btn-wrapper.btn-outline-white-wrapper input[type="submit"],
.btn-wrapper.btn-outline-white-wrapper input[type="button"] {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
}
.btn-wrapper.btn-outline-white-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-white-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="button"]:hover {
color: #ffffff;
background-color: transparent;
border-color: #ffffff;
/* color: #fff;
background-color: #ffffff;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-white {
color: #ffffff !important;
}
.text-white :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-white {
background-color: #ffffff !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-white {
border-color: #ffffff !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-black {
color: #fff;
background-color: #000000;
border-color: #000000;
}
.btn-black:hover {
color: #fff;
background-color: #000000;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-black:not(:disabled):not(.disabled).active,
.btn-black:not(:disabled):not(.disabled):active,
.show>.btn-black.dropdown-toggle,
.btn-black.focus,
.btn-black:focus {
background-color: #000000;
filter: brightness(90%);
}
.btn-wrapper.btn-black-wrapper .cta_button,
.btn-wrapper.btn-black-wrapper .cta-button,
.btn-wrapper.btn-black-wrapper input[type="button"],
input[type=submit].hs-button.black,
input[type=submit].hs-button.btn-black {
color: #fff;
background-color: #000000;
border-color: #000000;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-black {
color: #000000;
background-color: transparent;
border-color: #000000;
}
.btn-wrapper.btn-outline-black-wrapper .cta_button,
.btn-wrapper.btn-outline-black-wrapper .cta-button,
.btn-wrapper.btn-outline-black-wrapper input[type="submit"],
.btn-wrapper.btn-outline-black-wrapper input[type="button"] {
color: #000000;
background-color: transparent;
border-color: #000000;
}
.btn-wrapper.btn-outline-black-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-black-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-black-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-black-wrapper input[type="button"]:hover {
color: #000000;
background-color: transparent;
border-color: #000000;
/* color: #fff;
background-color: #000000;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-black {
color: #000000 !important;
}
.text-black :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-black {
background-color: #000000 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-black {
border-color: #000000 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-borders {
color: #fff;
background-color: #e5e7ea;
border-color: #e5e7ea;
}
.btn-borders:hover {
color: #fff;
background-color: #e5e7ea;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-borders:not(:disabled):not(.disabled).active,
.btn-borders:not(:disabled):not(.disabled):active,
.show>.btn-borders.dropdown-toggle,
.btn-borders.focus,
.btn-borders:focus {
background-color: #e5e7ea;
filter: brightness(90%);
}
.btn-wrapper.btn-borders-wrapper .cta_button,
.btn-wrapper.btn-borders-wrapper .cta-button,
.btn-wrapper.btn-borders-wrapper input[type="button"],
input[type=submit].hs-button.borders,
input[type=submit].hs-button.btn-borders {
color: #fff;
background-color: #e5e7ea;
border-color: #e5e7ea;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-borders {
color: #e5e7ea;
background-color: transparent;
border-color: #e5e7ea;
}
.btn-wrapper.btn-outline-borders-wrapper .cta_button,
.btn-wrapper.btn-outline-borders-wrapper .cta-button,
.btn-wrapper.btn-outline-borders-wrapper input[type="submit"],
.btn-wrapper.btn-outline-borders-wrapper input[type="button"] {
color: #e5e7ea;
background-color: transparent;
border-color: #e5e7ea;
}
.btn-wrapper.btn-outline-borders-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-borders-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-borders-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-borders-wrapper input[type="button"]:hover {
color: #e5e7ea;
background-color: transparent;
border-color: #e5e7ea;
/* color: #fff;
background-color: #e5e7ea;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-borders {
color: #e5e7ea !important;
}
.text-borders :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-borders {
background-color: #e5e7ea !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-borders {
border-color: #e5e7ea !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_bg {
color: #fff;
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.btn-body_bg:hover {
color: #fff;
background-color: #FFFFFF;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-body_bg:not(:disabled):not(.disabled).active,
.btn-body_bg:not(:disabled):not(.disabled):active,
.show>.btn-body_bg.dropdown-toggle,
.btn-body_bg.focus,
.btn-body_bg:focus {
background-color: #FFFFFF;
filter: brightness(90%);
}
.btn-wrapper.btn-body_bg-wrapper .cta_button,
.btn-wrapper.btn-body_bg-wrapper .cta-button,
.btn-wrapper.btn-body_bg-wrapper input[type="button"],
input[type=submit].hs-button.body_bg,
input[type=submit].hs-button.btn-body_bg {
color: #fff;
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-body_bg {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF;
}
.btn-wrapper.btn-outline-body_bg-wrapper .cta_button,
.btn-wrapper.btn-outline-body_bg-wrapper .cta-button,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="submit"],
.btn-wrapper.btn-outline-body_bg-wrapper input[type="button"] {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF;
}
.btn-wrapper.btn-outline-body_bg-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-body_bg-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-body_bg-wrapper input[type="button"]:hover {
color: #FFFFFF;
background-color: transparent;
border-color: #FFFFFF;
/* color: #fff;
background-color: #FFFFFF;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_bg {
color: #FFFFFF !important;
}
.text-body_bg :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-body_bg {
background-color: #FFFFFF !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_bg {
border-color: #FFFFFF !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-body_color {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-body_color:hover {
color: #fff;
background-color: #171717;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-body_color:not(:disabled):not(.disabled).active,
.btn-body_color:not(:disabled):not(.disabled):active,
.show>.btn-body_color.dropdown-toggle,
.btn-body_color.focus,
.btn-body_color:focus {
background-color: #171717;
filter: brightness(90%);
}
.btn-wrapper.btn-body_color-wrapper .cta_button,
.btn-wrapper.btn-body_color-wrapper .cta-button,
.btn-wrapper.btn-body_color-wrapper input[type="button"],
input[type=submit].hs-button.body_color,
input[type=submit].hs-button.btn-body_color {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-body_color {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-body_color-wrapper .cta_button,
.btn-wrapper.btn-outline-body_color-wrapper .cta-button,
.btn-wrapper.btn-outline-body_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-body_color-wrapper input[type="button"] {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-body_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-body_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-body_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-body_color-wrapper input[type="button"]:hover {
color: #171717;
background-color: transparent;
border-color: #171717;
/* color: #fff;
background-color: #171717;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-body_color {
color: #171717 !important;
}
.text-body_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-body_color {
background-color: #171717 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-body_color {
border-color: #171717 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-heading {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-heading:hover {
color: #fff;
background-color: #171717;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-heading:not(:disabled):not(.disabled).active,
.btn-heading:not(:disabled):not(.disabled):active,
.show>.btn-heading.dropdown-toggle,
.btn-heading.focus,
.btn-heading:focus {
background-color: #171717;
filter: brightness(90%);
}
.btn-wrapper.btn-heading-wrapper .cta_button,
.btn-wrapper.btn-heading-wrapper .cta-button,
.btn-wrapper.btn-heading-wrapper input[type="button"],
input[type=submit].hs-button.heading,
input[type=submit].hs-button.btn-heading {
color: #fff;
background-color: #171717;
border-color: #171717;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-heading {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-heading-wrapper .cta_button,
.btn-wrapper.btn-outline-heading-wrapper .cta-button,
.btn-wrapper.btn-outline-heading-wrapper input[type="submit"],
.btn-wrapper.btn-outline-heading-wrapper input[type="button"] {
color: #171717;
background-color: transparent;
border-color: #171717;
}
.btn-wrapper.btn-outline-heading-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-heading-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-heading-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-heading-wrapper input[type="button"]:hover {
color: #171717;
background-color: transparent;
border-color: #171717;
/* color: #fff;
background-color: #171717;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-heading {
color: #171717 !important;
}
.text-heading :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-heading {
background-color: #171717 !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-heading {
border-color: #171717 !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_color {
color: #fff;
background-color: #0c63ff;
border-color: #0c63ff;
}
.btn-link_color:hover {
color: #fff;
background-color: #0c63ff;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-link_color:not(:disabled):not(.disabled).active,
.btn-link_color:not(:disabled):not(.disabled):active,
.show>.btn-link_color.dropdown-toggle,
.btn-link_color.focus,
.btn-link_color:focus {
background-color: #0c63ff;
filter: brightness(90%);
}
.btn-wrapper.btn-link_color-wrapper .cta_button,
.btn-wrapper.btn-link_color-wrapper .cta-button,
.btn-wrapper.btn-link_color-wrapper input[type="button"],
input[type=submit].hs-button.link_color,
input[type=submit].hs-button.btn-link_color {
color: #fff;
background-color: #0c63ff;
border-color: #0c63ff;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-link_color {
color: #0c63ff;
background-color: transparent;
border-color: #0c63ff;
}
.btn-wrapper.btn-outline-link_color-wrapper .cta_button,
.btn-wrapper.btn-outline-link_color-wrapper .cta-button,
.btn-wrapper.btn-outline-link_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-link_color-wrapper input[type="button"] {
color: #0c63ff;
background-color: transparent;
border-color: #0c63ff;
}
.btn-wrapper.btn-outline-link_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-link_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-link_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-link_color-wrapper input[type="button"]:hover {
color: #0c63ff;
background-color: transparent;
border-color: #0c63ff;
/* color: #fff;
background-color: #0c63ff;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_color {
color: #0c63ff !important;
}
.text-link_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-link_color {
background-color: #0c63ff !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_color {
border-color: #0c63ff !important;;
}
/* ----------------------------------------------------------------------------------- */
/* Button color classes */
/* ----------------------------------------------------------------------------------- */
.btn-link_hover_color {
color: #fff;
background-color: #0da6ff;
border-color: #0da6ff;
}
.btn-link_hover_color:hover {
color: #fff;
background-color: #0da6ff;
/*filter: brightness(120%);
font-style: italic;*/
}
/*p a:hover, ul.dropdown-menu li.dropdown-submenu a.dropdown-item:hover, ul.subsubmenu li.megamenu-child a:hover, ul li.hs-menu-item a:hover {
font-style: italic;
}*/
.btn-link_hover_color:not(:disabled):not(.disabled).active,
.btn-link_hover_color:not(:disabled):not(.disabled):active,
.show>.btn-link_hover_color.dropdown-toggle,
.btn-link_hover_color.focus,
.btn-link_hover_color:focus {
background-color: #0da6ff;
filter: brightness(90%);
}
.btn-wrapper.btn-link_hover_color-wrapper .cta_button,
.btn-wrapper.btn-link_hover_color-wrapper .cta-button,
.btn-wrapper.btn-link_hover_color-wrapper input[type="button"],
input[type=submit].hs-button.link_hover_color,
input[type=submit].hs-button.btn-link_hover_color {
color: #fff;
background-color: #0da6ff;
border-color: #0da6ff;
}
.btn-wrapper .cta_button:hover {
}
.btn-outline-link_hover_color {
color: #0da6ff;
background-color: transparent;
border-color: #0da6ff;
}
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta_button,
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta-button,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="submit"],
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="button"] {
color: #0da6ff;
background-color: transparent;
border-color: #0da6ff;
}
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-link_hover_color-wrapper input[type="button"]:hover {
color: #0da6ff;
background-color: transparent;
border-color: #0da6ff;
/* color: #fff;
background-color: #0da6ff;*/
}
/* ----------------------------------------------------------------------------------- */
/* Text color classes */
/* ----------------------------------------------------------------------------------- */
.text-link_hover_color {
color: #0da6ff !important;
}
.text-link_hover_color :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
color: inherit;
}
/* ----------------------------------------------------------------------------------- */
/* Background color classes */
/* ----------------------------------------------------------------------------------- */
.bg-link_hover_color {
background-color: #0da6ff !important;
}
/* ----------------------------------------------------------------------------------- */
/* Border color classes */
/* ----------------------------------------------------------------------------------- */
.border-link_hover_color {
border-color: #0da6ff !important;;
}
.text-custom :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, label span, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li) {
color: inherit;
}
.btn-wrapper.btn-white-wrapper .cta_button,
.btn-wrapper.btn-white-wrapper .cta-button,
.btn-wrapper.btn-white-wrapper input[type="submit"],
.btn-wrapper.btn-white-wrapper input[type="button"],
.btn-white,
.btn-wrapper.btn-danger-wrapper .cta_button,
.btn-wrapper.btn-danger-wrapper .cta-button,
.btn-wrapper.btn-danger-wrapper input[type="button"],
input[type=submit].hs-button.danger, input[type=submit].hs-button.btn-danger,
.btn-wrapper.btn-light-wrapper .cta_button,
.btn-wrapper.btn-light-wrapper .cta-button,
.btn-wrapper.btn-light-wrapper input[type="button"],
input[type=submit].hs-button.light, input[type=submit].hs-button.btn-light,
.btn-wrapper.btn-secondary-wrapper .cta_button,
.btn-wrapper.btn-secondary-wrapper .cta-button,
.btn-wrapper.btn-secondary-wrapper input[type="button"],
input[type=submit].hs-button.secondary,
input[type=submit].hs-button.btn-secondary,
.btn-wrapper.btn-info-wrapper .cta_button,
.btn-wrapper.btn-info-wrapper .cta-button,
.btn-wrapper.btn-info-wrapper input[type="submit"],
.btn-wrapper.btn-info-wrapper input[type="button"],
.btn-info,
.btn-wrapper.btn-primary-wrapper .cta_button,
.btn-wrapper.btn-primary-wrapper .cta-button,
.btn-wrapper.btn-primary-wrapper input[type="submit"],
.btn-wrapper.btn-primary-wrapper input[type="button"],
.btn-primary,
.btn-wrapper.btn-primarylight-wrapper .cta_button,
.btn-wrapper.btn-primarylight-wrapper .cta-button,
.btn-wrapper.btn-primarylight-wrapper input[type="submit"],
.btn-wrapper.btn-primarylight-wrapper input[type="button"],
.btn-primarylight,
.btn-wrapper.btn-primary-light-wrapper .cta_button,
.btn-wrapper.btn-primary-light-wrapper .cta-button,
.btn-wrapper.btn-primary-light-wrapper input[type="submit"],
.btn-wrapper.btn-primary-light-wrapper input[type="button"],
.btn-primary-light,
.btn-wrapper.btn-warning-wrapper .cta_button,
.btn-wrapper.btn-warning-wrapper .cta-button,
.btn-wrapper.btn-warning-wrapper input[type="submit"],
.btn-wrapper.btn-warning-wrapper input[type="button"],
.btn-warning
{
color: #171717 !important;
}
.btn-wrapper.btn-outline-white-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-white-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="submit"]:hover,
.btn-wrapper.btn-outline-white-wrapper input[type="button"]:hover,
.btn-outline-white:hover {
color: var(--white);
}
/* PRIMARY LIGHT TEMP FIX*/
.btn-wrapper.btn-primarylight-wrapper .cta_button,
.btn-wrapper.btn-primarylight-wrapper .cta-button,
.btn-wrapper.btn-primarylight-wrapper input[type="submit"],
.btn-wrapper.btn-primarylight-wrapper input[type="button"],
.btn-primarylight,
.btn-wrapper.btn-primary-light-wrapper .cta_button,
.btn-wrapper.btn-primary-light-wrapper .cta-button,
.btn-wrapper.btn-primary-light-wrapper input[type="submit"],
.btn-wrapper.btn-primary-light-wrapper input[type="button"],
.btn-primary-light{
background: var(--primarylight);
border-color: var(--primarylight);
}
.btn.btn-xs,
.btn-wrapper.btn-wrapper-xs .cta_button,
.btn-wrapper.btn-wrapper-xs .cta-button,
.btn-wrapper.btn-wrapper-xs input[type="submit"],
.btn-wrapper.btn-wrapper-xs input[type="button"],
.btn.btn-xs:hover,
.btn-wrapper.btn-wrapper-lg .cta_button:hover,
.btn-wrapper.btn-wrapper-lg .cta-button:hover {
min-height: 1.8687500000000001rem;
padding: 0 1.125rem;
font-size: 0.75rem;
}
.btn.btn-sm,
.btn-wrapper.btn-wrapper-sm .cta_button,
.btn-wrapper.btn-wrapper-sm .cta-button,
.btn-wrapper.btn-wrapper-sm input[type="submit"],
.btn-wrapper.btn-wrapper-sm input[type="button"],
.btn.btn-sm:hover,
.btn-wrapper.btn-wrapper-sm .cta_button:hover,
.btn-wrapper.btn-wrapper-sm .cta-button:hover {
min-height: calc(3.1875rem * .75);
padding: 0 calc(2.25rem * .75);
font-size: calc(1rem * .75);
overflow: hidden;
border-radius: 100em;
}
.btn.btn-sm:hover,
.btn-wrapper.btn-wrapper-sm .cta_button:hover,
.btn-wrapper.btn-wrapper-sm .cta-button:hover {
padding: 0 calc(1.25rem * .75) 0 calc(3.25rem * .75);
transition: all .25s ease-out;
}
.btn.btn-sm:before,
.btn-wrapper.btn-wrapper-sm .cta_button:before,
.btn-wrapper.btn-wrapper-sm .cta-button:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23000000' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: calc(1.25rem * .75);
height: calc(1.25rem * .75);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(-1.25rem * .75);
transition: all .25s ease-out;
opacity: 0;
}
.btn.btn-sm:hover::before,
.btn-wrapper.btn-wrapper-sm .cta_button:hover::before,
.btn-wrapper.btn-wrapper-sm .cta-button:hover::before {
left: calc(1.25rem * .75);
transition: all .25s ease-out;
opacity: 1;
}
.btn.btn-md,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta_button,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta-button,
.btn-wrapper.btn-wrapper-md input[type="submit"],
.btn-wrapper.btn-wrapper-md input[type="button"],
.btn.btn-md:hover,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta_button:hover,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta-button:hover {
min-height: 3.1875rem;
padding: 0.75rem 2.25rem;
overflow: hidden;
}
.btn.btn-md:hover,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta_button:hover,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta-button:hover {
padding: 0.75rem 1.25rem 0.75rem 3.25rem;
transition: all .25s ease-out;
}
.btn.btn-md:before,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta_button:before,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta-button:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23000000' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -1.25rem;
transition: all .25s ease-out;
opacity: 0;
}
.btn.btn-md:hover::before,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta_button:hover::before,
.btn-wrapper.btn-wrapper-md:not(.btn-none-wrapper) .cta-button:hover::before {
left: 1.25rem;
transition: all .25s ease-out;
opacity: 1;
}
.btn.btn-lg,
.btn-wrapper.btn-wrapper-lg .cta_button,
.btn-wrapper.btn-wrapper-lg .cta-button,
.btn-wrapper.btn-wrapper-lg input[type="submit"],
.btn-wrapper.btn-wrapper-lg input[type="button"],
.btn.btn-lg:hover,
.btn-wrapper.btn-wrapper-lg .cta_button:hover,
.btn-wrapper.btn-wrapper-lg .cta-button:hover {
min-height: calc(3.1875rem * 1.4);
padding: 0 calc(2.25rem * 1.4);
font-size: calc(1rem * 1.4);
overflow: hidden;
border-radius: 100em;
}
.btn.btn-lg:hover,
.btn-wrapper.btn-wrapper-lg .cta_button:hover,
.btn-wrapper.btn-wrapper-lg .cta-button:hover {
padding: 0 calc(1.25rem * 1.4) 0 calc(3.25rem * 1.4);
transition: all .25s ease-out;
}
.btn.btn-lg:before,
.btn-wrapper.btn-wrapper-lg .cta_button:before,
.btn-wrapper.btn-wrapper-lg .cta-button:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23000000' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
width: calc(1.25rem * 1.4);
height: calc(1.25rem * 1.4);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: calc(-1.25rem * 1.4);
transition: all .25s ease-out;
opacity: 0;
}
.btn.btn-lg:hover::before,
.btn-wrapper.btn-wrapper-lg .cta_button:hover::before,
.btn-wrapper.btn-wrapper-lg .cta-button:hover::before {
left: calc(1.25rem * 1.4);
transition: all .25s ease-out;
opacity: 1;
}
.btn-wrapper.btn-none-wrapper .cta_button,
.btn-wrapper.btn-none-wrapper .cta-button {
padding: 0 !important;
min-height: auto!important;
border: none;
font-weight: inherit;
position: relative;
}
.btn-wrapper.btn-none-wrapper .cta-button:hover {
text-decoration: underline;
}
.text-white .btn-wrapper.btn-outline-wrapper .cta-button:before,
.btn-wrapper.btn-outline-white-wrapper .cta-button:before,
.btn-wrapper.btn-tertiary-wrapper .cta-button:before,
.btn-wrapper.btn-outline-white-wrapper .cta-button:before,
.btn-wrapper.btn-black-wrapper .cta-button:before,
.btn-wrapper.btn-success-wrapper .cta-button:before,
.btn-wrapper.btn-dark-wrapper .cta-button:before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='white' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-primary-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23FF8439' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-secondary-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%2300E277' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-tertiary-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23003E25' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-dark-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23171717' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-light-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23C8C8C8' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-success-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%2300173A' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-info-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23009CE9' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-warning-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23FAED98' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
.btn-wrapper.btn-outline-danger-wrapper .cta-button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 21.1 11.5' viewBox='0 0 21.1 11.5'%3E%3Cpath fill='%23FF3442' d='M.5 6.3h18.9L15 10.7c-.2.2-.2.5 0 .7.2.2.5.2.7 0L21 6.1c.2-.2.2-.5 0-.7L15.7.1c-.2-.1-.5-.1-.7.1-.2.2-.2.5 0 .7l4.4 4.4H.5c-.3 0-.5.2-.5.5s.2.5.5.5z'/%3E%3C/svg%3E") !important;
}
/* Override for primary button */
/* Override for secondary button */
/* Override for tertiary button */
/* ----------------------------------------------------------------------------------- */
/* HubSpot Forms */
/* ----------------------------------------------------------------------------------- */
form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 20px;
}
.hs-form-field {
flex: 1;
}
.hs-form-field, .hs-form-field ~ .hs-form-field,
.hs-form .hs_error_rollup {
flex-basis: 100%;
}
fieldset .hs-form-field {
flex-basis: auto;
}
.hs-form-field {
position: relative;
display: flex;
flex-direction: column;
text-align: left;
}
.hs-form-field > * {
order: 2;
}
.hs-form-field + div .hs-main-font-element {
margin-top: 2rem;
}
fieldset {
width: 100%;
font-size: 1rem;
max-width: none !important;
}
fieldset > div .input {
margin: 0 !important;
}
fieldset.form-columns-1 .hs-input:not([type=checkbox]):not([type=radio]),
fieldset div {
width: 100% !important
}
fieldset {
display: flex;
gap: 24px;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
fieldset {
flex-direction: row;
}
fieldset div {
flex: 1;
}
}
@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
:not(.hs-video-form) .form-columns-2 .hs-form-field .hs-input,
:not(.hs-video-form) .form-columns-3 .hs-form-field .hs-input {
width: 100% !important
}
}
form#email-prefs-form input.email-edit.hs-input {
width: 100% !important;
}
.hs-error-msg,
.hs-error-msgs li {
font-size: .75rem;
line-height: 1.2;
color: #FF3442;
margin-bottom: 0.5rem;
}
.hs-form .hs_error_rollup {
order: 99;
}
input#hs-pwd-widget-password {
width: 100%;
height: initial !important;
padding: .6rem;
margin-bottom: 1rem;
margin-top: 1rem !important;
}
::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #171717;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #171717;
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #171717;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: #171717;
}
::placeholder {
/* Most modern browsers support this now. */
color: #171717;
}
.error::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::-ms-input-placeholder {
/* Microsoft Edge */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.error::placeholder {
/* Most modern browsers support this now. */
color: {color=#FF3442, opacity=100, rgba=rgba(255, 52, 66, 1), rgb=rgb(255, 52, 66), hex=#FF3442, css=#FF3442};
}
.hs-field-desc {
font-size: .8em;
margin: 0 0 .5em;
}
select {
background-image: url('data:image/svg+xml; utf8, ');
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
line-height: 1;
height: 100%;
}
.inputs-list {
margin: 0;
padding: 0;
}
.inputs-list li {
list-style: none;
}
.hs-error-msgs {
order: 1;
}
.no-list {
list-style: none;
}
.no-list label {
display: inline;
}
.field > label,
.form-group label,
.field span,
.form-group span {
font-size: 1.0rem;
line-height: 1.35rem;
color: #171717;
margin: 0 0 0.3rem;
}
textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
font-size: 1rem;
line-height: 1rem;
color: #171717;
background-color: transparent;
min-height: 3.1875rem;
padding: 0 1em;
border: 1px solid #171717;
border-radius: 30px;
max-width: 100%;
width: 100%;
-webkit-appearance: none;
outline: none;
animation-timing-function: ease-in-out;
}
textarea:focus,
select:focus,
.form-control:focus,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
color: #171717;
border-color: #FF8439;
box-shadow: none;
}
textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
.hs-error-msg {
color: #FF3442;
border-color: #FF3442;
}
.sr-form [type="radio"]:checked,
.sr-form [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.sr-form [type="radio"]:checked + span,
.sr-form [type="radio"]:not(:checked) + span {
position: relative;
padding-left: 24px;
cursor: pointer;
line-height: 20px;
display: inline-block;
}
.sr-form [type="radio"]:checked + span:before,
.sr-form [type="radio"]:not(:checked) + span:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 16px;
height: 16px;
border: 1px solid #e5e7ea;
border-radius: 100%;
background: #fff;
}
.sr-form [type="radio"]:checked + span:after,
.sr-form [type="radio"]:not(:checked) + span:after {
content: '';
width: 8px;
height: 8px;
background: #FF8439;
position: absolute;
top: 5px;
left: 4px;
border-radius: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.sr-form [type="radio"]:not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.sr-form [type="radio"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sr-form [type="checkbox"]:checked,
.sr-form [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.sr-form [type="checkbox"]:checked + span,
.sr-form [type="checkbox"]:not(:checked) + span {
position: relative;
padding-left: 24px;
cursor: pointer;
line-height: 20px;
display: inline-block;
margin-left: 0!important;
font-size: 0.75em;
margin-top: 5px;
}
.sr-form [type="checkbox"]:checked + span:before,
.sr-form [type="checkbox"]:not(:checked) + span:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 16px;
height: 16px;
margin-top: 3px;
border: 1px solid #e5e7ea;
border-radius: 4px;
}
body.text-dark .sr-form [type="checkbox"]:checked + span:before,
body.text-dark .sr-form [type="checkbox"]:not(:checked) + span:before {
border-color: #171717;
}
.sr-form [type="checkbox"]:checked + span:before {
background: #FF8439;
border: 1px solid #FF8439;
}
.sr-form [type="checkbox"]:checked + span:after,
.sr-form [type="checkbox"]:not(:checked) + span:after {
content: url('data:image/svg+xml; utf8, ');
width: 10px;
height: 8px;
position: absolute;
top: 0;
left: 3px;
transition: all .2s ease;
}
.sr-form [type="checkbox"]:not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.sr-form [type="checkbox"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.sr-form [type=file]::file-selector-button,
.sr-form [type=file]::-webkit-file-upload-button {
border-radius: 30px;
border: none;
padding: 0.25rem 1rem;
margin-right: 1rem;
cursor: pointer
}
.sr-form [type=file]::file-selector-button:hover,
.sr-form [type=file]::-webkit-file-upload-button:hover {
/*filter: brightness(90%);*/
}
textarea {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
min-height: 100px;
}
.form-control-lg,
.form-wrapper-lg input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 3.75rem;
font-size: 1.25rem
padding: 0 15px;
}
.form-control-md,
.form-wrapper-md input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 3.5rem;
font-size: 1.125rem
padding: 0 15px;
}
.form-control-sm,
.form-wrapper-sm input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
min-height: 2.875rem;
font-size: 0.75rem
padding: 0 15px;
}
.form-control-lg input[type=submit].hs-button.primary,
.form-control-lg input[type=submit].hs-button.secondary,
.form-wrapper-lg input[type=submit].hs-button.primary,
.form-wrapper-lg input[type=submit].hs-button.secondary {
min-height: 3.75rem;
padding: 0 1.875rem !important;
font-size: 1.5rem
}
.form-control-md input[type=submit].hs-button.primary,
.form-control-md input[type=submit].hs-button.secondary,
.form-wrapper-md input[type=submit].hs-button.primary,
.form-wrapper-md input[type=submit].hs-button.secondary {
min-height: 3.5rem;
padding: 0 1.5625rem !important;
font-size: 1.125rem
}
.form-control-sm input[type=submit].hs-button.primary,
.form-control-sm input[type=submit].hs-button.secondary,
.form-wrapper-sm input[type=submit].hs-button.primary,
.form-wrapper-sm input[type=submit].hs-button.secondary {
min-height: 2.875rem;
padding: 0 1.125rem !important;
font-size: 0.75rem
}
/* TWODAY FORM STYLING */
.twoday-form-wrapper label {
margin-bottom: .65rem;
}
.twoday-form-wrapper .legal-consent-container {
padding: 0;
}
.twoday-form-wrapper .hs-richtext {
font-size: 1rem;
}
.twoday-form-wrapper .legal-consent-container .hs-richtext {
padding: 0 0 1rem 0;
font-size: .875rem;
}
.twoday-form-wrapper .hs-field-desc {
margin: 0 0 .15rem 0;
font-size: .875rem;
}
.twoday-form-wrapper .legal-consent-container label {
margin-bottom: 0;
cursor: pointer;
}
.twoday-form-wrapper input::placeholder, .twoday-form-wrapper textarea::placeholder {
opacity: 0;
}
.twoday-form-wrapper input[type="radio"] {
height: 17px !important;
width: 17px !important;
margin-right: 1rem;
}
.twoday-form-wrapper input[type="checkbox"] {
height: 17px !important;
width: 17px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
display: -ms-grid;
display: grid;
place-content: center;
border: 1px solid var(--black);
border-radius: 2px;
margin-top: 2px;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.twoday-form-wrapper input[type="checkbox"]:checked,
.twoday-form-wrapper input[type="checkbox"]:checked {
background-color: var(--black);
}
.twoday-form-wrapper input[type="checkbox"]::before,
.twoday-form-wrapper input[type="checkbox"]::before {
content: "";
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
}
.twoday-form-wrapper input[type="checkbox"]:checked::before,
.twoday-form-wrapper input[type="checkbox"]:checked::before {
opacity: 1;
}
.twoday-form-wrapper input[type="checkbox"]::before,
.twoday-form-wrapper input[type="checkbox"]::before {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
background-image: url("data:image/svg+xml,%3Csvg viewBox='-0.75 -0.75 25.5 25.5' xmlns='http://www.w3.org/2000/svg' stroke-width='3'%3E%3Cpath d='M23.25.749,8.158,22.308a2.2,2.2,0,0,1-3.569.059L.75,17.249' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
width: 11px;
height: 11px;
}
.twoday-form-wrapper .hs-form-field:not(.hs-fieldtype-booleancheckbox) ul.hs-error-msgs {
position: absolute;
top: calc(100% - .8rem);
right: 0.5rem;
}
.twoday-form-wrapper ul.hs-error-msgs {
order: 3;
width: fit-content;
height: auto;
background: var(--dark);
padding: 0.25rem 0.75rem;
border-radius: 15px;
}
.twoday-form-wrapper ul.hs-error-msgs li, .twoday-form-wrapper ul.hs-error-msgs li label.hs-error-msg {
color: var(--white) !important;
}
.twoday-form-wrapper ul.hs-error-msgs li:last-child {
margin-bottom: 0;
}
.twoday-form-wrapper textarea,
.twoday-form-wrapper select,
.twoday-form-wrapper .form-control,
.twoday-form-wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
.twoday-form-wrapper input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
border-radius: 15px;
color: #171717;
border-color: #171717;
}
.twoday-form-wrapper textarea:focus,
.twoday-form-wrapper select:focus,
.twoday-form-wrapper .form-control:focus,
.twoday-form-wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
.twoday-form-wrapper input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
color: #171717;
border-color: #171717;
box-shadow: 0 0 0 1px inset #171717;
transition: box-shadow .2s ease;
}
.twoday-form-wrapper .field > label,
.twoday-form-wrapper .form-group label,
.twoday-form-wrapper .field span,
.twoday-form-wrapper .form-group span {
font-size: 0.875rem;
}
.text-white .twoday-form-wrapper select option {
color: #171717 !important;
}
.twoday-form-wrapper select {
background-size: 14px;
background-image: url("data:image/svg+xml; utf8, ");
}
.text-white .twoday-form-wrapper select {
background-image: url("data:image/svg+xml; utf8, ");
}
.twoday-form-wrapper .hs-form-checkbox, .twoday-form-wrapper .hs-form-booleancheckbox {
display: flex;
flex-basis: 100%;
}
.twoday-form-wrapper .hs-form-checkbox input, .twoday-form-wrapper .hs-form-booleancheckbox input {
display: inline-flex;
margin-right: 1rem;
margin-top: 0;
}
.twoday-form-wrapper .hs-form-checkbox label, .twoday-form-wrapper .hs-form-booleancheckbox label {
cursor: pointer;
display: flex;
align-items: center;
}
.twoday-form-wrapper .hs-form-checkbox label span, .twoday-form-wrapper .hs-form-booleancheckbox label span {
margin: 0;
}
.twoday-form-wrapper .hs-form-radio label {
cursor: pointer;
display: flex;
align-items: center;
}
.twoday-form-wrapper .hs-form-radio label span {
margin: 0;
}
/* MULTICOL */
.sr-multicol-media iframe,
.sr-multicol-media video {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
}
.sr-multicol-media .section-heading {
margin: 0 0 1.25rem;
padding: 0;
}
.sr-multicol-media .responsive-video-file {
max-width: 100%;
position: relative;
z-index: 9;
}
.sr-multicol-media .responsive-image img {
z-index: 1;
position: relative;
max-width: 100%;
height: auto;
}
.sr-multicol-media .col-heading {
padding: 0;
}
.sr-multicol-media.sr-bg-image .sr-col {
padding: 6.25rem 4rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border-right: solid 1px #e5e7ea;
border-right: solid 1px var(--borders);
}
.sr-multicol-media.sr-bg-image .sr-col:last-of-type {
border-right: none;
}
.sr-multicol-media.sr-bg-image .sr-col .form-control {
padding: 3.125rem 0 0;
}
.sr-multicol-media.sr-bg-image .sr-col::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.sr-multicol-media.sr-bg-image .sr-col .content-wrapper,
.cta-group {
position: relative;
z-index: 2;
}
.description p:last-child {
margin-bottom: 0;
}
.twoday-hero-module-container .description p {
margin-bottom: 1em;
}
.chevron-left.slick-arrow,
.chevron-right.slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
z-index: 1;
cursor: pointer;
}
.chevron-right.slick-arrow {
right: 2rem
}
.chevron-left.slick-arrow {
left:2rem
}
.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
padding-right: 0;
padding-top: 2rem;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
bottom: 0;
margin: 0;
}
.slick-dots button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
text-indent: -9999px;
-webkit-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
margin: 4px;
box-shadow: 0 0 0 4px transparent;
background: #0C63FF;
background: var(--primary);
}
.slick-dots li.slick-active button {
background-color: transparent !important;
box-shadow: 0 0 0 2px #0C63FF;
box-shadow: 0 0 0 2px var(--primary);
}
.sr-bg-video,
.sr-bg-video-wrapper {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
background-size: cover;
overflow: hidden;
object-fit: cover;
}
.oembed_container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.iframe_wrapper {
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
}
.oembed_container_iframe {
height: 100%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.oembed_custom-thumbnail,
.oembed_custom-thumbnail:hover,
.oembed_custom-thumbnail:focus,
.oembed_custom-thumbnail:active {
align-items: center;
appearance: none;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
border: none;
display: flex;
height: 100%;
justify-content: center;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.oembed_custom-thumbnail_icon {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
width: 100%;
}
.oembed_custom-thumbnail_icon svg {
display: block;
height: auto;
width: 12%;
}
/* SVGs in IE11 require the max-width to be set to non in order to display scaling properly */
_:-ms-fullscreen, :root .oembed_custom-thumbnail_icon svg {
max-width: none;
}
.oembed_custom-thumbnail--hide {
display: none;
}
.embed_container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.embed_container iframe {
left: 0;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.oembed-info {
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
top:auto;
width:1px;
}
/* Placeholder styles */
:not(.hs-inline-edit) .hs-placeholder {
display: none;
}
.hs-inline-edit .hs-placeholder {
background-color: #f5f8fa !important;
border: 1px dashed #516f90 !important;
display: block !important;
font-size: 14px !important;
margin: 2px 1px !important;
outline: 1px dashed #fff !important;
text-align: center !important;
}
.hs-placeholder > * {
box-sizing: border-box !important;
display: block !important;
margin: 1px !important;
padding: 12px !important;
width: calc(100% - 2px) !important;
}
.hs-placeholder__title {
color: #7c98b6 !important;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
font-size: 14px !important;
font-style: italic !important;
font-weight: 700 !important;
line-height: initial !important;
margin-bottom: 10px !important;
margin-top: 0 !important;
padding: 0 !important;
text-shadow: 0 -1px 0 hsla(0,0%,100%,.5) !important;
}
.hs-placeholder__description {
color: #7c98b6 !important;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif !important;
font-style: italic !important;
font-weight: 400 !important;
line-height: 1.6 !important;
margin: 0 !important;
text-shadow: 0 -1px 0 hsla(0,0%,100%,.5) !important;
}
.sr-multicol-media.text-white .col-subheading,
.sr-multicol-media.text-white .col-heading,
.sr-multicol-media.text-white .col-content,
.sr-multicol-media.text-light .col-subheading,
.sr-multicol-media.text-light .col-heading,
.sr-multicol-media.text-light .col-content,
.sr-multicol-media.text-dark .col-subheading,
.sr-multicol-media.text-dark .col-heading,
.sr-multicol-media.text-dark .col-content,
.sr-multicol-media.text-primary .col-subheading,
.sr-multicol-media.text-primary .col-heading,
.sr-multicol-media.text-primary .col-content,
.sr-multicol-media.text-secondary .col-subheading,
.sr-multicol-media.text-secondary .col-heading,
.sr-multicol-media.text-secondary .col-content,
.sr-multicol-media.text-tertiary .col-subheading,
.sr-multicol-media.text-tertiary .col-heading,
.sr-multicol-media.text-tertiary .col-content description {
color: inherit;
}
ul.slick-dots,
footer ul,
.sr-two-col-07 .sr-feature-check {
list-style-image: none;
}
.lang_switcher_class {
display: block !important;
}
.lang_list_class {
list-style: none;
}
body { opacity: 1 }
body > .container-fluid {
overflow: hidden;
}
/* Add sticky class to navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position */
.is-sticky {
position: fixed;
top: 0;
}
.is-hidden {
display: none;
}