/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none} @charset "UTF-8"; /*! 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; } @font-face { font-family: "icon-font"; src: url(https://26083822.fs1.hubspotusercontent-eu1.net/hubfs/26083822/raw_assets/public/c60/fonts/icon-font.woff2) format("woff2"), url(https://26083822.fs1.hubspotusercontent-eu1.net/hubfs/26083822/raw_assets/public/c60/fonts/icon-font.woff) format("woff"); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-display: swap; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-chevron-right:before { content: "\"; } .icon-chevron-left:before { content: "\"; } .icon-chevron-up:before { content: "\"; } .icon-chevron-down:before { content: "\"; } .icon-play:before { content: "\"; } .icon-circle-checkmark:before { content: "\"; } .icon-circle-add:before { content: "\"; } .icon-calendly:before { content: "\"; } .icon-long-arrow-up:before { content: "\"; } .icon-long-arrow-down:before { content: "\"; } .icon-arrow-right:before { content: "\"; } .icon-arrow-left:before { content: "\"; } .icon-quote:before { content: "\"; } .icon-plus:before { content: "\"; } .icon-search:before { content: "\"; } .icon-facebook:before { content: "\"; } .icon-linkedin:before { content: "\"; } .icon-twitter:before { content: "\"; } .icon-double-chevron-left:before { content: "\"; } .icon-double-chevron-right:before { content: "\"; } .icon-fax:before { content: "\"; } .icon-phone:before { content: "\"; } .icon-email:before { content: "\"; } .icon-minus:before { content: "\"; } .icon-offsite-link:before { content: "\"; } .icon-checkmark:before { content: "\"; } .icon-circle-question:before { content: "\"; } .icon-long-arrow-right:before { content: "\"; } .icon-long-arrow-left:before { content: "\"; } .icon-double-right-arrow:before { content: "\"; } .icon-clock:before { content: "\"; } .icon-calendar:before { content: "\"; } .icon-sales:before { content: "\"; } .icon-production:before { content: "\"; } .icon-delivery:before { content: "\"; } .icon-materials:before { content: "\"; } .icon-star-full:before { content: "\"; } .icon-star-empty:before { content: "\"; } .icon-pin:before { content: "\"; } .icon-envelope:before { content: "\"; } .icon-target:before { content: "\"; } .icon-strategy:before { content: "\"; } .icon-solution:before { content: "\"; } .icon-results:before { content: "\"; } .icon-quote2:before { content: "\"; } .icon-plane:before { content: "\"; } .icon-user:before { content: "\"; } .row-fluid-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row-fluid-flex.align-items-center, .menus.desktop nav > ul.row-fluid-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .row-fluid-flex.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-fluid-flex.justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 782px) { .row-fluid-flex.flex-md-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .row-fluid-flex.gutter-120 { margin-left: -120px; margin-right: -120px; } .row-fluid-flex.gutter-120 > div[class^="flex-"] { padding-left: 120px; padding-right: 120px; } .row-fluid-flex.gutter-100 { margin-left: -100px; margin-right: -100px; } .row-fluid-flex.gutter-100 > div[class^="flex-"] { padding-left: 100px; padding-right: 100px; } .row-fluid-flex.gutter-80 { margin-left: -80px; margin-right: -80px; } .row-fluid-flex.gutter-80 > div[class^="flex-"] { padding-left: 80px; padding-right: 80px; } .row-fluid-flex.gutter-60 { margin-left: -60px; margin-right: -60px; } .row-fluid-flex.gutter-60 > div[class^="flex-"] { padding-left: 60px; padding-right: 60px; } .row-fluid-flex.gutter-40 { margin-left: -40px; margin-right: -40px; } .row-fluid-flex.gutter-40 > div[class^="flex-"] { padding-left: 40px; padding-right: 40px; } .row-fluid-flex.gutter-30 { margin-left: -30px; margin-right: -30px; } .row-fluid-flex.gutter-30 > div[class^="flex-"] { padding-left: 30px; padding-right: 30px; } .row-fluid-flex.gutter-20 { margin-left: -20px; margin-right: -20px; } .row-fluid-flex.gutter-20 > div[class^="flex-"] { padding-left: 20px; padding-right: 20px; } .row-fluid-flex.gutter-10 { margin-left: -10px; margin-right: -10px; } .row-fluid-flex.gutter-10 > div[class^="flex-"] { padding-left: 10px; padding-right: 10px; } .row-fluid-flex.gutter-0 { margin-left: 0px; margin-right: 0px; } .row-fluid-flex.gutter-0 > div[class^="flex-"] { padding-left: 0px; padding-right: 0px; } li[class^="flex-"], div[class^="flex-"] { padding-left: 15px; padding-right: 15px; width: 100%; } .align-items-center, .menus.desktop nav > ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-end, .menus.desktop nav > ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .flex-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .flex-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .flex-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .flex-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .flex-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .flex-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .flex-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .flex-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .flex-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .flex-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .flex-fifths { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 600px) { .flex-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .flex-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .flex-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .flex-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .flex-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .flex-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .flex-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .flex-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .flex-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .flex-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .flex-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .flex-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .flex-sm-fifths { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 782px) { .flex-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .flex-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .flex-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .flex-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .flex-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .flex-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .flex-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .flex-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .flex-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .flex-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .flex-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .flex-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .flex-md-fifths { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .flex-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .flex-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .flex-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .flex-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .flex-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .flex-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .flex-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .flex-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .flex-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .flex-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .flex-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .flex-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .flex-lg-fifths { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1210px) { .flex-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .flex-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .flex-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .flex-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .flex-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .flex-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .flex-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .flex-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .flex-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .flex-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .flex-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .flex-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .flex-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .flex-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .flex-xl-fifths { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /** * Setup an equal height class for the HS grid */ .height-flex-100 .row-fluid-wrapper, .height-flex-100 .row-fluid-wrapper > .row-fluid, .height-flex-100 .row-fluid-wrapper > .row-fluid > .dnd-module, .height-flex-100 .row-fluid-wrapper > .row-fluid > .dnd-module > .hs_cos_wrapper_widget { height: 100%; } /** * HubSpot Responsive Grid */ .dnd-section { position: relative; } .row-fluid { width: 100%; *zoom: 1; margin: 0 auto; } .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%; -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%; -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%; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Responsive Visibilty Classes */ .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1139px) { .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } } /** * Some global styles for modules, if you add this class to your custom module. */ .module { /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-weight: 400; font-family: "Inter", sans-serif; background-color: white; /** * Force everything to border box */ /** * A spacer for the sticky nav */ /** * Format imagery within body wrapper */ /** * Add in a custom grid container for the HS grid */ /** * Maximum width */ /** * Default dnd section padding */ /** * Make space for the editor when editing */ /** * Override inline HS column paddings */ /** * Override hbspot embed map class */ /** * A helper class to unformat list elements */ /** * A helper class to hide scroll bars */ /** * No Posts messaging */ /** * Stylize lists */ /** * A helper to format responsive videos within a 16:9 container */ /** * A text color helper for primary text. */ /** * transform helpers */ /** * text helper */ /** * Margin helpers */ /** * Global link strip */ /** * Register Modal */ } body * { box-sizing: border-box; } body main.body-container-wrapper.spacer { margin-top: 85px; } @media (min-width: 782px) { body main.body-container-wrapper.spacer { margin-top: 110px; } } body .body-wrapper img { max-width: 100%; height: auto; } body .hs-container { max-width: calc(1320px + 60px); margin: 0 auto; padding-left: 30px; padding-right: 30px; width: 100%; } body .dnd-section > .row-fluid { max-width: 1320px; } body .dnd-section { padding: 40px 20px; } @media (min-width: 782px) { body .dnd-section { padding: 80px 20px; } } body .body-wrapper { position: relative; overflow-x: hidden; } .hs-inline-edit body .body-container-wrapper.has-util-bar .body-container-wrapper, body:not(.transparent-header).has-util-bar .body-container-wrapper { padding-top: calc( 85px + 55px); } @media (min-width: 992px) { .hs-inline-edit body .body-container-wrapper.has-util-bar .body-container-wrapper, body:not(.transparent-header).has-util-bar .body-container-wrapper { padding-top: calc( 110px + 40px); } } .hs-inline-edit body .body-container-wrapper .body-container-wrapper, body:not(.transparent-header) .body-container-wrapper { position: relative; padding-top: 85px; } @media (min-width: 992px) { .hs-inline-edit body .body-container-wrapper .body-container-wrapper, body:not(.transparent-header) .body-container-wrapper { padding-top: 110px; } } @media (max-width: 781px) { body span.hs_cos_wrapper > div[style^="padding:"] { padding: 0 !important; } } @media (max-width: 991px) { body .text-align-center-md { text-align: center; } } body .hs-responsive-embed { max-width: none !important; max-height: none !important; } body .hs-responsive-embed-inner-wrapper { padding-bottom: 60% !important; } @media (min-width: 782px) { body .hs-responsive-embed-inner-wrapper { padding-bottom: 75% !important; } } body .no-list { list-style-type: none; padding: 0; margin: 0; } body .hide-scrollbars { -ms-overflow-style: none; scrollbar-width: none; } body .hide-scrollbars::-webkit-scrollbar { display: none; } body .message.no-posts { background-color: #f2f3f4; color: #7b7c7f; padding: 10px 15px; } body ul.stylized-list, .wysiwyg body ul { list-style-type: none; padding-left: 20px; } body ul.stylized-list li, .wysiwyg body ul li { position: relative; margin-bottom: 1.1em; padding-top: 3px; } body ul.stylized-list li:before, .wysiwyg body ul li:before { content: '•'; position: absolute; left: -20px; top: 0px; font-size: 35px; color: #e5e5e5; } body .global--video-wrap { width: 100%; position: relative; padding-bottom: 56.24%; } body .global--video-wrap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } body .primary-text { color: #019AAA; } body .rotate180 { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } body .tac { text-align: center; } body .mb-20 { margin-bottom: 20px; } body .mb-30 { margin-bottom: 30px; } body .mb-40 { margin-bottom: 40px; } body .mb-60 { margin-bottom: 60px; } @media (max-width: 991px) { body .mt-md-20 { margin-top: 20px; } body .mt-md-30 { margin-top: 30px; } body .mt-md-40 { margin-top: 40px; } body .mt-md-60 { margin-top: 60px; } body .mb-md-20 { margin-bottom: 20px; } body .mb-md-30 { margin-bottom: 30px; } body .mb-md-40 { margin-bottom: 40px; } body .mb-md-60 { margin-bottom: 60px; } } @media (max-width: 1209px) { body .mb-lg-20 { margin-bottom: 20px; } body .mb-lg-30 { margin-bottom: 30px; } body .mb-lg-40 { margin-bottom: 40px; } body .mb-lg-60 { margin-bottom: 60px; } } body .g--link-strip { margin-top: -20px; margin-bottom: 40px; } @media (min-width: 782px) { body .g--link-strip { margin-bottom: 0px; } } body .g--link-strip_content { position: relative; z-index: 1; text-align: center; } body .g--link-strip_dots_wrap { position: relative; width: 100%; padding-bottom: 6%; margin-top: -2%; background-repeat: repeat-x; background-size: contain; } body .g--link-strip_title { font-size: 18px; } body .g--link-strip_link-wrap { margin-top: 20px; } body .g--register-modal { background-color: white; padding: 40px 30px; border-radius: 15px; max-width: 650px; } @media screen and (min-width: 401px) { body .g--register-modal { padding: 40px; } } body .g--register-modal .form-title { text-align: center; margin-bottom: 30px; } @media screen and (min-width: 401px) { body .g--register-modal .form-title { margin-bottom: 50px; } } body .g--register-modal .form-title span { color: #019AAA; } body .g--register-modal .hs-button.primary { display: block; width: 100%; background-color: #C2D500; } body .lity-close { background-color: black; border-radius: 50%; color: white !important; font-size: 24px; top: -17px; right: -17px !important; border: 2px solid white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body .lity-close:hover { background-color: black; color: white !important; border: 2px solid white; font-size: 24px; } html { font-size: 16px; } @media (max-width: 767px) { html { font-size: 16px; } } body { font-family: "Inter", sans-serif; line-height: 1.4; font-weight: 300; } /* Paragraphs */ p:last-of-type { margin-bottom: 0; } li { font-size: 16px; } strong { font-weight: 700; } /* Anchors */ a { color: #019AAA; cursor: pointer; text-decoration: none; } a:hover { text-decoration: none; } /* Anchors */ a:hover, a:focus { color: #019AAA; } a:active { color: #C2D500; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0 0 1rem; word-break: break-word; letter-spacing: -0.02em; } .h1, h1 { font-size: 34px; line-height: 1.1em; } .h2, h2 { font-size: 30px; line-height: 1.1em; } .h3, h3 { font-size: 26px; line-height: 1.1em; } .h4, h4 { font-size: 22px; line-height: 1.1em; } .h5, h5 { font-size: 18px; line-height: 1.1em; } .h6, h6 { font-size: 16px; line-height: 1.1em; } @media (min-width: 782px) { .h1, h1 { font-size: 60px; } .h2, h2 { font-size: 48px; } .h3, h3 { font-size: 40px; } .h4, h4 { font-size: 34px; } .h5, h5 { font-size: 26px; } .h6, h6 { font-size: 20px; } } /* Lists */ ul, ol { margin: 0 0 1.5rem; } ul ul, ol ul, ul ol, ol ol { margin: 0; } ul.no-list { list-style: none; } /* Code blocks */ code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 2px solid #C2D500; margin: 0 0 1.4rem; padding-left: 15px; } /* Horizontal rules */ hr { background-color: #CCC; border: none; color: #CCC; height: 1px; } /* Subscripts and superscripts */ sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Focus styles */ :focus { outline: auto; outline-color: green; } .disable-focus-styles :focus { outline: none; } .sub-title { color: #019AAA; font-weight: 700; font-size: 18px; letter-spacing: 0.35em; text-transform: uppercase; } .block-title { font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .block-content { font-weight: 400; font-size: 17px; line-height: 30px; letter-spacing: 0.08em; } .post-item { border-radius: 15px; background-color: #fff; box-shadow: 0px 4px 25px rgba(1, 154, 170, 0.2); height: 100%; /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .post-item .post-item--image { position: relative; padding-bottom: 61.69%; border-radius: 15px 15px 0px 0px; } .post-item .post-item--image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 15px 15px 0px 0px; } .post-item .post-item--body { padding: 28px 38px; } .post-item .post-item--meta { display: -webkit-box; display: -ms-flexbox; display: flex; color: #019AAA; font-size: 13px; font-weight: 500; margin-bottom: 10px; } .post-item h4.post-item--title { font-weight: 600; font-size: 20px; line-height: 27px; margin-bottom: 10px; } .post-item .post-item--excerpt { margin-top: 0; font-weight: 400; font-size: 16.5px; line-height: 24px; margin-bottom: 15px; } .post-item .post-item--link a span, .post-item .post-item--link a i { color: #C2D500; font-weight: 600; font-size: 18px; line-height: 26px; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .post-item .post-item--link a i { font-size: 16px; vertical-align: -2px; margin-left: 5px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; display: inline-block; } .post-item .post-item--link a:hover span, .post-item .post-item--link a:hover i { color: #019AAA; } .post-item .post-item--link a:hover i { -webkit-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); } .btn, .hs-button { display: inline-block; border-radius: 50px; padding: 21px 69px; position: relative; font-weight: 700; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; cursor: pointer; /** * Some hover styles */ /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .btn.small, .hs-button.small { padding: 9px 21px; } .btn.arrow, .hs-button.arrow { padding: 21px 65px 21px 33px; } .btn.arrow.small, .hs-button.arrow.small { padding: 15px 60px 15px 44px; } .btn.arrow:after, .hs-button.arrow:after { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-display: swap; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\'; position: absolute; right: 38px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; } .btn i, .hs-button i { vertical-align: -2px; margin-left: 7px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); display: inline-block; } .btn.primary, .hs-button.primary { color: white; background-color: #019AAA; } .btn.primary:hover, .hs-button.primary:hover { background-color: #01a3b4; } .btn.dark-primary, .hs-button.dark-primary { color: white; background-color: #00636C; } .btn.dark-primary:hover, .hs-button.dark-primary:hover { background-color: #006c76; } .btn.secondary, .hs-button.secondary { color: white; background-color: #C2D500; } .btn.secondary:hover, .hs-button.secondary:hover { background-color: #cbdf00; } .btn.white, .hs-button.white { background-color: white; color: #019AAA; } .btn.outline.primary, .hs-button.outline.primary { background-color: transparent; color: #019AAA; border: 1px solid #019AAA; } .btn.outline.primary:hover, .hs-button.outline.primary:hover { background-color: #019AAA; color: white; } .btn.outline.dark-primary, .hs-button.outline.dark-primary { background-color: transparent; color: #00636C; border: 1px solid #00636C; } .btn.outline.dark-primary:hover, .hs-button.outline.dark-primary:hover { background-color: #00636C; color: white; } .btn:hover i, .hs-button:hover i { -webkit-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .btn:disabled, .hs-button:disabled { background-color: #e0e0e0 !important; color: white !important; border-color: #e0e0e0 !important; cursor: default !important; } .menus.desktop { display: none; width: auto; position: static; /** * Transparent Header */ /** * Menu Shrink */ /** * Menu */ /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .transparent-header .menus.desktop nav > ul > li > a { color: white; } .shrink .menus.desktop { padding-top: 0; } .shrink .menus.desktop nav > ul > li > a { text-shadow: none; } .shrink .menus.desktop nav > ul > li > a i { color: #019AAA !important; } .menus.desktop nav > ul { list-style-type: none; padding: 0; margin: 0; margin: 0 !important; text-align: right; } .menus.desktop nav > ul > li { display: inline-block; padding: 0; margin: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 35px; position: relative; } @media (max-width: 1209px) { .menus.desktop nav > ul > li { margin-left: 25px; } } .menus.desktop nav > ul > li:hover .submenu { opacity: 1; visibility: visible; } .menus.desktop nav > ul > li.has-children:hover:before { opacity: 1; } .menus.desktop nav > ul > li.has-children:before { -webkit-transition: opacity 0.3s ease 0.1s; -o-transition: opacity 0.3s ease 0.1s; transition: opacity 0.3s ease 0.1s; opacity: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 14px 12px 14px; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .menus.desktop nav > ul > li:last-child { margin-left: 10px; } .menus.desktop nav > ul > li:last-child > a { display: inline-block; border-radius: 50px; position: relative; font-weight: 700; padding: 20px 57px 21px 33px; color: #C2D500; background-color: white; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; border: 1px solid #C2D500; } @media (max-width: 1209px) { .menus.desktop nav > ul > li:last-child > a { font-size: 15px; } } .menus.desktop nav > ul > li:last-child > a:after { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-display: swap; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\"; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; } .menus.desktop nav > ul > li:last-child > a:hover { background-color: #C2D500; color: white; } .menus.desktop nav > ul > li:nth-last-child(2) > a { display: inline-block; border-radius: 50px; position: relative; font-weight: 700; padding: 20px 57px 21px 33px; color: white; background-color: #C2D500; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; } @media (max-width: 1209px) { .menus.desktop nav > ul > li:nth-last-child(2) > a { font-size: 15px; } } .menus.desktop nav > ul > li:nth-last-child(2) > a.active-item { color: white !important; } .menus.desktop nav > ul > li:nth-last-child(2) > a.active-item:before { display: none; } .menus.desktop nav > ul > li:nth-last-child(2) > a:after { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-display: swap; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\"; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; } .menus.desktop nav > ul > li:nth-last-child(2) > a:hover { background-color: #cbdf00; color: white; } .menus.desktop nav > ul > li.menu-button > a { display: inline-block; border-radius: 50px; position: relative; font-weight: 700; padding: 20px 57px 21px 33px; color: white; background-color: #C2D500; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; } @media (max-width: 1209px) { .menus.desktop nav > ul > li.menu-button > a { font-size: 15px; } } .menus.desktop nav > ul > li.menu-button > a:after { font-family: 'icon-font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-display: swap; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\"; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; } .menus.desktop nav > ul > li.menu-button > a:hover { background-color: #cbdf00; color: white; } .menus.desktop nav > ul > li > a { color: black; white-space: nowrap; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; text-decoration: none; font-style: normal; font-family: "Inter", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.2em; } @media (max-width: 1209px) { .menus.desktop nav > ul > li > a { font-size: 15px; } } .menus.desktop nav > ul > li > a.active-item { color: #019AAA !important; } .menus.desktop nav > ul > li > a.active-item:before { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 1px; background-color: #019AAA; } .menus.desktop nav > ul > li > a i { font-size: 9px; margin-left: 3px; vertical-align: 2px; } .menus.desktop nav > ul > li > a:hover { color: #019AAA; } .menus.desktop nav > ul > li .submenu { position: absolute; top: 100%; background-color: white; list-style: none; padding: 0; width: 200px; text-align: left; padding: 14px 19px; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; border-right: 1px solid #ececec; background-repeat: 1px solid #ececec; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0.1s, top 0.3s ease; -o-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0.1s, top 0.3s ease; transition: visibility 0.3s ease 0s, opacity 0.3s ease 0.1s, top 0.3s ease; } .menus.desktop nav > ul > li .submenu > li:not(:last-child) { margin-bottom: 15px; } .menus.desktop nav > ul > li .submenu > li > a { color: #55575B; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .menus.desktop nav > ul > li .submenu > li > a:hover { color: #019AAA; } .menus.desktop nav > ul > li .submenu > li > a.active-item { color: #019AAA !important; } .menus.desktop nav > ul > li .submenu > li > a.active-item:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; background-color: #019AAA; } @media (min-width: 992px) { .menus.desktop { display: block; } } body form { /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } body form.hs-form .legal-consent-container p, body form.hs-form .legal-consent-container .hs-richtext { font-size: 12px; } body form.hs-form .hs-form-booleancheckbox input { margin-top: 5px; } body form.hs-form .hs-recaptcha { display: none !important; } body form.hs-form fieldset { width: 100% !important; max-width: none; } body form.hs-form .hs_error_rollup .hs-error-msgs { margin-top: 0 !important; } body form.hs-form .hs-form-field input[type='text'], body form.hs-form .hs-form-field input[type='email'], body form.hs-form .hs-form-field input[type='password'], body form.hs-form .hs-form-field input[type='tel'], body form.hs-form .hs-form-field input[type='number'], body form.hs-form .hs-form-field input[type='file'], body form.hs-form .hs-form-field select { height: 44px; } body form.hs-form .hs-form-field input[type='text'], body form.hs-form .hs-form-field input[type='email'], body form.hs-form .hs-form-field input[type='password'], body form.hs-form .hs-form-field input[type='tel'], body form.hs-form .hs-form-field input[type='number'], body form.hs-form .hs-form-field input[type='file'], body form.hs-form .hs-form-field select, body form.hs-form .hs-form-field textarea { width: 100% !important; background: white; border: 1px solid #bcbdbb; box-sizing: border-box; border-radius: 5px; padding-left: 17px; padding-right: 17px; font-weight: 400; font-size: 16px; line-height: 27px; } body form.hs-form .hs-form-field input[type='text']:focus, body form.hs-form .hs-form-field input[type='email']:focus, body form.hs-form .hs-form-field input[type='password']:focus, body form.hs-form .hs-form-field input[type='tel']:focus, body form.hs-form .hs-form-field input[type='number']:focus, body form.hs-form .hs-form-field input[type='file']:focus, body form.hs-form .hs-form-field select:focus, body form.hs-form .hs-form-field textarea:focus { outline: none; border-color: #019AAA; } body form.hs-form .hs-form-field textarea { padding-top: 17px; padding-bottom: 17px; min-height: 175px; } body form.hs-form .input { margin-bottom: 21px; margin-right: 0px !important; } @media screen and (min-width: 401px) { body form.hs-form .input { margin-right: 21px !important; } } body form.hs-form .hs_submit.hs-submit { margin-top: 25px; } body form.hs-form .actions input[type='submit'] { border: none; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body form.hs-form .actions input[type='submit']:hover { background-color: #01a3b4; } body form.hs-form .hs-error-msgs { background-color: red; margin-top: -15px; color: white; max-width: calc(100% - 15px); padding: 0 15px; font-weight: 400; margin-bottom: 15px; margin-top: -15px; max-width: calc(100% - 15px); padding: 2px 15px 4px !important; margin-top: -13px !important; } body form.hs-form .hs-error-msgs .hs-error-msg { font-size: 14px; color: white; } body form.hs-form .inputs-list { margin-top: 25px; list-style: none; padding: 0; } .menu-trigger-container { height: 50px; width: 50px; position: relative; cursor: pointer; background-color: transparent; -webkit-transition: background-color 0.3s ease, border 0.3s ease; -o-transition: background-color 0.3s ease, border 0.3s ease; transition: background-color 0.3s ease, border 0.3s ease; margin-right: 15px; } .menu-trigger { display: block; position: absolute; height: auto; z-index: 4; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; top: 50%; width: 31px; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu-trigger .bar { left: 0px; background-color: #019AAA; height: 2px; display: block; -webkit-transition: right 0.3s ease, -webkit-transform 0.3s ease; transition: right 0.3s ease, -webkit-transform 0.3s ease; -o-transition: right 0.3s ease, -o-transform 0.3s ease; transition: right 0.3s ease, transform 0.3s ease; transition: right 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .menu-trigger .bar + .bar { margin-top: 6px; } .shrink .menu-trigger .bar { background-color: #019AAA; } .menu-open .menu-trigger { top: 53%; } .menu-open .menu-trigger .bar { width: 25px; margin: -2px 0 0 2px; background-color: #019AAA; } .menu-open .menu-trigger .bar-3 { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-open .menu-trigger .bar-2 { opacity: 0; } .menu-open .menu-trigger .bar-1 { margin-bottom: 0; -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menus.mobile { position: fixed; height: calc(100% - 85px); width: 100%; z-index: 100; display: block; background-color: transparent; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 85px; /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .menus.mobile .mobile-menu-inner { background-color: white; width: 100%; height: 100%; padding: 0px 0px 0px; margin-left: auto; overflow-y: auto; padding-top: 50px; } .menus.mobile .mobile-menu-inner > .container { width: 100%; max-width: none; padding: 0; } .menus.mobile .mobile-menu-inner > .container .row, .menus.mobile .mobile-menu-inner > .container .menus.desktop nav > ul, .menus.desktop .menus.mobile .mobile-menu-inner > .container nav > ul { margin: 0; } .menus.mobile .mobile-menu-inner > .container .row .col-12, .menus.mobile .mobile-menu-inner > .container .menus.desktop nav > ul .col-12, .menus.desktop .menus.mobile .mobile-menu-inner > .container nav > ul .col-12 { padding: 0; } .menu-open .menus.mobile { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .menus.mobile nav { width: 100%; } .menus.mobile ul { list-style-type: none; padding: 0; margin: 0; display: block; } .menus.mobile ul li { display: block !important; text-align: center; margin-bottom: 10px; } .menus.mobile ul li a { padding: 0 !important; font-family: "Inter", sans-serif; text-align: center; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px); opacity: 0; } .menu-open .menus.mobile ul li a { -webkit-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .menus.mobile ul li a i { font-size: 10px; color: #019AAA; } .menus.mobile ul li .submenu { padding: 15px 0 5px; display: none; } .menus.mobile ul li .submenu li.open a { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .menus.mobile ul li .submenu li > a { color: #94979b; font-size: 20px; } .menu-open .menus.mobile ul li { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .menu-open .menus.mobile ul li:nth-child(2) a { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; } .menu-open .menus.mobile ul li:nth-child(3) a { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-open .menus.mobile ul li:nth-child(4) a { -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } .menu-open .menus.mobile ul li:nth-child(5) a { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .menu-open .menus.mobile ul li:nth-child(6) a { -webkit-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; } .menu-open .menus.mobile ul li:nth-child(7) a { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .menu-open .menus.mobile ul li:nth-child(8) a { -webkit-transition-delay: 0.55s; -o-transition-delay: 0.55s; transition-delay: 0.55s; } .menu-open .menus.mobile ul li:nth-child(9) a { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .menu-open .menus.mobile ul li:nth-child(10) a { -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; transition-delay: 0.65s; } .menus.mobile ul > li > a { padding: 7px 30px; font-size: 24px; font-family: "Inter", sans-serif; font-weight: bold; text-decoration: none; color: #55575B; display: inline-block; position: relative; text-align: center; width: auto; } @media (min-width: 992px) { .menus.mobile { display: none; } } ul.social-icons { list-style-type: none; padding: 0; margin: 0; margin-top: 15px; } ul.social-icons li { display: inline-block; margin-right: 15px; } ul.social-icons li:last-child { margin-right: 0; } ul.social-icons li:hover span.icon { background-color: #019AAA; border-color: #019AAA; color: black; } ul.social-icons li a { background-color: #e5e5e5; width: 32px; height: 32px; text-decoration: none; font-size: 20px; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; position: relative; display: block; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } ul.social-icons li a:hover { background-color: #019AAA; } ul.social-icons li a:hover i { color: white; } ul.social-icons li a i { -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color: #e5e5e5; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -40%); -o-transform: translate(-50%, -40%); transform: translate(-50%, -40%); font-size: 15px; } ul.social-icons li a:hover { color: #C2D500; } .slick-prev, .slick-next { display: block; position: absolute; background-color: transparent; border: none; color: #808080; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; font-size: 25px; font-family: "Inter", sans-serif; line-height: 1em; height: 28px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .slick-prev i, .slick-next i { position: absolute; } .slick-prev:not(.slick-disabled):hover, .slick-next:not(.slick-disabled):hover { color: #C2D500; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; opacity: 0.3; } .slick-prev { text-align: right; left: -15px; } .slick-next { text-align: left; right: 5px; } .slick-dots { list-style-type: none; padding: 0; margin: 0; text-align: center; } .slick-dots li { display: inline-block; text-align: center; } .slick-dots li + li { margin-left: 12px; } .slick-dots li.slick-active button { background-color: #C2D500; } .slick-dots li button { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; border: none; outline: none; border-radius: 50%; display: block; width: 14px; height: 14px; line-height: 1em; font-size: 0; background-color: #DADADA; cursor: pointer; } .slick-dots li button:focus { outline: none; } .slick-dots li button:hover { background-color: #bfbfbf; } .custom-slider-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .custom-slider-nav .slick-arrow.ts-prev i, .custom-slider-nav .slick-arrow.ts-next i { background-color: #C2D500; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .custom-slider-nav .slick-arrow.ts-next { margin-left: 20px; } .custom-slider-nav .slick-arrow.slick-disabled i { cursor: default; background-color: #E1E2E3; color: #BCBFC2; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom { border-top: 0; bottom: 25px; max-width: 1260px; background: #FFFFFF; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25); border-radius: 15px; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner { max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner p { margin: 0; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button { border-radius: 50px; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-cookie-confirmation-inner a#hs-eu-decline-button { border-radius: 50px; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-eu-close-button-container { display: none !important; } body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom #hs-en-cookie-confirmation-buttons-area { margin: 0 !important; -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 250px; } .site-header { position: fixed; z-index: 100; top: 0; width: 100%; -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease; transition: background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease; -o-transition: background-color 0.3s ease, box-shadow 0.3s ease, -o-transform 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; box-shadow: none; /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .hs-inline-edit .template-inner:not(.shrink) .site-header { background-color: transparent; } .site-header .container { padding-left: 30px; padding-right: 30px; max-width: calc(1320px + 60px); box-sizing: border-box; } .site-header .row, .site-header .menus.desktop nav > ul, .menus.desktop .site-header nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 85px; margin-left: -30px; margin-right: -30px; } .site-header .row > .col, .site-header .menus.desktop nav > ul > .col, .menus.desktop .site-header nav > ul > .col { padding-left: 30px; padding-right: 30px; } .shrink .site-header { padding-top: 0; background-color: white; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); } .menu-open .site-header .site-info { background-color: white; } .site-header .site-info { -webkit-transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease; -o-transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease; transition: background-color 0.3s ease, height 0.3s ease, border-color 0.2s ease, padding 0.3s ease; position: relative; z-index: 1; background-color: transparent; padding-top: 0; margin: 0 auto; } .site-header .site-info .brand { width: 100%; height: 100%; position: relative; } .site-header .site-info .brand:focus { outline: none; } .site-header .site-info .brand img { max-width: 80px; width: 100%; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 30px; width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .site-header .site-info .brand img.logo_white { opacity: 1; } .site-header .site-info .brand img.logo_dark { opacity: 0; } .menu-open .site-header .site-info .brand img.logo_white, .shrink .site-header .site-info .brand img.logo_white { opacity: 0; } .menu-open .site-header .site-info .brand img.logo_dark, .shrink .site-header .site-info .brand img.logo_dark { opacity: 1; } .site-header .util-bar { background-color: #019AAA; padding: 5px 20px; text-align: center; font-size: 14px; } .site-header .util-bar p { margin: 0; color: white; } .site-header .util-bar p a { margin-left: 5px; border: 1px solid white; border-radius: 30px; border-color: white; color: white; padding: 2px 13px; display: inline-block; } @media (min-width: 782px) { .site-header .util-bar p span + span { position: relative; } .site-header .util-bar p span + span:before { content: ' | '; } } @media (max-width: 781px) { .site-header .util-bar p span { display: block; } } @media (min-width: 782px) { .site-header .util-bar { font-size: 17px; } } @media (min-width: 992px) { .site-header .menu-trigger-container { display: none; } .site-header .row, .site-header .menus.desktop nav > ul, .menus.desktop .site-header nav > ul { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 110px; } .shrink .site-header .row, .shrink .site-header .menus.desktop nav > ul, .menus.desktop .shrink .site-header nav > ul { height: 90px; } .site-header .row .brand, .site-header .menus.desktop nav > ul .brand, .menus.desktop .site-header nav > ul .brand { width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .shrink .site-header .row .brand img, .shrink .site-header .menus.desktop nav > ul .brand img, .menus.desktop .shrink .site-header nav > ul .brand img { max-width: 80px; } .site-header .row .brand img, .site-header .menus.desktop nav > ul .brand img, .menus.desktop .site-header nav > ul .brand img { width: 100% !important; max-width: 104px; } } body.template-landing footer.footer .footer--branding { margin: 0 auto 20px; } body.template-landing footer.footer .social-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body footer.footer { padding: 75px 0 0; /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } body footer.footer.footer-temp { text-align: center; } body footer.footer.footer-temp .footer--row { display: block; text-align: center; } body footer.footer.footer-temp .footer--branding { margin: 0 auto; } body footer.footer.footer-temp .social-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body footer.footer .footer--branding { max-width: 104px; } body footer.footer .social-links { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } body footer.footer .footer--description { font-weight: 400; font-size: 18px; line-height: 27px; color: #55575B; } body footer.footer .footer--menu_title { font-weight: 600; font-size: 20px; line-height: 28px; margin-bottom: 40px; } body footer.footer .footer--menu nav > ul { list-style-type: none; padding: 0; margin: 0; } body footer.footer .footer--menu nav > ul > li { margin-bottom: 20px; } body footer.footer .footer--menu nav > ul > li a { font-weight: 400; font-size: 18px; color: #55575B; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body footer.footer .footer--menu nav > ul > li a:hover { color: #019AAA; } body footer.footer .footer--socket { margin-top: 40px; border-top: 1px solid #B8B8B8; padding: 40px 0; } body footer.footer .footer--socket nav ul { text-align: center; list-style-type: none; padding: 0; margin: 0; } body footer.footer .footer--socket nav ul li a { font-weight: 400; font-size: 18px; color: #55575B; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body footer.footer .footer--socket nav ul li a:hover { color: #019AAA; } body footer.footer .footer--socket_copyright { font-weight: 400; font-size: 18px; color: #55575B; text-align: center; } body footer.footer .footer--newsletter form.hs-form .input { margin-right: 0 !important; } body footer.footer .footer--newsletter form.hs-form { position: relative; } body footer.footer .footer--newsletter form.hs-form .hs-error-msgs { max-width: none; } body footer.footer .footer--newsletter form.hs-form .input input { height: 52px; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; } body footer.footer .footer--newsletter_submit { position: absolute; right: 10px; top: 14px; -webkit-appearance: none; appearance: none; border: none; background-color: transparent; color: #C2D500; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 22px; cursor: pointer; } body footer.footer .footer--newsletter_submit:hover { color: #019AAA; } @media (min-width: 782px) { body footer.footer .footer--socket { margin-top: 120px; } body footer.footer .footer--socket_copyright { text-align: left; } body footer.footer .footer--socket nav ul { text-align: right; } } .system-page-banner { background-color: #d199ff; position: relative; padding: 125px 0 125px; } h1.system-page-banner--title { text-align: center; color: white; font-size: 75px; font-family: "Inter", sans-serif; } img.system-page-banner--bg { mix-blend-mode: multiply; filter: grayscale(100%); position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .error-page { /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } .error-page .content-wrapper { margin: 0 auto; text-align: center; padding: 120px 20px; } .error-page .content-wrapper p { margin-bottom: 40px; } body.template-blank { /* ============================================================================= Extra Small + ========================================================================== */ /* ============================================================================= Small + ========================================================================== */ /* ============================================================================= Medium + ========================================================================== */ /* ============================================================================= Large + ========================================================================== */ /* ============================================================================= Extra Large + ========================================================================== */ } body.template-blank .body-container-wrapper { padding-top: 0 !important; max-height: 100vh; } .lity-active body { overflow: hidden; } .lity-inline .lity-content > * { max-height: none !important; } .lity-inline .lity-wrap { overflow: auto; } .lity-close { position: absolute !important; text-shadow: none !important; color: #019AAA !important; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (min-width: 1001px) { .lity-close { right: 0px !important; } } .lity-close:hover { color: #C2D500 !important; } .admin-bar .lity-close { top: 32px !important; } .lity-close:before { content: ''; color: white; position: absolute; right: 100%; font-family: "Inter", sans-serif; font-size: 38px; line-height: 38px; } /* Lity - v2.3.1 - 2018-04-20 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.25); outline: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { margin: 50px 20px; z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.22); border-radius: 15px; } .lity-close { z-index: 9994; width: 35px; height: 35px; right: 0; top: -0px; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; border: 0; background: none; outline: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; border: 0; background: none; outline: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } /* iFrame */ .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }