/* Theme base styles */ /* INCLUDE THE VARIABLES AT THE TOP OF THE FILE, AS IT'S USED IN ALL STYLESHEETS BELOW */ /* Generic This is where reset, normalize & box-sizing styles go. */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } *, *:before, *:after { box-sizing: border-box; } /* Components Specific pieces of UI that are stylized. Typically used for global partial styling */ .bg-primary, .bg-primary-hover:hover, .bg-primary-active.active, .icon-bg-primary svg { background-color: #162958; } .bg-primary a:hover, .bg-primary a:focus, .bg-primary a:active { color: #80F9E2; } .bg-secondary, .bg-secondary-hover:hover, .bg-secondary-active.active, .icon-bg-secondary svg { background-color: #80F9E2; } .bg-secondary-2, .bg-secondary-2-hover:hover, .bg-secondary-2-active.active, .icon-bg-secondary-2 svg { background-color: #E3C5A7; } .bg-secondary-3, .bg-secondary-3-hover:hover, .bg-secondary-3-active.active, .icon-bg-secondary-3 svg { background-color: #EEF2F6; } .bg-background, .bg-background-hover:hover, .bg-background-active.active, .icon-bg-background svg { background-color: #F5F7FA; } .bg-dark, .bg-dark-hover:hover, .bg-dark-active.active, .icon-bg-dark svg { background-color: #061027; } .bg-light, .bg-light-hover:hover, .bg-light-active.active, .icon-bg-light svg { background-color: #EEF2F6; } .bg-white, .bg-white-hover:hover, .bg-white-active.active, .icon-bg-white svg { background-color: #ffffff; } .text-primary, .text-primary-hover:hover, .text-primary-hover:hover h1, .text-primary-hover:hover h2, .text-primary-hover:hover h3, .text-primary-hover:hover h4, .text-primary-hover:hover h5, .text-primary-hover:hover h6, .text-primary-hover:hover p, .text-primary-hover:hover ul, .text-primary-hover:hover li, .text-primary-hover:hover a, .text-primary-hover:hover i, .text-primary-active.active, .text-primary-active.active h1, .text-primary-active.active h2, .text-primary-active.active h3, .text-primary-active.active h4, .text-primary-active.active h5, .text-primary-active.active h6, .text-primary-active.active p, .text-primary-active.active ul, .text-primary-active.active li, .text-primary-active.active a, .text-primary-active.active i, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary p, .text-primary ul, .text-primary li, .text-primary a, .text-primary i, h1.text-primary, h2.text-primary, h3.text-primary, h4.text-primary, h5.text-primary, h6.text-primary, p.text-primary, ul.text-primary, li.text-primary, a.text-primary, i.text-primary { color: #162958; } .text-primary svg, .text-primary-hover:hover svg, .text-primary-active.active svg, svg.text-primary { fill: #162958; } .text-secondary, .text-secondary-hover:hover, .text-secondary-hover:hover h1, .text-secondary-hover:hover h2, .text-secondary-hover:hover h3, .text-secondary-hover:hover h4, .text-secondary-hover:hover h5, .text-secondary-hover:hover h6, .text-secondary-hover:hover p, .text-secondary-hover:hover ul, .text-secondary-hover:hover li, .text-secondary-hover:hover a, .text-secondary-hover:hover i, .text-secondary-active.active, .text-secondary-active.active h1, .text-secondary-active.active h2, .text-secondary-active.active h3, .text-secondary-active.active h4, .text-secondary-active.active h5, .text-secondary-active.active h6, .text-secondary-active.active p, .text-secondary-active.active ul, .text-secondary-active.active li, .text-secondary-active.active a, .text-secondary-active.active i, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary p, .text-secondary ul, .text-secondary li, .text-secondary a, .text-secondary i, h1.text-secondary, h2.text-secondary, h3.text-secondary, h4.text-secondary, h5.text-secondary, h6.text-secondary, p.text-secondary, ul.text-secondary, li.text-secondary, a.text-secondary, i.text-secondary { color: #80F9E2; } .text-secondary svg, .text-secondary-hover:hover svg, .text-secondary-active.active svg, svg.text-secondary { fill: #80F9E2; } .text-secondary-2, .text-secondary-2-hover:hover, .text-secondary-2-hover:hover h1, .text-secondary-2-hover:hover h2, .text-secondary-2-hover:hover h3, .text-secondary-2-hover:hover h4, .text-secondary-2-hover:hover h5, .text-secondary-2-hover:hover h6, .text-secondary-2-hover:hover p, .text-secondary-2-hover:hover ul, .text-secondary-2-hover:hover li, .text-secondary-2-hover:hover a, .text-secondary-2-hover:hover i, .text-secondary-2-active.active, .text-secondary-2-active.active h1, .text-secondary-2-active.active h2, .text-secondary-2-active.active h3, .text-secondary-2-active.active h4, .text-secondary-2-active.active h5, .text-secondary-2-active.active h6, .text-secondary-2-active.active p, .text-secondary-2-active.active ul, .text-secondary-2-active.active li, .text-secondary-2-active.active a, .text-secondary-2-active.active i, .text-secondary-2 h1, .text-secondary-2 h2, .text-secondary-2 h3, .text-secondary-2 h4, .text-secondary-2 h5, .text-secondary-2 h6, .text-secondary-2 p, .text-secondary-2 ul, .text-secondary-2 li, .text-secondary-2 a, .text-secondary-2 i, h1.text-secondary-2, h2.text-secondary-2, h3.text-secondary-2, h4.text-secondary-2, h5.text-secondary-2, h6.text-secondary-2, p.text-secondary-2, ul.text-secondary-2, li.text-secondary-2, a.text-secondary-2, i.text-secondary-2 { color: #E3C5A7; } .text-secondary-2 svg, .text-secondary-2-hover:hover svg, .text-secondary-2-active.active svg, svg.text-secondary-2 { fill: #E3C5A7; } .text-secondary-3, .text-secondary-3-hover:hover, .text-secondary-3-hover:hover h1, .text-secondary-3-hover:hover h2, .text-secondary-3-hover:hover h3, .text-secondary-3-hover:hover h4, .text-secondary-3-hover:hover h5, .text-secondary-3-hover:hover h6, .text-secondary-3-hover:hover p, .text-secondary-3-hover:hover ul, .text-secondary-3-hover:hover li, .text-secondary-3-hover:hover a, .text-secondary-3-hover:hover i, .text-secondary-3-active.active, .text-secondary-3-active.active h1, .text-secondary-3-active.active h2, .text-secondary-3-active.active h3, .text-secondary-3-active.active h4, .text-secondary-3-active.active h5, .text-secondary-3-active.active h6, .text-secondary-3-active.active p, .text-secondary-3-active.active ul, .text-secondary-3-active.active li, .text-secondary-3-active.active a, .text-secondary-3-active.active i, .text-secondary-3 h1, .text-secondary-3 h2, .text-secondary-3 h3, .text-secondary-3 h4, .text-secondary-3 h5, .text-secondary-3 h6, .text-secondary-3 p, .text-secondary-3 ul, .text-secondary-3 li, .text-secondary-3 a, .text-secondary-3 i, h1.text-secondary-3, h2.text-secondary-3, h3.text-secondary-3, h4.text-secondary-3, h5.text-secondary-3, h6.text-secondary-3, p.text-secondary-3, ul.text-secondary-3, li.text-secondary-3, a.text-secondary-3, i.text-secondary-3 { color: #EEF2F6; } .text-secondary-3 svg, .text-secondary-3-hover:hover svg, .text-secondary-3-active.active svg, svg.text-secondary-3 { fill: #EEF2F6; } .text-dark, .text-dark-hover:hover, .text-dark-hover:hover h1, .text-dark-hover:hover h2, .text-dark-hover:hover h3, .text-dark-hover:hover h4, .text-dark-hover:hover h5, .text-dark-hover:hover h6, .text-dark-hover:hover p, .text-dark-hover:hover ul, .text-dark-hover:hover li, .text-dark-hover:hover a, .text-dark-hover:hover i, .text-dark-active.active, .text-dark-active.active h1, .text-dark-active.active h2, .text-dark-active.active h3, .text-dark-active.active h4, .text-dark-active.active h5, .text-dark-active.active h6, .text-dark-active.active p, .text-dark-active.active ul, .text-dark-active.active li, .text-dark-active.active a, .text-dark-active.active i, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark p, .text-dark ul, .text-dark li, .text-dark a, .text-dark i, h1.text-dark, h2.text-dark, h3.text-dark, h4.text-dark, h5.text-dark, h6.text-dark, p.text-dark, ul.text-dark, li.text-dark, a.text-dark, i.text-dark { color: #061027; } .text-dark svg, .text-dark-hover:hover svg, .text-dark-active.active svg, svg.text-dark { fill: #061027; } .text-light, .text-light-hover:hover, .text-light-hover:hover h1, .text-light-hover:hover h2, .text-light-hover:hover h3, .text-light-hover:hover h4, .text-light-hover:hover h5, .text-light-hover:hover h6, .text-light-hover:hover p, .text-light-hover:hover ul, .text-light-hover:hover li, .text-light-hover:hover a, .text-light-hover:hover i, .text-light-active.active, .text-light-active.active h1, .text-light-active.active h2, .text-light-active.active h3, .text-light-active.active h4, .text-light-active.active h5, .text-light-active.active h6, .text-light-active.active p, .text-light-active.active ul, .text-light-active.active li, .text-light-active.active a, .text-light-active.active i, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light ul, .text-light li, .text-light a, .text-light i, h1.text-light, h2.text-light, h3.text-light, h4.text-light, h5.text-light, h6.text-light, p.text-light, ul.text-light, li.text-light, a.text-light, i.text-light { color: #EEF2F6; } .text-light svg, .text-light-hover:hover svg, .text-light-active.active svg, svg.text-light { fill: #EEF2F6; } .text-white, .text-white-hover:hover, .text-white-hover:hover h1, .text-white-hover:hover h2, .text-white-hover:hover h3, .text-white-hover:hover h4, .text-white-hover:hover h5, .text-white-hover:hover h6, .text-white-hover:hover p, .text-white-hover:hover ul, .text-white-hover:hover li, .text-white-hover:hover a, .text-white-hover:hover i, .text-white-active.active, .text-white-active.active h1, .text-white-active.active h2, .text-white-active.active h3, .text-white-active.active h4, .text-white-active.active h5, .text-white-active.active h6, .text-white-active.active p, .text-white-active.active ul, .text-white-active.active li, .text-white-active.active a, .text-white-active.active i, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white ul, .text-white li, .text-white a, .text-white i, h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white, h6.text-white, p.text-white, ul.text-white, li.text-white, a.text-white, i.text-white { color: #ffffff; } .text-white svg, .text-white-hover:hover svg, .text-white-active.active svg, svg.text-white { fill: #ffffff; } /* Menu and simple menu */ .hs-menu-wrapper ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; } /* Horizontal menu */ .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { flex-direction: column; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; } } /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } /* CTA, logo, and rich text images */ .hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; } /* In-page editor UI */ .in-editor-ui-label { background: #fff; border: 1px dotted blue; color: #162958 !important; font-family: 'Courier New', Courier, monospace; font-weight: 300; padding: 10px 15px; } /* Tools/Utility classes */ .negative-scroll-position, a[data-hs-anchor="true"] { display: block; height: 1px; position: relative; top: -150px; width: 1px; z-index: -9999; } @font-face{ font-family:"DIN PRO Light"; src:url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/DINPro-Light.woff2') format("woff2"), url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/DINPro-Light.woff') format("woff"); } @font-face{ font-family:"DIN PRO Medium"; src:url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/DINPro-Medium.woff2') format("woff2"), url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/DINPro-Medium.woff') format("woff"); } @font-face{ font-family:"ITC-AvantGarde-Gothic-ProDemi1"; src:url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/ITCAvantGardeGothicProDemi1.woff2') format("woff2"), url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/fonts/ITCAvantGardeGothicProDemi1.woff') format("woff"); } .footer h4, .footer .fsize100em{font-family:"ITC-AvantGarde-Gothic-ProDemi1" !important;} .footer h4{font-size:26px} .footer { background-color: rgba(22, 41, 88, 1) ; /*background-image: url('https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/footer-shape.svg') !important;*/ background-size: contain; background-position: center; background-repeat: no-repeat; } .footer .row-1 .hs-form-field { margin-bottom: 0;} .footer .row-1{background:#112148;position:relative;padding-top:80px !important;} .footer .row-1:before{content:'';width:200%;position:absolute;left:-50%;top:0;height:100%;background:#112148;z-index:0;} .footer .row-1 .row-fluid {position:relative; z-index:1;} .footer .row-2 .row-fluid-wrapper > .row-fluid .dnd-column{width:20% !important} .footer .hs-tabs__scroll { overflow-x: visible !important;} .footer .hs-tabs__tab{border: none !important; background: transparent !important;padding-top:0 !important;padding-left:0 !important;padding-right:0 !important;margin-right:30px !important} .footer .hs-tabs__tab[aria-selected='true']:after{ border-bottom:1px solid #fff !important;} .footer .hs-tabs__tab[aria-selected='false']:after{ border-bottom:1px solid rgb(255,255,255,0) !important;} .footer .horizontal_tabs .hs-tabs__content {border-top: 1px solid rgb(255,255,255,.3) !important;border-bottom: 1px solid rgb(255,255,255,.3) !important; border-left: 1px solid rgb(255,255,255,.0) !important;border-right: 1px solid rgb(255,255,255,.0) !important;} .footer .hs-tabs__content__panel{padding:32px 0 0 0 !important} .footer .hs-tabs__content__panel ul{display:flex;flex-wrap:wrap;flex-direction:row;padding-left:0;margin-bottom:56px !important;gap: 0 !important;} .footer .hs-tabs__content__panel ul li{list-style:none;width:20%} @media screen and (max-width: 767px){ .footer .hs-tabs__scroll { overflow-x: scroll !important;} .footer .hs-tabs__scroll { margin-left: 0px !important;width: 100% !important;} .footer .hs-tabs__nudge{display:none !important} .footer .hs-tabs__tab-wrapper{gap:15px !important;} /* .footer .hs-tabs__tab-wrapper{width: 100% !important;gap:15px !important;max-width: none !important;} .footer .hs-tabs__tab{white-space: normal;align-self: end;margin-right:0!important;display: flex;} */ .footer .hs-tabs__content__panel ul{display:flex !important;flex-wrap:wrap !important;flex-direction: row;} .footer .hs-tabs__content__panel ul li:nth-child(odd){width:55% !important;padding-right:15px;} .footer .hs-tabs__content__panel ul li:nth-child(even){width:45% !important;padding-right:0px;} } .hs-landing-page .footer { background-size: cover; background-position: top center; } /* Footer Content */ .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer label, .footer span, .footer li, .footer img { color: #ffffff; } /* Footer Navigation */ .footer h5, .footer .fsize100em{ margin-bottom: 12px; font-size: 18px; } .footer .hs-menu-wrapper ul { margin: 0; display: block; } .footer .hs-menu-wrapper ul li.hs-menu-item { margin: 0 0 12px 0; padding: 0; } .footer .hs-menu-wrapper ul li.hs-menu-item a { color: #ffffff; font-family: DIN W05 Light, sans-serif; font-size: 18px; font-weight: 300; } .footer .hs-menu-wrapper ul li.hs-menu-item a:hover, .footer .hs-menu-wrapper ul li.hs-menu-item a:focus { text-decoration: none; color: #80F9E2; } .footer .dnd-module .hs_cos_wrapper_type_form{ background-color: transparent; border-radius: 0; padding: 0; } .footer form{ position: relative;max-width: 426px; } .footer form .hs-form-field > label{ display: none; } .footer form .hs-form-field .hs-input{ border-radius: 100px; font-size: 16px; line-height: 1; padding: 17px 24px; -webkit-appearance: none; display: block; width: 100%; outline: 0 none !important; border: 0 none !important; } .footer .hs-submit .hs-button{ border-radius: 100px; font-size: 16px; line-height: 1; padding: 17px 24px; -webkit-appearance: none; display: inline-block; color: #162958; background-color: #EEF2F6; position: absolute; top: 0; right: 0; border: 0 none; width: 136px; min-width: 136px; text-align: center; } .footer .hs-submit .hs-button, .footer form .hs-form-field .hs-input{height: 56px;} .footer .hs-submit .hs-button:hover { background-color: #DBE4ED; cursor: pointer; } .footer .hs-submit .hs-button:focus, .footer .hs-submit .hs-button:active { background-color: #B3C2D1; cursor: pointer; } @media(min-width: 767px){ .footer .row-3 .vertical-menu .hs-menu-wrapper.hs-menu-flow-vertical ul{display: flex; margin: 0; flex-direction: row; justify-content: space-between;} } @media(max-width: 767px){ .footer p{font-size:18px !important;} .footer h4.fsize135em{font-size:23px !important;} .footer h4.fsize135em.mobile-center-position{font-size:18px !important;text-align:center;margin-bottom:20px !important} .footer .row-1{padding-top:80px !important;} .footer .row-1 .span6:first-child{ text-align: center; margin-bottom: 24px; } .footer .row-1 .widget-type-linked_image{ width: 100%; } .footer .row-1 img{ width: 96px; display: block; margin: 0 auto; } .footer .row-2 {padding-top:80px !important;} .footer .row-2 .row-fluid{ display: flex; flex-wrap: wrap; } .footer .row-2 .row-fluid-wrapper > .row-fluid .dnd-column{width:100% !important;margin-bottom:48px !important;} .footer .row-2 .dnd-column ul, .footer .row-3 .vertical-menu .hs-menu-wrapper.hs-menu-flow-vertical ul{display:block !important;column-count: 2} .footer .row-2 .dnd-column ul li, .footer .row-3 .vertical-menu .hs-menu-wrapper.hs-menu-flow-vertical ul li{margin-bottom:16px !important;display:inline-block;float:left} .footer .row-3 p, .footer .row-3 li a {font-size:16px !important;} } .phone-menu{list-style:none;padding: 0 0 0 0px;justify-content: space-between;margin:0;display:flex;} .phone-menu svg{position:relative;top:3px;margin-right:5px;} .phone-menu a{font-size: 16px;} .altovita-social{padding-left:0 !important;display:flex;column-gap:35px} .altovita-social li{list-style:none;display:inline-block;} .altovita-social li img{max-width:32px !important;} @media (max-width: 767px){ .phone-menu { flex-wrap: wrap;justify-content:start;padding:0;row-gap: 25px} .phone-menu li{width:100%;} .altovita-social{column-gap:38px;justify-content: center;} .mobile-landing-footer .row-fluid-wrapper.dnd-section{padding: 80px 20px;} } .footer .horizontal_tabs .hs-tabs__tab{padding:10px 0px !important;} .footer .horizontal_tabs .hs-tabs__tab, .footer p, .footer li, .footer li a{color:#EEF2F6 !important;} .footer .horizontal_tabs .hs-tabs__tab[aria-selected='false'], .footer p, .footer li, .footer li a{font-weight:300 !important;font-family:'DIN W05 Light'!important} .footer .horizontal_tabs .hs-tabs__tab[aria-selected='true']{font-family:'DIN W05 Regular'!important} .footer li a:hover{color:#80f9e2 !important;} .Search-City.footer{font-family: DIN W05 Light!important;display:flex} .Search-City.footer:after{content: url(https://20052707.fs1.hubspotusercontent-na1.net/hubfs/20052707/AltoVita%202023/arrow-icon.svg); margin-left: 10px;} @media (min-width: 767px){ .Search-City.footer{position: absolute; right: 0; bottom: -56px; background: transparent;} } .Search-City.footer:after{filter: invert(100%) sepia(50%) saturate(7500%) hue-rotate(190deg) brightness(130%) contrast(102%);} body.no-scroll { overflow: hidden; } /* Sticky banner on the website to promote whitepaper */ #panel-sticky-banner{display: block;} .sticky-banner {width:100%; margin: 0; padding: 11px 0px 60px; color: #162958; text-align: center; background: #E3C5A7;position:fixed;z-index: 9999;} .sticky-banner .sticky-banner-wrapper{display: flex; justify-content: center;align-items:center; padding: 0px 20px;} .sticky-banner p{font-size:14px;margin-bottom:0;font-family:"ITC Avant Garde Gothic W01 Boo";display: flex;gap:20px;align-items:center;justify-content: center;z-index:1} .sticky-banner i{transition: all .65s cubic-bezier(.05,.2,.1,1)!important;} .sticky-banner .btn{padding:0px;white-space:nowrap;color:#162958;text-decoration:underline;border:none;} .sticky-banner .btn:hover{text-decoration:none;} /* .sticky-banner .btn{border:1px solid #162958;border-radius: 1000px;padding:8px 24px;margin-top:1px;margin-left: 10px;white-space:nowrap;} .sticky-banner .btn:hover{border:1px solid #162958;background:#162958;color:#fff;} */ .sticky-banner .close{cursor:pointer;margin-bottom:0!important;line-height:20px!important;font-size: 24px;position:absolute;right:15px;top:11px;z-index:2} .sticky-banner .close:hover i{ transform: scale(1.1);} #close-sticky-banner{padding-top:50px;} .top-level-menu-item:nth-child(4) .with-title .col-1-2-inner__cols{justify-content: start !important;} .top-level-menu-item:nth-child(4) .with-title .col-1-2-inner__cols .link-item{padding: 20px 30px 20px 10px;} @media (max-width: 1024px) { /* .sticky-banner{ text-align: left;} .sticky-banner .sticky-banner-wrapper{display:block;} .sticky-banner .btn a{margin:5px 0 0;display:inline-block;} .sticky-banner .close{top: calc(100% - 71px);} #close-sticky-banner{padding-top:90px;} */ } @media (max-width: 767px) { .sticky-banner .sticky-banner-wrapper p{width:90%;gap:10px;} .sticky-banner p{font-size:13px;} #close-sticky-banner{padding-top:50px;} } @media (max-width: 686px) { #close-sticky-banner{padding-top:60px;} } @media (max-width: 368px) { #close-sticky-banner{padding-top:65px;} } /* .header-top-bar { background-color: #EEF2F6; transition: all .5s ease; width: 100%; } .header-top-bar-inner { align-items: center; display: flex; flex: 1; flex-direction: row; justify-content: flex-end; padding: .4em 2em; text-align: right; } .header-top-bar-inner .header-cta { margin-left: 1em; } .header-top-bar-inner .header-cta .cta_button { border-width: 1px; } */ #main-content { padding-top: 96px; } @media (max-width: 1180px) { #main-content { padding-top: 96px; } } @media (max-width: 480px) { #main-content { padding-top: 96px; } } .header { display: flex; flex-direction: row; height: 96px; justify-content: center; transition: all .5s ease; width: 100%; z-index: 9999; } .header-transparent { background-color: transparent; position: absolute; } .header-sticky { position: fixed; } .header-solid { background-color: rgba(22, 41, 88, 1.0) ; } .header.scrolled { background-color: #ffffff; border-bottom: 1px solid #EEF2F6; } .header-inner { align-items: center; display: flex; justify-content: space-between; max-width: 1240px; width: 100vw; height: 100%; padding: 0 20px; } .header-inner .logo-container { display: flex; flex-direction: column; height: 100%; justify-content: center; position: relative; width: 25%; } .logo-container .dark-logo, .logo-container .light-logo { position: absolute; } .logo-container .dark-logo img, .logo-container .light-logo img { opacity: 0; } .transparent-light .logo-container .light-logo, .transparent-light .logo-container .light-logo img, .transparent-dark .logo-container .dark-logo, .transparent-dark .logo-container .dark-logo img, .header-solid .logo-container .dark-logo, .header-solid .logo-container .dark-logo img, .scrolled .dark-logo, .scrolled .dark-logo img { opacity: 1; } .transparent-dark .logo-container .light-logo, .transparent-dark .logo-container .light-logo img, .header-solid .logo-container .light-logo, .header-solid .logo-container .light-logo img, .transparent-light.scrolled .light-logo, .transparent-light.scrolled .light-logo img, .transparent-dark.scrolled .light-logo, .transparent-dark.scrolled .light-logo img, .header-solid.scrolled .light-logo img, .header-solid.scrolled .light-logo { opacity: 0; } .header-inner .menu-container { width: 75%; } .header-inner .menu-container--inner { align-items: center; display: flex; flex-direction: row-reverse; width: 100%; } .menu-container--cta { align-items: center; display: flex; justify-content: flex-end; } .transparent-light .header-inner .mobile-menu-icon { color: #ffffff; } .scrolled.transparent-light .header-inner .mobile-menu-icon, .transparent-dark .header-inner .mobile-menu-icon, .header-solid .header-inner .mobile-menu-icon { color: #80F9E2; } #mobile-menu-icon-open, #mobile-menu-icon-close { cursor: pointer; display: none; } #mobile-menu-icon-close { color: #80F9E2; } .header-inner .header-cta { margin-left: 1em; } /* Navigation skipper */ .header__skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .header__skip:hover, .header__skip:focus, .header__skip:active { height: auto; left: 0; overflow: visible; top: 0; width: auto; } /* Search bar */ .header-search { margin-bottom: 3px; } .header-search i { font-size: 1.2em; margin: 0.5em 0.5em 0 0; } .transparent-light .header-search i { color: #ffffff; } .scrolled.transparent-light .header-search a, .scrolled.transparent-light .header-search i { color: #80F9E2; } #site-search-modal { margin-top: 150px; max-width: 960px; vertical-align: top; } #site-search-modal .site-search-modal__inner { padding: 2em; } /* Navigation */ .navigation-primary { display: flex; justify-content: center; width: 100%; } .navigation-primary a { font-family: DIN W05 Light, sans-serif; font-size: 1em; line-height: 1em; } .navigation-primary a, .scrolled.transparent-light .navigation-primary a { color: #162958; } .transparent-light .navigation-primary a { color: #ffffff; } .navigation-primary a:hover, .navigation-primary a:focus, .navigation-primary a:active, .navigation-primary a.active-item { color: #80F9E2; position: relative; } .navigation-primary .submenu { list-style: none; margin: 0; padding: 0; } .navigation-primary .submenu a, .navigation-primary .submenu p { text-decoration: none; } .submenu-toggle { display: none; } .submenu.level-1 { display: inline-block; white-space: nowrap; } .submenu.level-1 > li { display: inline-block; margin-bottom: unset; padding: 15px 20px; } .header.transparent-light .submenu.level-1 > li { color: #ffffff; } .submenu.level-1 > li.has-submenu { position: relative; } .submenu.level-1 > li > a { position: relative; } .header.transparent-light .submenu.level-1 > li > a { color: #ffffff; } .header.scrolled .submenu.level-1 > li > a { color: #162958; } .submenu.level-1 > li:hover > a, .header.transparent-light .submenu.level-1 > li:hover > a, .header.transparent-dark .submenu.level-1 > li:hover > a, .header.solid .submenu.level-1 > li:hover > a, .header.scrolled .submenu.level-1 > li:hover > a { color: #80F9E2; } .submenu.level-1 > .has-submenu > .menu-arrow { color: #162958; display: none; height: 0; margin-left: 1px; position: absolute; right: 5px; top: 30px; width: 0; } .submenu.level-2 > .has-submenu > .menu-arrow { color: #162958; } .submenu.level-2 .has-submenu>.menu-link:after { color: #ffffff; content: "\f054"; font-family: "FontAwesome"; float: right; margin-right: -28px; width: 15px; height: 15px; transform: scale(.8); transition: all .3s ease-in-out !important; } .submenu.level-2 .has-submenu:hover > .menu-link:after { color: #80F9E2; } .submenu.level-2, .submenu.level-3 { border-radius: 0; box-shadow: 0 2px 9px 0 rgba(0,0,0,0.2); font-weight: 500; left: -9999px; opacity: 0; padding: .5em 0; position: absolute; text-transform: none; top: 100%; transform: translateX(-50%); width: auto; } .submenu.level-2 { background-color: #061027; } .submenu.level-3 { background-color: #ffffff; } .submenu.level-2 a, .scrolled.transparent-light .submenu.level-2 a { color: #ffffff; } .submenu.level-3 a, .scrolled.transparent-light .submenu.level-3 a { color: #162958; } .submenu.level-3 > li:first-child { font-weight: bold; } .submenu.level-2 > li:first-child > a, .submenu.level-3 > li:first-child > a { position: relative; z-index: 2; } .submenu.level-2 > li:first-child:before, .submenu.level-3 > li:first-child:before { background-color: #FFF; border-radius: 0; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); content: ''; display: none; height: 30px; margin-left: 20px; overflow: hidden; position: absolute; transform: rotate(45deg); transition: background-color 0.3s; width: 30px; z-index: 1; } .submenu.level-2 > li:first-child:before { display: none; top: -12px; left: calc(50% - 30px); } .submenu.level-3 > li:first-child:before { left: -30px; top: 15px; } .submenu.level-3 li:first-child a:after { content: ""; display: block; position: relative; top: .7em; height: 2px; width: 100%; border-bottom: 2px solid #80F9E2; } .submenu.level-2 > li:first-child:hover:before, .submenu.level-2 > li:first-child.focus:before { background-color: rgba(208, 210, 212, 1.0); transition: background-color 0.3s; } .submenu.level-2 > li, .submenu.level-3 > li { margin-bottom: 0; padding: 0; } .submenu.level-2 .menu-item .menu-link { display: block; font-size: 1em; padding: 0.75em 2em 0.75em 1em; transition: background-color 0.3s; } .submenu.level-2 .menu-item:first-of-type, .submenu.level-2 .menu-item:first-of-type .menu-link { border-radius: 0; } .submenu.level-2 .menu-item:last-of-type, .submenu.level-2 .menu-item:last-of-type .menu-link { border-radius: 0; } .submenu.level-2 > li:last-child, .submenu.level-2 > li:last-child .submenu, .submenu.level-3 > li:last-child, .submenu.level-3 > li:last-child .submenu { border-bottom: none; border-radius: 0; } .submenu.level-2 .menu-item .menu-link:hover, .submenu.level-2 .menu-item .menu-link:focus { color: #80F9E2; cursor: pointer; transition: all 0.3s; } .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .submenu.level-1 > li.has-submenu.focus .submenu.level-2 { left: 50%; opacity: 1; z-index: 3; } .submenu.level-2 > li.has-submenu { position: relative; } .submenu.level-2 > li.has-submenu:hover .submenu.level-3, .submenu.level-2 > li.has-submenu.focus .submenu.level-3 { left: 100%; opacity: 1; top: -.5em; transform: translateX(0); z-index: 2; } /* Animate dropdown menu */ nav.navigation-primary ul.level-1 > li:hover ul.level-2 { visibility: visible; opacity: 1; z-index: 0; } nav.navigation-primary ul.level-1 > li:hover ul.level-2 > li, nav.navigation-primary ul.level-2 > li:hover ul.level-3 > li { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } nav.navigation-primary ul.level-2 { visibility: hidden; opacity: 0; z-index: -1; } @-webkit-keyframes slideInLeft { from { transform: translate(-25%, 0); opacity: 0; } to { transform: translate(0, 0); opacity: 1; } } @keyframes slideInLeft { from { transform: translate(-25%, 0); opacity: 0; } to { transform: translate(0, 0); opacity: 1; } } /* Hide navigation dropdown in the inline editor */ .hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2, .hs-inline-edit > li.has-submenu.focus .submenu.level-2 { visibility: hidden; } #nav-toggle { display: none; } /* Header Button / CTA */ .header__btn{ margin-left:50px; } .header__btn button:hover{ background-color: #80F9E2; } .hs_cos_wrapper_type_cta { display: flex; align-items: flex-end; flex-direction: column; } .mega-menu-wrapper, .mega-menu-logo, .mobile-nav-wrapper, .mega-menu-menu, .mega-menu-ctas { display: flex; } .mega-menu-wrapper { align-items: center; height: 100%; justify-content: space-between; width: 100%; } .mobile-nav-wrapper { width: 100%; } .mega-menu-logo { max-width: 80px; background-color: #fff; padding: 20px 14px 0 14px; height: 100%; } /*****************************************************************************/ /*****************************************************************************/ /*********************** MOBILE STYLES **********************************/ /*****************************************************************************/ /*****************************************************************************/ /*--------------------------------------------------*/ /*------------------ 767px ------------------*/ /*--------------------------------------------------*/ @media (max-width: 767px) { .menu-arrow svg { fill: #162958; } } /*--------------------------------------------------*/ /*------------------ 992px ------------------*/ /*--------------------------------------------------*/ @media (max-width: 992px) { .header { height: 96px; } .header-inner { padding: 0 1em; } .header-inner .menu-container { width: 100vw; } .header-inner .menu-container--cta { padding-top: 1.3em; } .header .cta_button, .header.scrolled .cta_button { font-size: 12px !important; } .submenu.level-1>.has-submenu>.menu-arrow { display: block; } #site-search-modal .site-search-modal__inner { padding: 0; } } /*--------------------------------------------------*/ /*------------------ 1024px ------------------*/ /*--------------------------------------------------*/ @media (max-width: 1024px) { } /*--------------------------------------------------*/ /*------------------ 1180px ------------------*/ /*--------------------------------------------------*/ @media (min-width: 768px) and (max-width: 1180px) { #site-search-modal .site-search-modal__inner { padding: 1em .5em; } .navigation-primary a { font-size: 17px; } .submenu.level-1 > li { padding: 22px 15px; } .submenu.level-1 > li:last-child { padding-right: 22px; } .submenu.level-1 > .has-submenu > .menu-arrow { right: 30px; top: 15px; } .submenu.level-2 { left: 0; } } @media (min-width: 992px) and (max-width: 1180px) { .header-inner .menu-container { width: 50vw; } } @media (max-width: 1180px) { .header-top-bar { display: none; } .header { height: 96px; } .header-inner { padding: 0; max-width: 100vw; } .header-inner .menu-container { background-color: rgba(255,255,255,0.95); display: none; height: 100vh; overflow: scroll; position: absolute; right: 0; top: 0; } .header-inner .menu-container--inner { display: block; height: 100vh; padding-top: 1.1em; } .header-inner .menu-container.show { display: block; } .header-inner .menu-container .navigation-primary { display: block; } .header-inner .menu-container--menu, .header-inner .menu-container--cta { width: 100%; } .header-inner .menu-container--cta { justify-content: flex-start; padding: 0 0.5em 1.2em 0.5em; } .header-cta .button-wrapper { padding: 0; } #site-search-modal { margin-top: 75px; } .transparent-light .header-search a, .transparent-light .header-search i { color: #80F9E2; } .navigation-primary { display: block; } .navigation-primary a { color: #162958 !important; } .navigation-primary .submenu.level-1 > li > a.active-item:after { content: none; } .navigation-primary .submenu.level-1 > li > a.active-item:after { display: none; } .submenu > li > a { display: block; width: 100%; } .submenu > .has-submenu { position: relative; } .submenu > .has-submenu > a { width: 90%; } .submenu { display: none; } .header-inner .menu-container .navigation-primary .submenu.level-1 { width: 100%; } .header-inner .menu-container .submenu.level-1>li { display: block; } .header-inner .menu-container .navigation-primary .submenu.level-1 li { display: block; padding: 0.5em 1.5em; width: 100%; } .submenu.level-1>.has-submenu>.menu-arrow-bg, .submenu>.has-submenu>.menu-arrow-bg, .submenu .menu-arrow-bg:after { content: '\f078'; font-family: 'Font Awesome 6 Pro'; font-weight: 300; } input[type="checkbox"]:checked ~ .menu-arrow .menu-arrow-bg:after { content: '\f077'; } .submenu.level-1 > .has-submenu > .menu-arrow, .submenu > .has-submenu > .menu-arrow, .submenu .menu-arrow { background-position: center right 30px; background-repeat: no-repeat; background-size: 20px; border: none; cursor: pointer; display: block; height: 55px; position: absolute; right: 0; top: -3px; width: 10%; } input[type="checkbox"]:checked ~ .submenu { display: block; } .submenu.level-1 > .has-submenu > .menu-arrow-bg, .submenu > .has-submenu > .menu-arrow-bg, .submenu .menu-arrow-bg { background-repeat: no-repeat; display: block; height: 20px; margin-left: auto; margin-right: 27px; transition: transform 0.4s; width: 20px; } .submenu.level-2 .menu-arrow-bg { margin-right: 0; } .submenu.level-2 { background-color: transparent; border: none; box-shadow: none; opacity: 1; position: static; transform: unset; visibility: visible; width: 100%; z-index: 2; } .submenu.level-2>li, .submenu.level-3>li { border-bottom: none; } .submenu.level-2 > li:first-child:before { content: none; transition: none; } .submenu.level-2 > li:first-child:hover:before, .submenu.level-2 > li:first-child.focus:before { transition: none; } .submenu.level-2 .menu-item .menu-link { background-color: unset; font-size: .9em; padding: 0.2em 1em; transition: none; } .header-inner .menu-container .navigation-primary .submenu.level-2 li { padding: .5em 0; } .submenu.level-2 .has-submenu>.menu-link:after { display: none; } .submenu.level-2 .menu-item .menu-link:hover, .submenu.level-2 .menu-item .menu-link:focus { transition: none; } .submenu.level-2 .menu-item .menu-link:hover { background-color: inherit; } .submenu.level-3 { background-color: transparent; position: relative; left: 0 !important; margin: 0 !important; padding: .5em 0 .5em 0; width: 100%; box-shadow: unset; } .submenu.level-2 > li.has-submenu:hover .submenu.level-3, .submenu.level-2 > li.has-submenu.focus .submenu.level-3, .submenu.level-3 { top: 0; } .submenu.level-3 > li { background-color: inherit; padding: 0; } .submenu.level-3>li:first-child { font-weight: normal; } .submenu.level-3 li:first-child a:after { display: none; } .submenu.level-3 .menu-item .menu-link { padding: 7px 50px; } .submenu.level-2 a, .submenu.level-3 a { color: #061027; } nav.navigation-primary ul.level-2 { opacity: 1; visibility: visible; } nav.navigation-primary ul.level-1 > li:hover ul.level-2 > li, nav.navigation-primary ul.level-2 > li:hover ul.level-3 > li { -webkit-animation-name: unset; animation-name: unset; } } /* Elements Base HMTL elements are styled in this section (, ,

,