/* Localize fonts path */
/* IDE */
@charset "UTF-8";
/* ===================================================
APP IMPORTS
=================================================== */
/* ===================================================
COMPONENTS UTILS
=================================================== */
/* ===================================================
NORMALIZE
=================================================== */
/*
Normalization of HTML elements, manually forked from Normalize.css to remove
styles targeting irrelevant browsers while applying new styles.
Normalize is licensed MIT. https://github.com/necolas/normalize.css
1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
2. Change the default font family in all browsers.
3. Correct the line height in all browsers.
4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
5. Change the default tap highlight to be completely transparent in iOS.
*/
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */ }
html {
font-family: sans-serif;
/* 2 */
line-height: 1.15;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 4 */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* 5 */ }
/*
Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
*/
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block; }
/*
Body
1. Remove the margin in all browsers.
2. As a best practice, apply a default `background-color`.
3. Set an explicit initial text-align value so that we can later use
the `inherit` value on things like `` elements.
*/
body {
margin: 0;
/* 1 */
text-align: left;
/* 3 */
background-color: #fff;
/* 2 */ }
/*
Suppress the focus outline on elements that cannot be accessed via keyboard.
This prevents an unwanted focus outline from appearing around elements that
might still respond to pointer events.
Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
outline: 0 !important; }
/*
Content grouping
1. Add the correct box sizing in Firefox.
2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/*
Typography
Remove top margins from headings
By default, ``-`` all receive top and bottom margins. We nuke the top
margin for easier control within type scales as it avoids margin collapsing.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem; }
/*
Reset margins on paragraphs
Similarly, the top margin on ``s get reset. However, we also reset the
bottom margin to use `rem` units instead of `em`.
*/
p {
margin-top: 0;
margin-bottom: 1rem; }
/*
Abbreviations
1. Duplicate behavior to the data-* attribute for our tooltip plugin
2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
3. Add explicit cursor to indicate changed behavior.
4. Remove the bottom border in Firefox 39-.
*/
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
cursor: help;
/* 3 */
border-bottom: 0;
/* 4 */ }
address {
margin-bottom: 0;
font-style: normal;
line-height: inherit; }
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 0; }
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0; }
dd {
margin-bottom: 0;
margin-left: 0;
/* Undo browser default */ }
blockquote {
margin: 0; }
b,
strong {
font-weight: bolder;
/* Add the correct font weight in Chrome, Edge, and Safari */ }
small {
font-size: 80%;
/* Add the correct font size in all browsers */ }
/*
Prevent `sub` and `sup` elements from affecting the line height in
all browsers.
*/
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
/*
Links
*/
a {
background-color: transparent;
/* Remove the gray background on active links in IE 10. */ }
/*
And undo these styles for placeholder links/named anchors (without href)
which have not been made explicitly keyboard-focusable (without tabindex).
It would be more straightforward to just use a[href] in previous block, but that
causes specificity issues in many other styles that are too complex to fix.
See https://github.com/twbs/bootstrap/issues/19402
*/
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; }
/*
Code
*/
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
/* Correct the odd `em` font sizing in all browsers. */ }
pre {
/* Remove browser default top margin */
margin-top: 0;
/* Reset browser default of `1em` to use `rem`s */
margin-bottom: 1rem;
/* Don't allow content to break outside */
overflow: auto; }
/*
Figures
*/
figure {
/* Apply a consistent margin strategy (matches our type styles). */
margin: 0; }
/*
Images and content
*/
img {
vertical-align: middle;
border-style: none;
/* Remove the border on images inside links in IE 10-. */ }
svg {
/*
Workaround for the SVG overflow bug in IE10/11 is still required.
See https://github.com/twbs/bootstrap/issues/26878
*/
overflow: hidden;
vertical-align: middle; }
/*
Tables
*/
table {
border-collapse: collapse;
/* Prevent double borders */ }
caption {
text-align: left;
caption-side: bottom; }
th {
/*
Matches default ` | ` alignment by inheriting from the ``, or the
closest parent with a set `text-align`.
*/
text-align: inherit; }
/*
Forms
*/
label {
/*
Allow labels to use `margin` for spacing.
*/
display: inline-block; }
/*
Remove the default `border-radius` that macOS Chrome adds.
Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
border-radius: 0; }
/*
Work around a Firefox/IE bug where the transparent `button` background
results in a loss of the default `button` focus styles.
Credit: https://github.com/suitcss/base/
*/
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color; }
input,
button,
select,
optgroup,
textarea {
margin: 0;
/* Remove the margin in Firefox and Safari */
font-family: inherit;
font-size: inherit;
line-height: inherit; }
button,
input {
overflow: visible;
/* Show the overflow in Edge */ }
button,
select {
text-transform: none;
/* Remove the inheritance of text transform in Firefox */ }
/*
1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
controls in Android 4.
2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
/*
Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none; }
input[type="radio"],
input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1. Add the correct box sizing in IE 10- */
padding: 0;
/* 2. Remove the padding in IE 10- */ }
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
/*
Remove the default appearance of temporal inputs to avoid a Mobile Safari
bug where setting a custom line-height prevents text from being vertically
centered within the input.
See https://bugs.webkit.org/show_bug.cgi?id=139848
and https://github.com/twbs/bootstrap/issues/11266
*/
-webkit-appearance: listbox; }
textarea {
overflow: auto;
/* Remove the default vertical scrollbar in IE. */
/*
Textareas should really only resize vertically so they don't break their (horizontal) containers.
*/
resize: vertical; }
fieldset {
/*
Browsers set a default `min-width: min-content;` on fieldsets,
unlike e.g. ` `s, which have `min-width: 0;` by default.
So we reset that to ensure fieldsets behave more like a standard block element.
See https://github.com/twbs/bootstrap/issues/12359
and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
*/
min-width: 0;
/*
Reset the default outline behavior of fieldsets so they don't affect page layout.
*/
padding: 0;
margin: 0;
border: 0; }
/*
1. Correct the text wrapping in Edge and IE.
2. Correct the color inheritance from `fieldset` elements in IE.
*/
legend {
display: block;
width: 100%;
max-width: 100%;
/* 1 */
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
/* 2 */
white-space: normal;
/* 1 */ }
progress {
vertical-align: baseline;
/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */ }
/*
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; }
[type="search"] {
/*
This overrides the extra rounded corners on search inputs in iOS so that our
`.form-control` class can properly style them. Note that this cannot simply
be added to `.form-control` as it's not specific enough. For details, see
https://github.com/twbs/bootstrap/issues/11586.
*/
outline-offset: -2px;
/* 2. Correct the outline style in Safari. */
-webkit-appearance: none; }
/*
Remove the inner padding and cancel buttons 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 {
font: inherit;
/* 2 */
-webkit-appearance: button;
/* 1 */ }
/*
Correct element displays
*/
output {
display: inline-block; }
summary {
display: list-item;
/* Add the correct display in all browsers */
cursor: pointer; }
template {
display: none;
/* Add the correct display in IE */ }
/*
Always hide an element with the `hidden` HTML attribute (from PureCSS).
Needed for proper display in IE 10-.
*/
[hidden] {
display: none !important; }
/*
Correct video display
*/
video {
display: block; }
/* ===================================================
REM-CALC
=================================================== */
/* ===================================================
AOS - https://github.com/michalsnik/aos
=================================================== */
body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
-webkit-transition-duration: 50ms;
transition-duration: 50ms; }
body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
-webkit-transition-delay: 50ms;
transition-delay: 50ms; }
body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
-webkit-transition-duration: 100ms;
transition-duration: 100ms; }
body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
-webkit-transition-delay: 100ms;
transition-delay: 100ms; }
body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
-webkit-transition-duration: 150ms;
transition-duration: 150ms; }
body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
-webkit-transition-delay: 150ms;
transition-delay: 150ms; }
body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
-webkit-transition-duration: 200ms;
transition-duration: 200ms; }
body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
-webkit-transition-delay: 200ms;
transition-delay: 200ms; }
body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
-webkit-transition-delay: 250ms;
transition-delay: 250ms; }
body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
-webkit-transition-duration: 300ms;
transition-duration: 300ms; }
body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
-webkit-transition-delay: 300ms;
transition-delay: 300ms; }
body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
-webkit-transition-duration: 350ms;
transition-duration: 350ms; }
body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
-webkit-transition-delay: 350ms;
transition-delay: 350ms; }
body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
-webkit-transition-duration: 400ms;
transition-duration: 400ms; }
body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
-webkit-transition-delay: 400ms;
transition-delay: 400ms; }
body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
-webkit-transition-duration: 450ms;
transition-duration: 450ms; }
body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
-webkit-transition-delay: 450ms;
transition-delay: 450ms; }
body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
-webkit-transition-delay: 500ms;
transition-delay: 500ms; }
body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
-webkit-transition-duration: 550ms;
transition-duration: 550ms; }
body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
-webkit-transition-delay: 550ms;
transition-delay: 550ms; }
body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
-webkit-transition-duration: 600ms;
transition-duration: 600ms; }
body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
-webkit-transition-delay: 600ms;
transition-delay: 600ms; }
body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
-webkit-transition-duration: 650ms;
transition-duration: 650ms; }
body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
-webkit-transition-delay: 650ms;
transition-delay: 650ms; }
body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
-webkit-transition-duration: 700ms;
transition-duration: 700ms; }
body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
-webkit-transition-delay: 700ms;
transition-delay: 700ms; }
body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
-webkit-transition-duration: 750ms;
transition-duration: 750ms; }
body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
-webkit-transition-delay: 750ms;
transition-delay: 750ms; }
body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
-webkit-transition-duration: 800ms;
transition-duration: 800ms; }
body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
-webkit-transition-delay: 800ms;
transition-delay: 800ms; }
body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
-webkit-transition-duration: 850ms;
transition-duration: 850ms; }
body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
-webkit-transition-delay: 850ms;
transition-delay: 850ms; }
body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
-webkit-transition-duration: 900ms;
transition-duration: 900ms; }
body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
-webkit-transition-delay: 900ms;
transition-delay: 900ms; }
body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
-webkit-transition-duration: 950ms;
transition-duration: 950ms; }
body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
-webkit-transition-delay: 950ms;
transition-delay: 950ms; }
body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
-webkit-transition-duration: 1000ms;
transition-duration: 1000ms; }
body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms; }
body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
-webkit-transition-duration: 1050ms;
transition-duration: 1050ms; }
body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
-webkit-transition-delay: 1050ms;
transition-delay: 1050ms; }
body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
-webkit-transition-duration: 1100ms;
transition-duration: 1100ms; }
body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
-webkit-transition-delay: 1100ms;
transition-delay: 1100ms; }
body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
-webkit-transition-duration: 1150ms;
transition-duration: 1150ms; }
body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
-webkit-transition-delay: 1150ms;
transition-delay: 1150ms; }
body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
-webkit-transition-duration: 1200ms;
transition-duration: 1200ms; }
body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
-webkit-transition-delay: 1200ms;
transition-delay: 1200ms; }
body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
-webkit-transition-duration: 1250ms;
transition-duration: 1250ms; }
body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
-webkit-transition-delay: 1250ms;
transition-delay: 1250ms; }
body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
-webkit-transition-duration: 1300ms;
transition-duration: 1300ms; }
body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
-webkit-transition-delay: 1300ms;
transition-delay: 1300ms; }
body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
-webkit-transition-duration: 1350ms;
transition-duration: 1350ms; }
body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
-webkit-transition-delay: 1350ms;
transition-delay: 1350ms; }
body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
-webkit-transition-duration: 1400ms;
transition-duration: 1400ms; }
body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
-webkit-transition-delay: 1400ms;
transition-delay: 1400ms; }
body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
-webkit-transition-duration: 1450ms;
transition-duration: 1450ms; }
body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
-webkit-transition-delay: 1450ms;
transition-delay: 1450ms; }
body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
-webkit-transition-duration: 1500ms;
transition-duration: 1500ms; }
body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
-webkit-transition-delay: 1500ms;
transition-delay: 1500ms; }
body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
-webkit-transition-duration: 1550ms;
transition-duration: 1550ms; }
body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
-webkit-transition-delay: 1550ms;
transition-delay: 1550ms; }
body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
-webkit-transition-duration: 1600ms;
transition-duration: 1600ms; }
body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
-webkit-transition-delay: 1600ms;
transition-delay: 1600ms; }
body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
-webkit-transition-duration: 1650ms;
transition-duration: 1650ms; }
body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
-webkit-transition-delay: 1650ms;
transition-delay: 1650ms; }
body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
-webkit-transition-duration: 1700ms;
transition-duration: 1700ms; }
body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
-webkit-transition-delay: 1700ms;
transition-delay: 1700ms; }
body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
-webkit-transition-duration: 1750ms;
transition-duration: 1750ms; }
body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
-webkit-transition-delay: 1750ms;
transition-delay: 1750ms; }
body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
-webkit-transition-duration: 1800ms;
transition-duration: 1800ms; }
body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
-webkit-transition-delay: 1800ms;
transition-delay: 1800ms; }
body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
-webkit-transition-duration: 1850ms;
transition-duration: 1850ms; }
body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
-webkit-transition-delay: 1850ms;
transition-delay: 1850ms; }
body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
-webkit-transition-duration: 1900ms;
transition-duration: 1900ms; }
body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
-webkit-transition-delay: 1900ms;
transition-delay: 1900ms; }
body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
-webkit-transition-duration: 1950ms;
transition-duration: 1950ms; }
body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
-webkit-transition-delay: 1950ms;
transition-delay: 1950ms; }
body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
-webkit-transition-duration: 2000ms;
transition-duration: 2000ms; }
body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
-webkit-transition-delay: 2000ms;
transition-delay: 2000ms; }
body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
-webkit-transition-duration: 2050ms;
transition-duration: 2050ms; }
body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
-webkit-transition-delay: 2050ms;
transition-delay: 2050ms; }
body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
-webkit-transition-duration: 2100ms;
transition-duration: 2100ms; }
body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
-webkit-transition-delay: 2100ms;
transition-delay: 2100ms; }
body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
-webkit-transition-duration: 2150ms;
transition-duration: 2150ms; }
body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
-webkit-transition-delay: 2150ms;
transition-delay: 2150ms; }
body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
-webkit-transition-duration: 2200ms;
transition-duration: 2200ms; }
body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
-webkit-transition-delay: 2200ms;
transition-delay: 2200ms; }
body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
-webkit-transition-duration: 2250ms;
transition-duration: 2250ms; }
body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
-webkit-transition-delay: 2250ms;
transition-delay: 2250ms; }
body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
-webkit-transition-duration: 2300ms;
transition-duration: 2300ms; }
body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
-webkit-transition-delay: 2300ms;
transition-delay: 2300ms; }
body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
-webkit-transition-duration: 2350ms;
transition-duration: 2350ms; }
body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
-webkit-transition-delay: 2350ms;
transition-delay: 2350ms; }
body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
-webkit-transition-duration: 2400ms;
transition-duration: 2400ms; }
body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
-webkit-transition-delay: 2400ms;
transition-delay: 2400ms; }
body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
-webkit-transition-duration: 2450ms;
transition-duration: 2450ms; }
body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
-webkit-transition-delay: 2450ms;
transition-delay: 2450ms; }
body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
-webkit-transition-duration: 2500ms;
transition-duration: 2500ms; }
body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
-webkit-transition-delay: 2500ms;
transition-delay: 2500ms; }
body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
-webkit-transition-duration: 2550ms;
transition-duration: 2550ms; }
body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
-webkit-transition-delay: 2550ms;
transition-delay: 2550ms; }
body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
-webkit-transition-duration: 2600ms;
transition-duration: 2600ms; }
body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
-webkit-transition-delay: 2600ms;
transition-delay: 2600ms; }
body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
-webkit-transition-duration: 2650ms;
transition-duration: 2650ms; }
body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
-webkit-transition-delay: 2650ms;
transition-delay: 2650ms; }
body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
-webkit-transition-duration: 2700ms;
transition-duration: 2700ms; }
body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
-webkit-transition-delay: 2700ms;
transition-delay: 2700ms; }
body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
-webkit-transition-duration: 2750ms;
transition-duration: 2750ms; }
body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
-webkit-transition-delay: 2750ms;
transition-delay: 2750ms; }
body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
-webkit-transition-duration: 2800ms;
transition-duration: 2800ms; }
body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
-webkit-transition-delay: 2800ms;
transition-delay: 2800ms; }
body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
-webkit-transition-duration: 2850ms;
transition-duration: 2850ms; }
body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
-webkit-transition-delay: 2850ms;
transition-delay: 2850ms; }
body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
-webkit-transition-duration: 2900ms;
transition-duration: 2900ms; }
body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
-webkit-transition-delay: 2900ms;
transition-delay: 2900ms; }
body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
-webkit-transition-duration: 2950ms;
transition-duration: 2950ms; }
body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
-webkit-transition-delay: 2950ms;
transition-delay: 2950ms; }
body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
-webkit-transition-duration: 3000ms;
transition-duration: 3000ms; }
body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
-webkit-transition-delay: 0;
transition-delay: 0; }
body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
-webkit-transition-delay: 3000ms;
transition-delay: 3000ms; }
body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }
body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
-webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
-webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
/**
* Fade animations:
* fade
* fade-up, fade-down, fade-left, fade-right
* fade-up-right, fade-up-left, fade-down-right, fade-down-left
*/
[data-aos^='fade'][data-aos^='fade'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform; }
[data-aos^='fade'][data-aos^='fade'].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
[data-aos='fade-up'] {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0); }
[data-aos='fade-down'] {
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0); }
[data-aos='fade-right'] {
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0); }
[data-aos='fade-left'] {
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0); }
[data-aos='fade-up-right'] {
-webkit-transform: translate3d(-50px, 50px, 0);
transform: translate3d(-50px, 50px, 0); }
[data-aos='fade-up-left'] {
-webkit-transform: translate3d(50px, 50px, 0);
transform: translate3d(50px, 50px, 0); }
[data-aos='fade-down-right'] {
-webkit-transform: translate3d(-50px, -50px, 0);
transform: translate3d(-50px, -50px, 0); }
[data-aos='fade-down-left'] {
-webkit-transform: translate3d(50px, -50px, 0);
transform: translate3d(50px, -50px, 0); }
/**
* Zoom animations:
* zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
* zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
*/
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform; }
[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
[data-aos='zoom-in'] {
-webkit-transform: scale(0.6);
transform: scale(0.6); }
[data-aos='zoom-in-up'] {
-webkit-transform: translate3d(0, 50px, 0) scale(0.6);
transform: translate3d(0, 50px, 0) scale(0.6); }
[data-aos='zoom-in-down'] {
-webkit-transform: translate3d(0, -50px, 0) scale(0.6);
transform: translate3d(0, -50px, 0) scale(0.6); }
[data-aos='zoom-in-right'] {
-webkit-transform: translate3d(-50px, 0, 0) scale(0.6);
transform: translate3d(-50px, 0, 0) scale(0.6); }
[data-aos='zoom-in-left'] {
-webkit-transform: translate3d(50px, 0, 0) scale(0.6);
transform: translate3d(50px, 0, 0) scale(0.6); }
[data-aos='zoom-out'] {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
[data-aos='zoom-out-up'] {
-webkit-transform: translate3d(0, 50px, 0) scale(1.2);
transform: translate3d(0, 50px, 0) scale(1.2); }
[data-aos='zoom-out-down'] {
-webkit-transform: translate3d(0, -50px, 0) scale(1.2);
transform: translate3d(0, -50px, 0) scale(1.2); }
[data-aos='zoom-out-right'] {
-webkit-transform: translate3d(-50px, 0, 0) scale(1.2);
transform: translate3d(-50px, 0, 0) scale(1.2); }
[data-aos='zoom-out-left'] {
-webkit-transform: translate3d(50px, 0, 0) scale(1.2);
transform: translate3d(50px, 0, 0) scale(1.2); }
/**
* Slide animations
*/
[data-aos^='slide'][data-aos^='slide'] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos^='slide'][data-aos^='slide'].aos-animate {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
[data-aos='slide-up'] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
[data-aos='slide-down'] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
[data-aos='slide-right'] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
[data-aos='slide-left'] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
/**
* Flip animations:
* flip-left, flip-right, flip-up, flip-down
*/
[data-aos^='flip'][data-aos^='flip'] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
[data-aos='flip-left'] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg); }
[data-aos='flip-left'].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos='flip-right'] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg); }
[data-aos='flip-right'].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0); }
[data-aos='flip-up'] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg); }
[data-aos='flip-up'].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); }
[data-aos='flip-down'] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg); }
[data-aos='flip-down'].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0); }
/* ===================================================
COLOR DEFINITIONS
=================================================== */
/* ===================================================
FONT SETTINGS
=================================================== */
/* define font cuts: sans-serif */
/* ===================================================
BASIC SETTINGS
=================================================== */
/* ===================================================
GRID SETTINGS
=================================================== */
/* ===================================================
TYPE SETTINGS
=================================================== */
/* ===================================================
LINK SETTINGS
=================================================== */
/* ===================================================
CTA SETTINGS
=================================================== */
/* ===================================================
BACKGROUND
=================================================== */
/* ===================================================
COLOR SETTINGS
=================================================== */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ================================================ */
/* ===================================================
COMPONENT ACCORDION
=================================================== */
/* ===================================================
SPACING
=================================================== */
/* ===================================================
GRADIENT SETTINGS
=================================================== */
/* ===================================================
SOCIAL BAR
=================================================== */
/* ===================================================
COMPONENTS BASE
=================================================== */
/* ===================================================
FONTS
=================================================== */
/* ================================================ */
/* ================================================ */
/* sans-serif / superlight / normal */
/* sans-serif / superlight / italic */
/* sans-serif / extralight / normal */
/* sans-serif / extralight / italic */
/* sans-serif / light / normal */
@font-face {
font-family: HelveticaNowDisplay;
font-style: normal;
font-weight: 300;
src: url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Light.woff2") format("woff2"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Light.woff") format("woff"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Light.ttf") format("truetype");
/* Safari, Android, iOS */
font-display: swap; }
/* sans-serif / light / italic */
/* sans-serif / regular / normal */
@font-face {
font-family: HelveticaNowDisplay;
font-style: normal;
font-weight: 400;
src: url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Regular.woff2") format("woff2"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Regular.woff") format("woff"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Regular.ttf") format("truetype");
/* Safari, Android, iOS */
font-display: swap; }
/* sans-serif / regular / italic */
/* sans-serif / medium / normal */
/* sans-serif / medium / italic */
/* sans-serif / semibold / normal */
/* sans-serif / semibold / italic */
/* sans-serif / bold / normal */
@font-face {
font-family: HelveticaNowDisplay;
font-style: normal;
font-weight: 700;
src: url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Bold.woff2") format("woff2"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Bold.woff") format("woff"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-Bold.ttf") format("truetype");
/* Safari, Android, iOS */
font-display: swap; }
/* sans-serif / bold / italic */
/* sans-serif / extrabold / normal */
@font-face {
font-family: HelveticaNowDisplay;
font-style: normal;
font-weight: 800;
src: url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-ExtraBold.woff2") format("woff2"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-ExtraBold.woff") format("woff"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/HelveticaNowDisplay-ExtraBold.ttf") format("truetype");
/* Safari, Android, iOS */
font-display: swap; }
/* sans-serif / extrabold / italic */
/* sans-serif / superbold / normal */
/* sans-serif / superbold / italic */
/* ================================================ */
/* serif / superlight / normal */
/* serif / superlight / italic */
/* serif / extralight / normal */
/* serif / extralight / italic */
/* serif / light / normal */
/* serif / light / italic */
/* serif / regular / normal */
/* serif / regular / italic */
/* serif / medium / normal */
/* serif / medium / italic */
/* serif / semibold / normal */
/* serif / semibold / italic */
/* serif / bold / normal */
/* serif / bold / italic */
/* serif / extrabold / normal */
/* serif / extrabold / italic */
/* serif / superbold / normal */
/* serif / superbold / italic */
/* ===================================================
BEM grunt-webfonts
=================================================== */
@font-face {
font-family: "iconfont";
src: url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/iconfont.woff2") format("woff2"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/iconfont.woff") format("woff"), url("https://19954711.fs1.hubspotusercontent-eu1.net/hubfs/19954711/raw_assets/public/Theme-Hubspot/assets/fonts/iconfont.ttf") format("truetype");
font-display: swap;
font-weight: normal;
font-style: normal; }
.ic {
font-family: "iconfont";
display: inline-block;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: never;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.ic__activity:before {
content: "\e900"; }
.ic__airplay:before {
content: "\e901"; }
.ic__alert-circle:before {
content: "\e902"; }
.ic__alert-octagon:before {
content: "\e903"; }
.ic__alert-triangle:before {
content: "\e904"; }
.ic__align-center:before {
content: "\e905"; }
.ic__align-justify:before {
content: "\e906"; }
.ic__align-left:before {
content: "\e907"; }
.ic__align-right:before {
content: "\e908"; }
.ic__anchor:before {
content: "\e909"; }
.ic__aperture:before {
content: "\e90a"; }
.ic__archive:before {
content: "\e90b"; }
.ic__arrow-down-circle:before {
content: "\e90c"; }
.ic__arrow-down-left:before {
content: "\e90d"; }
.ic__arrow-down-right:before {
content: "\e90e"; }
.ic__arrow-down:before {
content: "\e90f"; }
.ic__arrow-left-circle:before {
content: "\e910"; }
.ic__arrow-left:before {
content: "\e911"; }
.ic__arrow-right-circle:before {
content: "\e912"; }
.ic__arrow-right:before {
content: "\e913"; }
.ic__arrow-up-circle:before {
content: "\e914"; }
.ic__arrow-up-left:before {
content: "\e915"; }
.ic__arrow-up-right:before {
content: "\e916"; }
.ic__arrow-up:before {
content: "\e917"; }
.ic__at-sign:before {
content: "\e918"; }
.ic__award:before {
content: "\e919"; }
.ic__bar-chart-2:before {
content: "\e91a"; }
.ic__bar-chart:before {
content: "\e91b"; }
.ic__battery-charging:before {
content: "\e91c"; }
.ic__battery:before {
content: "\e91d"; }
.ic__bell-off:before {
content: "\e91e"; }
.ic__bell:before {
content: "\e91f"; }
.ic__bluetooth:before {
content: "\e920"; }
.ic__bold:before {
content: "\e921"; }
.ic__book-open:before {
content: "\e922"; }
.ic__book:before {
content: "\e923"; }
.ic__bookmark:before {
content: "\e924"; }
.ic__box:before {
content: "\e925"; }
.ic__briefcase:before {
content: "\e926"; }
.ic__calendar:before {
content: "\e927"; }
.ic__camera-off:before {
content: "\e928"; }
.ic__camera:before {
content: "\e929"; }
.ic__cast:before {
content: "\e92a"; }
.ic__check-circle:before {
content: "\e92b"; }
.ic__check-square:before {
content: "\e92c"; }
.ic__check:before {
content: "\e92d"; }
.ic__chevron-down:before {
content: "\e92e"; }
.ic__chevron-left:before {
content: "\e92f"; }
.ic__chevron-right:before {
content: "\e930"; }
.ic__chevron-up:before {
content: "\e931"; }
.ic__chevrons-down:before {
content: "\e932"; }
.ic__chevrons-left:before {
content: "\e933"; }
.ic__chevrons-right:before {
content: "\e934"; }
.ic__chevrons-up:before {
content: "\e935"; }
.ic__chrome:before {
content: "\e936"; }
.ic__circle:before {
content: "\e937"; }
.ic__clipboard:before {
content: "\e938"; }
.ic__clock:before {
content: "\e939"; }
.ic__cloud-drizzle:before {
content: "\e93a"; }
.ic__cloud-lightning:before {
content: "\e93b"; }
.ic__cloud-off:before {
content: "\e93c"; }
.ic__cloud-rain:before {
content: "\e93d"; }
.ic__cloud-snow:before {
content: "\e93e"; }
.ic__cloud:before {
content: "\e93f"; }
.ic__code:before {
content: "\e940"; }
.ic__codepen:before {
content: "\e941"; }
.ic__codesandbox:before {
content: "\e942"; }
.ic__coffee:before {
content: "\e943"; }
.ic__columns:before {
content: "\e944"; }
.ic__command:before {
content: "\e945"; }
.ic__compass:before {
content: "\e946"; }
.ic__copy:before {
content: "\e947"; }
.ic__corner-down-left:before {
content: "\e948"; }
.ic__corner-down-right:before {
content: "\e949"; }
.ic__corner-left-down:before {
content: "\e94a"; }
.ic__corner-left-up:before {
content: "\e94b"; }
.ic__corner-right-down:before {
content: "\e94c"; }
.ic__corner-right-up:before {
content: "\e94d"; }
.ic__corner-up-left:before {
content: "\e94e"; }
.ic__corner-up-right:before {
content: "\e94f"; }
.ic__cpu:before {
content: "\e950"; }
.ic__credit-card:before {
content: "\e951"; }
.ic__crop:before {
content: "\e952"; }
.ic__crosshair:before {
content: "\e953"; }
.ic__database:before {
content: "\e954"; }
.ic__delete:before {
content: "\e955"; }
.ic__disc:before {
content: "\e956"; }
.ic__dollar-sign:before {
content: "\e957"; }
.ic__download-cloud:before {
content: "\e958"; }
.ic__download:before {
content: "\e959"; }
.ic__droplet:before {
content: "\e95a"; }
.ic__edit-2:before {
content: "\e95b"; }
.ic__edit-3:before {
content: "\e95c"; }
.ic__edit:before {
content: "\e95d"; }
.ic__external-link:before {
content: "\e95e"; }
.ic__eye-off:before {
content: "\e95f"; }
.ic__eye:before {
content: "\e960"; }
.ic__facebook:before {
content: "\e961"; }
.ic__fast-forward:before {
content: "\e962"; }
.ic__feather:before {
content: "\e963"; }
.ic__figma:before {
content: "\e964"; }
.ic__file-minus:before {
content: "\e965"; }
.ic__file-plus:before {
content: "\e966"; }
.ic__file-text:before {
content: "\e967"; }
.ic__file:before {
content: "\e968"; }
.ic__film:before {
content: "\e969"; }
.ic__filter:before {
content: "\e96a"; }
.ic__flag:before {
content: "\e96b"; }
.ic__folder-minus:before {
content: "\e96c"; }
.ic__folder-plus:before {
content: "\e96d"; }
.ic__folder:before {
content: "\e96e"; }
.ic__framer:before {
content: "\e96f"; }
.ic__frown:before {
content: "\e970"; }
.ic__gift:before {
content: "\e971"; }
.ic__git-branch:before {
content: "\e972"; }
.ic__git-commit:before {
content: "\e973"; }
.ic__git-merge:before {
content: "\e974"; }
.ic__git-pull-request:before {
content: "\e975"; }
.ic__github:before {
content: "\e976"; }
.ic__gitlab:before {
content: "\e977"; }
.ic__globe:before {
content: "\e978"; }
.ic__google:before {
content: "\e979"; }
.ic__grid:before {
content: "\e97a"; }
.ic__hard-drive:before {
content: "\e97b"; }
.ic__hash:before {
content: "\e97c"; }
.ic__headphones:before {
content: "\e97d"; }
.ic__heart:before {
content: "\e97e"; }
.ic__help-circle:before {
content: "\e97f"; }
.ic__hexagon:before {
content: "\e980"; }
.ic__home:before {
content: "\e981"; }
.ic__image:before {
content: "\e982"; }
.ic__inbox:before {
content: "\e983"; }
.ic__info:before {
content: "\e984"; }
.ic__instagram:before {
content: "\e985"; }
.ic__italic:before {
content: "\e986"; }
.ic__key:before {
content: "\e987"; }
.ic__layers:before {
content: "\e988"; }
.ic__layout:before {
content: "\e989"; }
.ic__life-buoy:before {
content: "\e98a"; }
.ic__link-2:before {
content: "\e98b"; }
.ic__link:before {
content: "\e98c"; }
.ic__linkedin:before {
content: "\e98d"; }
.ic__list:before {
content: "\e98e"; }
.ic__loader:before {
content: "\e98f"; }
.ic__lock:before {
content: "\e990"; }
.ic__log-in:before {
content: "\e991"; }
.ic__log-out:before {
content: "\e992"; }
.ic__mail:before {
content: "\e993"; }
.ic__map-pin:before {
content: "\e994"; }
.ic__map:before {
content: "\e995"; }
.ic__maximize-2:before {
content: "\e996"; }
.ic__maximize:before {
content: "\e997"; }
.ic__meh:before {
content: "\e998"; }
.ic__menu:before {
content: "\e999"; }
.ic__message-circle:before {
content: "\e99a"; }
.ic__message-square:before {
content: "\e99b"; }
.ic__mic-off:before {
content: "\e99c"; }
.ic__mic:before {
content: "\e99d"; }
.ic__minimize-2:before {
content: "\e99e"; }
.ic__minimize:before {
content: "\e99f"; }
.ic__minus-circle:before {
content: "\e9a0"; }
.ic__minus-square:before {
content: "\e9a1"; }
.ic__minus:before {
content: "\e9a2"; }
.ic__monitor:before {
content: "\e9a3"; }
.ic__moon:before {
content: "\e9a4"; }
.ic__more-horizontal:before {
content: "\e9a5"; }
.ic__more-vertical:before {
content: "\e9a6"; }
.ic__mouse-pointer:before {
content: "\e9a7"; }
.ic__move:before {
content: "\e9a8"; }
.ic__music:before {
content: "\e9a9"; }
.ic__navigation-2:before {
content: "\e9aa"; }
.ic__navigation:before {
content: "\e9ab"; }
.ic__octagon:before {
content: "\e9ac"; }
.ic__package:before {
content: "\e9ad"; }
.ic__paperclip:before {
content: "\e9ae"; }
.ic__pause-circle:before {
content: "\e9af"; }
.ic__pause:before {
content: "\e9b0"; }
.ic__pen-tool:before {
content: "\e9b1"; }
.ic__percent:before {
content: "\e9b2"; }
.ic__phone-call:before {
content: "\e9b3"; }
.ic__phone-forwarded:before {
content: "\e9b4"; }
.ic__phone-incoming:before {
content: "\e9b5"; }
.ic__phone-missed:before {
content: "\e9b6"; }
.ic__phone-off:before {
content: "\e9b7"; }
.ic__phone-outgoing:before {
content: "\e9b8"; }
.ic__phone:before {
content: "\e9b9"; }
.ic__pie-chart:before {
content: "\e9ba"; }
.ic__play-circle:before {
content: "\e9bb"; }
.ic__play:before {
content: "\e9bc"; }
.ic__plus-circle:before {
content: "\e9bd"; }
.ic__plus-square:before {
content: "\e9be"; }
.ic__plus:before {
content: "\e9bf"; }
.ic__pocket:before {
content: "\e9c0"; }
.ic__power:before {
content: "\e9c1"; }
.ic__printer:before {
content: "\e9c2"; }
.ic__radio:before {
content: "\e9c3"; }
.ic__refresh-ccw:before {
content: "\e9c4"; }
.ic__refresh-cw:before {
content: "\e9c5"; }
.ic__repeat:before {
content: "\e9c6"; }
.ic__rewind:before {
content: "\e9c7"; }
.ic__rotate-ccw:before {
content: "\e9c8"; }
.ic__rotate-cw:before {
content: "\e9c9"; }
.ic__rss:before {
content: "\e9ca"; }
.ic__save:before {
content: "\e9cb"; }
.ic__scissors:before {
content: "\e9cc"; }
.ic__search:before {
content: "\e9cd"; }
.ic__send:before {
content: "\e9ce"; }
.ic__server:before {
content: "\e9cf"; }
.ic__settings:before {
content: "\e9d0"; }
.ic__share-2:before {
content: "\e9d1"; }
.ic__share:before {
content: "\e9d2"; }
.ic__shield-off:before {
content: "\e9d3"; }
.ic__shield:before {
content: "\e9d4"; }
.ic__shopping-bag:before {
content: "\e9d5"; }
.ic__shopping-cart:before {
content: "\e9d6"; }
.ic__shuffle:before {
content: "\e9d7"; }
.ic__sidebar:before {
content: "\e9d8"; }
.ic__skip-back:before {
content: "\e9d9"; }
.ic__skip-forward:before {
content: "\e9da"; }
.ic__slack:before {
content: "\e9db"; }
.ic__slash:before {
content: "\e9dc"; }
.ic__sliders:before {
content: "\e9dd"; }
.ic__smartphone:before {
content: "\e9de"; }
.ic__smile:before {
content: "\e9df"; }
.ic__speaker:before {
content: "\e9e0"; }
.ic__square:before {
content: "\e9e1"; }
.ic__star:before {
content: "\e9e2"; }
.ic__stop-circle:before {
content: "\e9e3"; }
.ic__sun:before {
content: "\e9e4"; }
.ic__sunrise:before {
content: "\e9e5"; }
.ic__sunset:before {
content: "\e9e6"; }
.ic__tablet:before {
content: "\e9e7"; }
.ic__tag:before {
content: "\e9e8"; }
.ic__target:before {
content: "\e9e9"; }
.ic__terminal:before {
content: "\e9ea"; }
.ic__thermometer:before {
content: "\e9eb"; }
.ic__thumbs-down:before {
content: "\e9ec"; }
.ic__thumbs-up:before {
content: "\e9ed"; }
.ic__toggle-left:before {
content: "\e9ee"; }
.ic__toggle-right:before {
content: "\e9ef"; }
.ic__tool:before {
content: "\e9f0"; }
.ic__trash-2:before {
content: "\e9f1"; }
.ic__trash:before {
content: "\e9f2"; }
.ic__trello:before {
content: "\e9f3"; }
.ic__trending-down:before {
content: "\e9f4"; }
.ic__trending-up:before {
content: "\e9f5"; }
.ic__triangle:before {
content: "\e9f6"; }
.ic__truck:before {
content: "\e9f7"; }
.ic__tv:before {
content: "\e9f8"; }
.ic__twitch:before {
content: "\e9f9"; }
.ic__twitter:before {
content: "\e9fa"; }
.ic__type:before {
content: "\e9fb"; }
.ic__umbrella:before {
content: "\e9fc"; }
.ic__underline:before {
content: "\e9fd"; }
.ic__unlock:before {
content: "\e9fe"; }
.ic__upload-cloud:before {
content: "\e9ff"; }
.ic__upload:before {
content: "\ea00"; }
.ic__user-check:before {
content: "\ea01"; }
.ic__user-minus:before {
content: "\ea02"; }
.ic__user-plus:before {
content: "\ea03"; }
.ic__user-x:before {
content: "\ea04"; }
.ic__user:before {
content: "\ea05"; }
.ic__users:before {
content: "\ea06"; }
.ic__video-off:before {
content: "\ea07"; }
.ic__video:before {
content: "\ea08"; }
.ic__voicemail:before {
content: "\ea09"; }
.ic__volume-1:before {
content: "\ea0a"; }
.ic__volume-2:before {
content: "\ea0b"; }
.ic__volume-x:before {
content: "\ea0c"; }
.ic__volume:before {
content: "\ea0d"; }
.ic__watch:before {
content: "\ea0e"; }
.ic__wifi-off:before {
content: "\ea0f"; }
.ic__wifi:before {
content: "\ea10"; }
.ic__wind:before {
content: "\ea11"; }
.ic__x-circle:before {
content: "\ea12"; }
.ic__x-octagon:before {
content: "\ea13"; }
.ic__x-square:before {
content: "\ea14"; }
.ic__x:before {
content: "\ea15"; }
.ic__xing:before {
content: "\ea16"; }
.ic__youtube:before {
content: "\ea17"; }
.ic__zap-off:before {
content: "\ea18"; }
.ic__zap:before {
content: "\ea19"; }
.ic__zoom-in:before {
content: "\ea1a"; }
.ic__zoom-out:before {
content: "\ea1b"; }
/* ===================================================
COLORS
=================================================== */
/* ===================================================
PAGE BASICS
=================================================== */
/* ================================================ */
html {
font-size: 16px;
height: 100%;
scroll-behavior: smooth; }
body {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1;
background-color: #fff;
color: #121212;
padding: 0;
margin: 0;
height: 100%; }
body.isnt-scrollable {
overflow: hidden; }
body::after {
content: '';
display: none; }
header {
position: relative; }
main {
position: relative;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
footer {
position: relative; }
.body-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
div[data-global-resource-path="Theme-Hubspot/templates/partials/footer.html"] {
-ms-flex-negative: 0;
flex-shrink: 0; }
/* ===================================================
BREAKPOINTS
=================================================== */
/* ================================================ */
/* ===================================================
BREAKPOINTS FOR JS
=================================================== */
@media (min-width: 0) {
body::after {
content: "ms"; } }
@media (min-width: 480px) {
body::after {
content: "mp"; } }
@media (min-width: 576px) {
body::after {
content: "ml"; } }
@media (min-width: 657px) {
body::after {
content: "mw"; } }
@media (min-width: 768px) {
body::after {
content: "tp"; } }
@media (min-width: 920px) {
body::after {
content: "tl"; } }
@media (min-width: 1200px) {
body::after {
content: "dm"; } }
@media (min-width: 1440px) {
body::after {
content: "dw"; } }
/* ===================================================
SPACING
=================================================== */
/* ================================================ */
.m-0, .mt-0 {
margin-top: 0 !important; }
.m-0,
.mb-0 {
margin-bottom: 0 !important; }
.p-0, .pt-0 {
padding-top: 0 !important; }
.p-0,
.pb-0 {
padding-bottom: 0 !important; }
.m-1,
.mt-1 {
margin-top: 20px !important; }
.m-1,
.mb-1 {
margin-bottom: 20px !important; }
.m-2,
.mt-2 {
margin-top: 40px !important; }
.m-2,
.mb-2 {
margin-bottom: 40px !important; }
.m-3,
.mt-3 {
margin-top: 60px !important; }
.m-3,
.mb-3 {
margin-bottom: 60px !important; }
.p-1,
.pt-1 {
padding-top: 20px !important; }
.p-1,
.pb-1 {
padding-bottom: 20px !important; }
.p-2,
.pt-2 {
padding-top: 40px !important; }
.p-2,
.pb-2 {
padding-bottom: 40px !important; }
.p-3,
.pt-3 {
padding-top: 60px !important; }
.p-3,
.pb-3 {
padding-bottom: 60px !important; }
@media only screen and (min-width: 768px) {
.m-1,
.mt-1 {
margin-top: 40px !important; }
.m-1,
.mb-1 {
margin-bottom: 40px !important; }
.m-2,
.mt-2 {
margin-top: 80px !important; }
.m-2,
.mb-2 {
margin-bottom: 80px !important; }
.m-3,
.mt-3 {
margin-top: 120px !important; }
.m-3,
.mb-3 {
margin-bottom: 120px !important; }
.p-1,
.pt-1 {
padding-top: 40px !important; }
.p-1,
.pb-1 {
padding-bottom: 40px !important; }
.p-2,
.pt-2 {
padding-top: 80px !important; }
.p-2,
.pb-2 {
padding-bottom: 80px !important; }
.p-3,
.pt-3 {
padding-top: 120px !important; }
.p-3,
.pb-3 {
padding-bottom: 120px !important; } }
/* ================================================ */
/* ================================================ */
/* ================================================ */
@media only screen and (max-width: 479.98px) {
.m-auto,
.mt-auto {
margin-top: 20px !important; }
.m-auto,
.mb-auto {
margin-bottom: 20px !important; }
.p-auto,
.pt-auto {
padding-top: 20px !important; }
.p-auto,
.pb-auto {
padding-bottom: 20px !important; }
.m-mp-auto,
.mt-mp-auto {
margin-top: 20px !important; }
.m-mp-auto,
.mb-mp-auto {
margin-bottom: 20px !important; }
.p-mp-auto,
.pt-mp-auto {
padding-top: 20px !important; }
.p-mp-auto,
.pb-mp-auto {
padding-bottom: 20px !important; }
.m-ml-auto,
.mt-ml-auto {
margin-top: 20px !important; }
.m-ml-auto,
.mb-ml-auto {
margin-bottom: 20px !important; }
.p-ml-auto,
.pt-ml-auto {
padding-top: 20px !important; }
.p-ml-auto,
.pb-ml-auto {
padding-bottom: 20px !important; }
.m-mw-auto,
.mt-mw-auto {
margin-top: 20px !important; }
.m-mw-auto,
.mb-mw-auto {
margin-bottom: 20px !important; }
.p-mw-auto,
.pt-mw-auto {
padding-top: 20px !important; }
.p-mw-auto,
.pb-mw-auto {
padding-bottom: 20px !important; }
.m-tp-auto,
.mt-tp-auto {
margin-top: 20px !important; }
.m-tp-auto,
.mb-tp-auto {
margin-bottom: 20px !important; }
.p-tp-auto,
.pt-tp-auto {
padding-top: 20px !important; }
.p-tp-auto,
.pb-tp-auto {
padding-bottom: 20px !important; }
.m-tl-auto,
.mt-tl-auto {
margin-top: 20px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 20px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 20px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 20px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 20px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 20px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 20px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 20px !important; } }
@media only screen and (min-width: 480px) and (max-width: 575.98px) {
.m-mp-auto,
.mt-mp-auto {
margin-top: 20px !important; }
.m-mp-auto,
.mb-mp-auto {
margin-bottom: 20px !important; }
.p-mp-auto,
.pt-mp-auto {
padding-top: 20px !important; }
.p-mp-auto,
.pb-mp-auto {
padding-bottom: 20px !important; }
.m-ml-auto,
.mt-ml-auto {
margin-top: 20px !important; }
.m-ml-auto,
.mb-ml-auto {
margin-bottom: 20px !important; }
.p-ml-auto,
.pt-ml-auto {
padding-top: 20px !important; }
.p-ml-auto,
.pb-ml-auto {
padding-bottom: 20px !important; }
.m-mw-auto,
.mt-mw-auto {
margin-top: 20px !important; }
.m-mw-auto,
.mb-mw-auto {
margin-bottom: 20px !important; }
.p-mw-auto,
.pt-mw-auto {
padding-top: 20px !important; }
.p-mw-auto,
.pb-mw-auto {
padding-bottom: 20px !important; }
.m-tp-auto,
.mt-tp-auto {
margin-top: 20px !important; }
.m-tp-auto,
.mb-tp-auto {
margin-bottom: 20px !important; }
.p-tp-auto,
.pt-tp-auto {
padding-top: 20px !important; }
.p-tp-auto,
.pb-tp-auto {
padding-bottom: 20px !important; }
.m-tl-auto,
.mt-tl-auto {
margin-top: 20px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 20px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 20px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 20px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 20px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 20px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 20px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 20px !important; } }
@media only screen and (min-width: 576px) and (max-width: 656.98px) {
.m-ml-auto,
.mt-ml-auto {
margin-top: 20px !important; }
.m-ml-auto,
.mb-ml-auto {
margin-bottom: 20px !important; }
.p-ml-auto,
.pt-ml-auto {
padding-top: 20px !important; }
.p-ml-auto,
.pb-ml-auto {
padding-bottom: 20px !important; }
.m-mw-auto,
.mt-mw-auto {
margin-top: 20px !important; }
.m-mw-auto,
.mb-mw-auto {
margin-bottom: 20px !important; }
.p-mw-auto,
.pt-mw-auto {
padding-top: 20px !important; }
.p-mw-auto,
.pb-mw-auto {
padding-bottom: 20px !important; }
.m-tp-auto,
.mt-tp-auto {
margin-top: 20px !important; }
.m-tp-auto,
.mb-tp-auto {
margin-bottom: 20px !important; }
.p-tp-auto,
.pt-tp-auto {
padding-top: 20px !important; }
.p-tp-auto,
.pb-tp-auto {
padding-bottom: 20px !important; }
.m-tl-auto,
.mt-tl-auto {
margin-top: 20px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 20px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 20px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 20px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 20px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 20px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 20px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 20px !important; } }
@media only screen and (min-width: 657px) and (max-width: 767.98px) {
.m-mw-auto,
.mt-mw-auto {
margin-top: 20px !important; }
.m-mw-auto,
.mb-mw-auto {
margin-bottom: 20px !important; }
.p-mw-auto,
.pt-mw-auto {
padding-top: 20px !important; }
.p-mw-auto,
.pb-mw-auto {
padding-bottom: 20px !important; }
.m-tp-auto,
.mt-tp-auto {
margin-top: 20px !important; }
.m-tp-auto,
.mb-tp-auto {
margin-bottom: 20px !important; }
.p-tp-auto,
.pt-tp-auto {
padding-top: 20px !important; }
.p-tp-auto,
.pb-tp-auto {
padding-bottom: 20px !important; }
.m-tl-auto,
.mt-tl-auto {
margin-top: 20px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 20px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 20px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 20px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 20px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 20px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 20px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 20px !important; } }
@media only screen and (min-width: 768px) and (max-width: 919.98px) {
.m-tp-auto,
.mt-tp-auto {
margin-top: 40px !important; }
.m-tp-auto,
.mb-tp-auto {
margin-bottom: 40px !important; }
.p-tp-auto,
.pt-tp-auto {
padding-top: 40px !important; }
.p-tp-auto,
.pb-tp-auto {
padding-bottom: 40px !important; }
.m-tl-auto,
.mt-tl-auto {
margin-top: 40px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 40px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 40px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 40px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 40px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 40px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 40px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 40px !important; } }
@media only screen and (min-width: 920px) and (max-width: 1199.98px) {
.m-tl-auto,
.mt-tl-auto {
margin-top: 40px !important; }
.m-tl-auto,
.mb-tl-auto {
margin-bottom: 40px !important; }
.p-tl-auto,
.pt-tl-auto {
padding-top: 40px !important; }
.p-tl-auto,
.pb-tl-auto {
padding-bottom: 40px !important; }
.m-dm-auto,
.mt-dm-auto {
margin-top: 40px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 40px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 40px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 40px !important; } }
@media only screen and (min-width: 1200px) and (max-width: 1439.98px) {
.m-dm-auto,
.mt-dm-auto {
margin-top: 40px !important; }
.m-dm-auto,
.mb-dm-auto {
margin-bottom: 40px !important; }
.p-dm-auto,
.pt-dm-auto {
padding-top: 40px !important; }
.p-dm-auto,
.pb-dm-auto {
padding-bottom: 40px !important; } }
/* ================================================ */
.p,
.pt,
.pb,
.ptb,
.pl,
.pr,
.plr {
position: relative; }
.pt {
padding-top: 40px !important; }
.pb {
padding-bottom: 40px !important; }
.p,
.ptb {
padding-top: 40px !important;
padding-bottom: 40px !important; }
.dnd-section {
padding-top: 40px;
padding-bottom: 40px; }
@media only screen and (min-width: 768px) {
.pt {
padding-top: 80px !important; }
.pb {
padding-bottom: 80px !important; }
.p,
.ptb {
padding-top: 80px !important;
padding-bottom: 80px !important; }
.dnd-section {
padding-top: 80px;
padding-bottom: 80px; } }
.pl {
padding-left: 15px !important; }
.pr {
padding-right: 15px !important; }
.p,
.plr {
padding-left: 15px !important;
padding-right: 15px !important; }
@media only screen and (min-width: 768px) {
.pl {
padding-left: 20px !important; }
.pr {
padding-right: 20px !important; }
.p,
.plr {
padding-left: 20px !important;
padding-right: 20px !important; } }
/* ================================================ */
.ap-0 {
padding: 0px !important; }
.apx-0 {
padding: 0 0px !important; }
.apy-0 {
padding: 0px 0 !important; }
.apl-0 {
padding-left: 0px !important; }
.apr-0 {
padding-right: 0px !important; }
.apt-0 {
padding-top: 0px !important; }
.apb-0 {
padding-bottom: 0px !important; }
.am-0 {
margin: 0px !important; }
.amx-0 {
margin: 0 0px !important; }
.amy-0 {
margin: 0px 0 !important; }
.aml-0 {
margin-left: 0px !important; }
.amr-0 {
margin-right: 0px !important; }
.amt-0 {
margin-top: 0px !important; }
.amb-0 {
margin-bottom: 0px !important; }
.ap-1 {
padding: 16px !important; }
.apx-1 {
padding: 0 16px !important; }
.apy-1 {
padding: 16px 0 !important; }
.apl-1 {
padding-left: 16px !important; }
.apr-1 {
padding-right: 16px !important; }
.apt-1 {
padding-top: 16px !important; }
.apb-1 {
padding-bottom: 16px !important; }
.am-1 {
margin: 16px !important; }
.amx-1 {
margin: 0 16px !important; }
.amy-1 {
margin: 16px 0 !important; }
.aml-1 {
margin-left: 16px !important; }
.amr-1 {
margin-right: 16px !important; }
.amt-1 {
margin-top: 16px !important; }
.amb-1 {
margin-bottom: 16px !important; }
.ap-2 {
padding: 32px !important; }
.apx-2 {
padding: 0 32px !important; }
.apy-2 {
padding: 32px 0 !important; }
.apl-2 {
padding-left: 32px !important; }
.apr-2 {
padding-right: 32px !important; }
.apt-2 {
padding-top: 32px !important; }
.apb-2 {
padding-bottom: 32px !important; }
.am-2 {
margin: 32px !important; }
.amx-2 {
margin: 0 32px !important; }
.amy-2 {
margin: 32px 0 !important; }
.aml-2 {
margin-left: 32px !important; }
.amr-2 {
margin-right: 32px !important; }
.amt-2 {
margin-top: 32px !important; }
.amb-2 {
margin-bottom: 32px !important; }
.ap-3 {
padding: 48px !important; }
.apx-3 {
padding: 0 48px !important; }
.apy-3 {
padding: 48px 0 !important; }
.apl-3 {
padding-left: 48px !important; }
.apr-3 {
padding-right: 48px !important; }
.apt-3 {
padding-top: 48px !important; }
.apb-3 {
padding-bottom: 48px !important; }
.am-3 {
margin: 48px !important; }
.amx-3 {
margin: 0 48px !important; }
.amy-3 {
margin: 48px 0 !important; }
.aml-3 {
margin-left: 48px !important; }
.amr-3 {
margin-right: 48px !important; }
.amt-3 {
margin-top: 48px !important; }
.amb-3 {
margin-bottom: 48px !important; }
.ap-4 {
padding: 64px !important; }
.apx-4 {
padding: 0 64px !important; }
.apy-4 {
padding: 64px 0 !important; }
.apl-4 {
padding-left: 64px !important; }
.apr-4 {
padding-right: 64px !important; }
.apt-4 {
padding-top: 64px !important; }
.apb-4 {
padding-bottom: 64px !important; }
.am-4 {
margin: 64px !important; }
.amx-4 {
margin: 0 64px !important; }
.amy-4 {
margin: 64px 0 !important; }
.aml-4 {
margin-left: 64px !important; }
.amr-4 {
margin-right: 64px !important; }
.amt-4 {
margin-top: 64px !important; }
.amb-4 {
margin-bottom: 64px !important; }
.ap-5 {
padding: 80px !important; }
.apx-5 {
padding: 0 80px !important; }
.apy-5 {
padding: 80px 0 !important; }
.apl-5 {
padding-left: 80px !important; }
.apr-5 {
padding-right: 80px !important; }
.apt-5 {
padding-top: 80px !important; }
.apb-5 {
padding-bottom: 80px !important; }
.am-5 {
margin: 80px !important; }
.amx-5 {
margin: 0 80px !important; }
.amy-5 {
margin: 80px 0 !important; }
.aml-5 {
margin-left: 80px !important; }
.amr-5 {
margin-right: 80px !important; }
.amt-5 {
margin-top: 80px !important; }
.amb-5 {
margin-bottom: 80px !important; }
.ap-6 {
padding: 96px !important; }
.apx-6 {
padding: 0 96px !important; }
.apy-6 {
padding: 96px 0 !important; }
.apl-6 {
padding-left: 96px !important; }
.apr-6 {
padding-right: 96px !important; }
.apt-6 {
padding-top: 96px !important; }
.apb-6 {
padding-bottom: 96px !important; }
.am-6 {
margin: 96px !important; }
.amx-6 {
margin: 0 96px !important; }
.amy-6 {
margin: 96px 0 !important; }
.aml-6 {
margin-left: 96px !important; }
.amr-6 {
margin-right: 96px !important; }
.amt-6 {
margin-top: 96px !important; }
.amb-6 {
margin-bottom: 96px !important; }
.ap-7 {
padding: 112px !important; }
.apx-7 {
padding: 0 112px !important; }
.apy-7 {
padding: 112px 0 !important; }
.apl-7 {
padding-left: 112px !important; }
.apr-7 {
padding-right: 112px !important; }
.apt-7 {
padding-top: 112px !important; }
.apb-7 {
padding-bottom: 112px !important; }
.am-7 {
margin: 112px !important; }
.amx-7 {
margin: 0 112px !important; }
.amy-7 {
margin: 112px 0 !important; }
.aml-7 {
margin-left: 112px !important; }
.amr-7 {
margin-right: 112px !important; }
.amt-7 {
margin-top: 112px !important; }
.amb-7 {
margin-bottom: 112px !important; }
.ap-8 {
padding: 128px !important; }
.apx-8 {
padding: 0 128px !important; }
.apy-8 {
padding: 128px 0 !important; }
.apl-8 {
padding-left: 128px !important; }
.apr-8 {
padding-right: 128px !important; }
.apt-8 {
padding-top: 128px !important; }
.apb-8 {
padding-bottom: 128px !important; }
.am-8 {
margin: 128px !important; }
.amx-8 {
margin: 0 128px !important; }
.amy-8 {
margin: 128px 0 !important; }
.aml-8 {
margin-left: 128px !important; }
.amr-8 {
margin-right: 128px !important; }
.amt-8 {
margin-top: 128px !important; }
.amb-8 {
margin-bottom: 128px !important; }
/* ================================================ */
/* ================================================ */
/* ===================================================
GRID-HUBSPOT
=================================================== */
/* ================================================ */
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1; }
.row-fluid:before, .row-fluid:after {
display: table;
content: ""; }
.row-fluid:after {
clear: both; }
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-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%; }
@media only screen and (max-width: 919.98px) {
.row-fluid [class*="span"] {
float: none;
width: auto;
margin-left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
.row-fluid [class*="span"] {
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%; }
.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 only screen and (min-width: 1200px) {
.row-fluid [class*="span"] {
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%; }
.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%; } }
/* Container / Clearfix */
.container-fluid,
.clearfix {
*zoom: 1; }
.container-fluid:before, .container-fluid:after,
.clearfix:before,
.clearfix:after {
display: table;
content: ""; }
.container-fluid:after,
.clearfix:after {
clear: both; }
/* Drag and drop section */
.dnd-section {
position: relative; }
.dnd-section > .row-fluid {
max-width: 1440px;
margin: 0 auto; }
@media only screen and (min-width: 768px) {
.dnd-section > .row-fluid {
padding-left: 0;
padding-right: 0; } }
.dnd-section .dnd-column {
padding: 0 15px; }
@media only screen and (min-width: 768px) {
.dnd-section .dnd-column {
padding: 0 20px; } }
.dnd-section .dnd-custom-wrapper {
margin-left: -15px;
margin-right: -15px; }
@media only screen and (min-width: 768px) {
.dnd-section .dnd-custom-wrapper {
margin-left: -20px;
margin-right: -20px; } }
/* Visibility Classes */
.hide {
display: none; }
.show {
display: block; }
.invisible {
visibility: hidden; }
.hidden {
display: none;
visibility: hidden; }
/* Responsive Visibility Classes */
.visible-phone {
display: none !important; }
.visible-tablet {
display: none !important; }
.hidden-desktop {
display: none !important; }
@media only screen and (max-width: 919.98px) {
.visible-phone {
display: inherit !important; }
.hidden-phone {
display: none !important; }
.hidden-desktop {
display: inherit !important; }
.visible-desktop {
display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
.visible-tablet {
display: inherit !important; }
.hidden-tablet {
display: none !important; }
.hidden-desktop {
display: inherit !important; }
.visible-desktop {
display: none !important; } }
/* ===================================================
GRID
=================================================== */
/* ================================================ */
/* ================================================ */
.g-container {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 1440px;
padding-right: 15px;
padding-left: 15px; }
@media only screen and (min-width: 768px) {
.g-container {
padding-right: 20px;
padding-left: 20px; } }
.dnd-area .g-container {
padding-right: 0;
padding-left: 0; }
.dnd-area .dnd-custom-wrapper .g-container {
padding-right: 15px;
padding-left: 15px; }
@media only screen and (min-width: 768px) {
.dnd-area .dnd-custom-wrapper .g-container {
padding-right: 20px;
padding-left: 20px; } }
.g-container-fluid {
position: relative;
width: 100%;
margin-right: auto;
margin-left: auto; }
.dnd-area .g-container-fluid {
padding-right: 0;
padding-left: 0; }
.g-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px; }
@media only screen and (min-width: 768px) {
.g-row {
margin-right: -20px;
margin-left: -20px; } }
@media only screen and (min-width: 768px) {
.g-frameless {
margin-right: 0 !important;
margin-left: 0 !important; } }
@media only screen and (min-width: 768px) {
.g-col-frameless-left {
padding-left: 0 !important; } }
@media only screen and (min-width: 768px) {
.g-col-frameless-right {
padding-right: 0 !important; } }
@media only screen and (min-width: 768px) {
.g-col-frameless {
padding-left: 0 !important;
padding-right: 0 !important; } }
/* ================================================ */
/* ================================================ */
.g-display-none {
display: none !important; }
.g-display-block {
display: block !important; }
.g-display-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
@media only screen and (min-width: 480px) {
.g-display-mp-none {
display: none !important; }
.g-display-mp-block {
display: block !important; }
.g-display-mp-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 576px) {
.g-display-ml-none {
display: none !important; }
.g-display-ml-block {
display: block !important; }
.g-display-ml-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 657px) {
.g-display-mw-none {
display: none !important; }
.g-display-mw-block {
display: block !important; }
.g-display-mw-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 768px) {
.g-display-tp-none {
display: none !important; }
.g-display-tp-block {
display: block !important; }
.g-display-tp-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 920px) {
.g-display-tl-none {
display: none !important; }
.g-display-tl-block {
display: block !important; }
.g-display-tl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 1200px) {
.g-display-dm-none {
display: none !important; }
.g-display-dm-block {
display: block !important; }
.g-display-dm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
@media only screen and (min-width: 1440px) {
.g-display-dw-none {
display: none !important; }
.g-display-dw-block {
display: block !important; }
.g-display-dw-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; } }
/* ================================================ */
.g-col-1, .g-col-2, .g-col-3, .g-col-4, .g-col-5, .g-col-6, .g-col-7, .g-col-8, .g-col-9, .g-col-10, .g-col-11, .g-col-12, .g-col, .g-col-mp-1, .g-col-mp-2, .g-col-mp-3, .g-col-mp-4, .g-col-mp-5, .g-col-mp-6, .g-col-mp-7, .g-col-mp-8, .g-col-mp-9, .g-col-mp-10, .g-col-mp-11, .g-col-mp-12, .g-col-mp, .g-col-ml-1, .g-col-ml-2, .g-col-ml-3, .g-col-ml-4, .g-col-ml-5, .g-col-ml-6, .g-col-ml-7, .g-col-ml-8, .g-col-ml-9, .g-col-ml-10, .g-col-ml-11, .g-col-ml-12, .g-col-ml, .g-col-mw-1, .g-col-mw-2, .g-col-mw-3, .g-col-mw-4, .g-col-mw-5, .g-col-mw-6, .g-col-mw-7, .g-col-mw-8, .g-col-mw-9, .g-col-mw-10, .g-col-mw-11, .g-col-mw-12, .g-col-mw, .g-col-tp-1, .g-col-tp-2, .g-col-tp-3, .g-col-tp-4, .g-col-tp-5, .g-col-tp-6, .g-col-tp-7, .g-col-tp-8, .g-col-tp-9, .g-col-tp-10, .g-col-tp-11, .g-col-tp-12, .g-col-tp, .g-col-tl-1, .g-col-tl-2, .g-col-tl-3, .g-col-tl-4, .g-col-tl-5, .g-col-tl-6, .g-col-tl-7, .g-col-tl-8, .g-col-tl-9, .g-col-tl-10, .g-col-tl-11, .g-col-tl-12, .g-col-tl, .g-col-dm-1, .g-col-dm-2, .g-col-dm-3, .g-col-dm-4, .g-col-dm-5, .g-col-dm-6, .g-col-dm-7, .g-col-dm-8, .g-col-dm-9, .g-col-dm-10, .g-col-dm-11, .g-col-dm-12, .g-col-dm, .g-col-dw-1, .g-col-dw-2, .g-col-dw-3, .g-col-dw-4, .g-col-dw-5, .g-col-dw-6, .g-col-dw-7, .g-col-dw-8, .g-col-dw-9, .g-col-dw-10, .g-col-dw-11, .g-col-dw-12, .g-col-dw {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }
@media only screen and (min-width: 768px) {
.g-col-1, .g-col-2, .g-col-3, .g-col-4, .g-col-5, .g-col-6, .g-col-7, .g-col-8, .g-col-9, .g-col-10, .g-col-11, .g-col-12, .g-col, .g-col-mp-1, .g-col-mp-2, .g-col-mp-3, .g-col-mp-4, .g-col-mp-5, .g-col-mp-6, .g-col-mp-7, .g-col-mp-8, .g-col-mp-9, .g-col-mp-10, .g-col-mp-11, .g-col-mp-12, .g-col-mp, .g-col-ml-1, .g-col-ml-2, .g-col-ml-3, .g-col-ml-4, .g-col-ml-5, .g-col-ml-6, .g-col-ml-7, .g-col-ml-8, .g-col-ml-9, .g-col-ml-10, .g-col-ml-11, .g-col-ml-12, .g-col-ml, .g-col-mw-1, .g-col-mw-2, .g-col-mw-3, .g-col-mw-4, .g-col-mw-5, .g-col-mw-6, .g-col-mw-7, .g-col-mw-8, .g-col-mw-9, .g-col-mw-10, .g-col-mw-11, .g-col-mw-12, .g-col-mw, .g-col-tp-1, .g-col-tp-2, .g-col-tp-3, .g-col-tp-4, .g-col-tp-5, .g-col-tp-6, .g-col-tp-7, .g-col-tp-8, .g-col-tp-9, .g-col-tp-10, .g-col-tp-11, .g-col-tp-12, .g-col-tp, .g-col-tl-1, .g-col-tl-2, .g-col-tl-3, .g-col-tl-4, .g-col-tl-5, .g-col-tl-6, .g-col-tl-7, .g-col-tl-8, .g-col-tl-9, .g-col-tl-10, .g-col-tl-11, .g-col-tl-12, .g-col-tl, .g-col-dm-1, .g-col-dm-2, .g-col-dm-3, .g-col-dm-4, .g-col-dm-5, .g-col-dm-6, .g-col-dm-7, .g-col-dm-8, .g-col-dm-9, .g-col-dm-10, .g-col-dm-11, .g-col-dm-12, .g-col-dm, .g-col-dw-1, .g-col-dw-2, .g-col-dw-3, .g-col-dw-4, .g-col-dw-5, .g-col-dw-6, .g-col-dw-7, .g-col-dw-8, .g-col-dw-9, .g-col-dw-10, .g-col-dw-11, .g-col-dw-12, .g-col-dw {
padding-right: 20px;
padding-left: 20px; } }
.g-col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-1 {
margin-left: 8.3333333333%; }
.g-offset-2 {
margin-left: 16.6666666667%; }
.g-offset-3 {
margin-left: 25%; }
.g-offset-4 {
margin-left: 33.3333333333%; }
.g-offset-5 {
margin-left: 41.6666666667%; }
.g-offset-6 {
margin-left: 50%; }
.g-offset-7 {
margin-left: 58.3333333333%; }
.g-offset-8 {
margin-left: 66.6666666667%; }
.g-offset-9 {
margin-left: 75%; }
.g-offset-10 {
margin-left: 83.3333333333%; }
.g-offset-11 {
margin-left: 91.6666666667%; }
@media only screen and (min-width: 480px) {
.g-col-mp {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-mp-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-mp-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-mp-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-mp-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-mp-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-mp-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-mp-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-mp-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-mp-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-mp-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-mp-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-mp-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-mp-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-mp-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-mp-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-mp-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-mp-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-mp-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-mp-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-mp-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-mp-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-mp-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-mp-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-mp-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-mp-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-mp-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-mp-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-mp-0 {
margin-left: 0; }
.g-offset-mp-1 {
margin-left: 8.3333333333%; }
.g-offset-mp-2 {
margin-left: 16.6666666667%; }
.g-offset-mp-3 {
margin-left: 25%; }
.g-offset-mp-4 {
margin-left: 33.3333333333%; }
.g-offset-mp-5 {
margin-left: 41.6666666667%; }
.g-offset-mp-6 {
margin-left: 50%; }
.g-offset-mp-7 {
margin-left: 58.3333333333%; }
.g-offset-mp-8 {
margin-left: 66.6666666667%; }
.g-offset-mp-9 {
margin-left: 75%; }
.g-offset-mp-10 {
margin-left: 83.3333333333%; }
.g-offset-mp-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 576px) {
.g-col-ml {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-ml-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-ml-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-ml-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-ml-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-ml-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-ml-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-ml-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-ml-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-ml-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-ml-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-ml-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-ml-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-ml-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-ml-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-ml-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-ml-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-ml-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-ml-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-ml-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-ml-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-ml-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-ml-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-ml-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-ml-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-ml-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-ml-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-ml-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-ml-0 {
margin-left: 0; }
.g-offset-ml-1 {
margin-left: 8.3333333333%; }
.g-offset-ml-2 {
margin-left: 16.6666666667%; }
.g-offset-ml-3 {
margin-left: 25%; }
.g-offset-ml-4 {
margin-left: 33.3333333333%; }
.g-offset-ml-5 {
margin-left: 41.6666666667%; }
.g-offset-ml-6 {
margin-left: 50%; }
.g-offset-ml-7 {
margin-left: 58.3333333333%; }
.g-offset-ml-8 {
margin-left: 66.6666666667%; }
.g-offset-ml-9 {
margin-left: 75%; }
.g-offset-ml-10 {
margin-left: 83.3333333333%; }
.g-offset-ml-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 657px) {
.g-col-mw {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-mw-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-mw-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-mw-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-mw-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-mw-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-mw-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-mw-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-mw-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-mw-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-mw-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-mw-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-mw-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-mw-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-mw-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-mw-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-mw-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-mw-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-mw-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-mw-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-mw-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-mw-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-mw-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-mw-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-mw-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-mw-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-mw-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-mw-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-mw-0 {
margin-left: 0; }
.g-offset-mw-1 {
margin-left: 8.3333333333%; }
.g-offset-mw-2 {
margin-left: 16.6666666667%; }
.g-offset-mw-3 {
margin-left: 25%; }
.g-offset-mw-4 {
margin-left: 33.3333333333%; }
.g-offset-mw-5 {
margin-left: 41.6666666667%; }
.g-offset-mw-6 {
margin-left: 50%; }
.g-offset-mw-7 {
margin-left: 58.3333333333%; }
.g-offset-mw-8 {
margin-left: 66.6666666667%; }
.g-offset-mw-9 {
margin-left: 75%; }
.g-offset-mw-10 {
margin-left: 83.3333333333%; }
.g-offset-mw-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 768px) {
.g-col-tp {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-tp-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-tp-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-tp-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-tp-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-tp-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-tp-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-tp-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-tp-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-tp-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-tp-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-tp-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-tp-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-tp-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-tp-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-tp-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-tp-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-tp-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-tp-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-tp-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-tp-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-tp-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-tp-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-tp-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-tp-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-tp-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-tp-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-tp-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-tp-0 {
margin-left: 0; }
.g-offset-tp-1 {
margin-left: 8.3333333333%; }
.g-offset-tp-2 {
margin-left: 16.6666666667%; }
.g-offset-tp-3 {
margin-left: 25%; }
.g-offset-tp-4 {
margin-left: 33.3333333333%; }
.g-offset-tp-5 {
margin-left: 41.6666666667%; }
.g-offset-tp-6 {
margin-left: 50%; }
.g-offset-tp-7 {
margin-left: 58.3333333333%; }
.g-offset-tp-8 {
margin-left: 66.6666666667%; }
.g-offset-tp-9 {
margin-left: 75%; }
.g-offset-tp-10 {
margin-left: 83.3333333333%; }
.g-offset-tp-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 920px) {
.g-col-tl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-tl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-tl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-tl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-tl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-tl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-tl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-tl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-tl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-tl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-tl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-tl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-tl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-tl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-tl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-tl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-tl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-tl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-tl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-tl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-tl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-tl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-tl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-tl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-tl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-tl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-tl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-tl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-tl-0 {
margin-left: 0; }
.g-offset-tl-1 {
margin-left: 8.3333333333%; }
.g-offset-tl-2 {
margin-left: 16.6666666667%; }
.g-offset-tl-3 {
margin-left: 25%; }
.g-offset-tl-4 {
margin-left: 33.3333333333%; }
.g-offset-tl-5 {
margin-left: 41.6666666667%; }
.g-offset-tl-6 {
margin-left: 50%; }
.g-offset-tl-7 {
margin-left: 58.3333333333%; }
.g-offset-tl-8 {
margin-left: 66.6666666667%; }
.g-offset-tl-9 {
margin-left: 75%; }
.g-offset-tl-10 {
margin-left: 83.3333333333%; }
.g-offset-tl-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 1200px) {
.g-col-dm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-dm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-dm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-dm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-dm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-dm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-dm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-dm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-dm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-dm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-dm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-dm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-dm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-dm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-dm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-dm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-dm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-dm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-dm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-dm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-dm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-dm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-dm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-dm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-dm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-dm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-dm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-dm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-dm-0 {
margin-left: 0; }
.g-offset-dm-1 {
margin-left: 8.3333333333%; }
.g-offset-dm-2 {
margin-left: 16.6666666667%; }
.g-offset-dm-3 {
margin-left: 25%; }
.g-offset-dm-4 {
margin-left: 33.3333333333%; }
.g-offset-dm-5 {
margin-left: 41.6666666667%; }
.g-offset-dm-6 {
margin-left: 50%; }
.g-offset-dm-7 {
margin-left: 58.3333333333%; }
.g-offset-dm-8 {
margin-left: 66.6666666667%; }
.g-offset-dm-9 {
margin-left: 75%; }
.g-offset-dm-10 {
margin-left: 83.3333333333%; }
.g-offset-dm-11 {
margin-left: 91.6666666667%; } }
@media only screen and (min-width: 1440px) {
.g-col-dw {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.g-col-dw-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.g-col-dw-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.g-col-dw-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.g-col-dw-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.g-col-dw-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.g-col-dw-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.g-col-dw-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.g-col-dw-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.g-col-dw-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.g-col-dw-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.g-col-dw-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.g-col-dw-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.g-order-dw-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.g-order-dw-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.g-order-dw-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.g-order-dw-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.g-order-dw-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.g-order-dw-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.g-order-dw-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.g-order-dw-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.g-order-dw-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.g-order-dw-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.g-order-dw-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.g-order-dw-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.g-order-dw-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.g-order-dw-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.g-order-dw-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.g-offset-dw-0 {
margin-left: 0; }
.g-offset-dw-1 {
margin-left: 8.3333333333%; }
.g-offset-dw-2 {
margin-left: 16.6666666667%; }
.g-offset-dw-3 {
margin-left: 25%; }
.g-offset-dw-4 {
margin-left: 33.3333333333%; }
.g-offset-dw-5 {
margin-left: 41.6666666667%; }
.g-offset-dw-6 {
margin-left: 50%; }
.g-offset-dw-7 {
margin-left: 58.3333333333%; }
.g-offset-dw-8 {
margin-left: 66.6666666667%; }
.g-offset-dw-9 {
margin-left: 75%; }
.g-offset-dw-10 {
margin-left: 83.3333333333%; }
.g-offset-dw-11 {
margin-left: 91.6666666667%; } }
/* ===================================================
FLEX
=================================================== */
/* ================================================ */
.f-display {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; }
@media only screen and (min-width: 480px) {
.f-display-mp {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-mp-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-mp-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-mp-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-mp-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-mp-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-mp-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-mp-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-mp-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-mp-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-mp-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-mp {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-mp-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-mp-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-mp-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-mp-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-mp-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-mp-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-mp-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-mp-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 576px) {
.f-display-ml {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-ml-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-ml-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-ml-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-ml-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-ml-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-ml-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-ml-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-ml-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-ml-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-ml-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-ml {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-ml-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-ml-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-ml-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-ml-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-ml-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-ml-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-ml-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-ml-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 657px) {
.f-display-mw {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-mw-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-mw-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-mw-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-mw-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-mw-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-mw-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-mw-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-mw-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-mw-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-mw-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-mw {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-mw-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-mw-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-mw-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-mw-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-mw-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-mw-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-mw-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-mw-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 768px) {
.f-display-tp {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-tp-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-tp-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-tp-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-tp-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-tp-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-tp-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-tp-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-tp-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-tp-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-tp-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-tp {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-tp-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-tp-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-tp-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-tp-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-tp-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-tp-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-tp-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-tp-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 920px) {
.f-display-tl {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-tl-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-tl-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-tl-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-tl-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-tl-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-tl-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-tl-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-tl-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-tl-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-tl-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-tl {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-tl-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-tl-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-tl-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-tl-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-tl-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-tl-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-tl-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-tl-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 1200px) {
.f-display-dm {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-dm-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-dm-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-dm-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-dm-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-dm-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-dm-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-dm-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-dm-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-dm-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-dm-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-dm {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-dm-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-dm-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-dm-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-dm-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-dm-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-dm-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-dm-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-dm-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
@media only screen and (min-width: 1440px) {
.f-display-dw {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.f-justify-dw-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.f-justify-dw-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.f-justify-dw-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.f-justify-dw-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.f-justify-dw-around {
-ms-flex-pack: distribute;
justify-content: space-around; }
.f-align-items-dw-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.f-align-items-dw-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.f-align-items-dw-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.f-align-items-dw-base {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
.f-align-items-dw-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.f-wrap-dw {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.f-wrap-dw-off {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.f-wrap-dw-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.f-align-self-dw-auto {
-ms-flex-item-align: auto;
align-self: auto; }
.f-align-self-dw-start {
-ms-flex-item-align: start;
align-self: flex-start; }
.f-align-self-dw-end {
-ms-flex-item-align: end;
align-self: flex-end; }
.f-align-self-dw-center {
-ms-flex-item-align: center;
align-self: center; }
.f-align-self-dw-base {
-ms-flex-item-align: baseline;
align-self: baseline; }
.f-align-self-dw-stretch {
-ms-flex-item-align: stretch;
align-self: stretch; } }
/* ===================================================
TYPOGRAPHY SIZE
=================================================== */
/* ================================================ */
h1,
.h1 {
font-size: 1.75rem;
line-height: 1.2; }
h2,
.h2 {
font-size: 1.5rem;
line-height: 1.3; }
h3,
.h3 {
font-size: 1.5rem;
line-height: 1.3; }
h4,
.h4 {
font-size: 1rem;
line-height: 1.3; }
h5,
.h5 {
font-size: 1.25rem;
line-height: 1.3; }
h5,
.h5 {
font-size: 1.25rem;
line-height: 1.3; }
p {
font-size: 1.125rem;
line-height: 1.3; }
.hero,
.hero p {
font-size: 2.625rem;
line-height: 1.25; }
.intro,
.intro p {
font-size: 1.375rem;
line-height: 1.3; }
@media only screen and (min-width: 480px) {
h1,
.h1 {
font-size: 2rem; }
h2,
.h2 {
font-size: 1.625rem; }
h3,
.h3 {
font-size: 1.5rem; }
.hero,
.hero p {
font-size: 3rem; } }
@media only screen and (min-width: 576px) {
h1,
.h1 {
font-size: 2.375rem; }
h2,
.h2 {
font-size: 2rem; }
h3,
.h3 {
font-size: 2.375rem;
line-height: 1.3; }
h4,
.h4 {
font-size: 1rem;
line-height: 1.3; }
h5,
.h5 {
font-size: 1.75rem;
line-height: 1.3; }
h5,
.h5 {
font-size: 1.75rem;
line-height: 1.3; }
p {
font-size: 1.375rem;
line-height: 1.5; }
.hero,
.hero p {
font-size: 3.25rem; }
.intro,
.intro p {
font-size: 1.625rem;
line-height: 1.4; } }
@media only screen and (min-width: 768px) {
h1,
.h1 {
font-size: 3.375rem;
line-height: 1.2; }
h2,
.h2 {
font-size: 2.625rem;
line-height: 1.3; }
.hero,
.hero p {
font-size: 4rem; } }
@media only screen and (min-width: 1200px) {
h1,
.h1 {
font-size: 4rem;
line-height: 1.2; }
h2,
.h2 {
font-size: 3.25rem;
line-height: 1.3; }
.hero,
.hero p {
font-size: 4.5rem;
line-height: 1.1; } }
/* ================================================ */
/* ===================================================
TYPOGRAPHY STYLE
=================================================== */
/* ================================================ */
h1,
.h1 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 800;
letter-spacing: 0;
color: #121212;
margin-bottom: 1rem; }
h1 strong,
.h1 strong {
font-weight: 800; }
h2,
.h2 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0;
color: #121212;
margin-bottom: 1rem; }
h2 strong,
.h2 strong {
font-weight: 300; }
h3,
.h3 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 800;
letter-spacing: 0;
color: #121212;
margin-bottom: 1rem; }
h3 strong,
.h3 strong {
font-weight: 800; }
h4,
.h4 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 2.5px;
color: #121212;
margin-bottom: 1rem;
text-transform: uppercase; }
h4 strong,
.h4 strong {
font-weight: 400; }
h5,
.h5 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 0;
color: #121212;
margin-bottom: 1rem; }
h5 strong,
.h5 strong {
font-weight: 800; }
h6,
.h6 {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0;
color: #121212;
margin-bottom: 1rem; }
h6 strong,
.h6 strong {
font-weight: 700; }
.hero {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 800;
color: #121212;
margin-bottom: 2rem; }
.hero strong {
font-weight: 800; }
.intro {
font-family: "HelveticaNowDisplay", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #121212;
letter-spacing: .2px; }
.text-serif {
font-family: "Georgia", Times, serif; }
.text-medium {
font-weight: 500; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-small {
font-size: 1.125rem;
line-height: 1.66; }
.hyphens {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
b,
strong {
font-weight: 700; }
p {
letter-spacing: .1px; }
.text-primary {
color: #121212; }
.text-secondary {
color: #0163e6; }
/* ===================================================
LINKS
=================================================== */
/* ================================================ */
/* ===================================================
BACKGROUND
=================================================== */
/* ================================================ */
.bg-white {
background-color: #fff; }
.bg-black {
background-color: #121212; }
.bg-primary {
background-color: #121212; }
.bg-primary-shade {
background-color: #000; }
.bg-primary-tint {
background-color: #606870; }
.bg-primary-delicate {
background-color: #f1f4f8; }
.bg-secondary {
background-color: #0163e6; }
.bg-secondary-shade {
background-color: #05459E; }
.bg-secondary-tint {
background-color: #006eff; }
.bg-success {
background-color: #28a745; }
.bg-success-shade {
background-color: #199034; }
.bg-danger {
background-color: #dc3545; }
.bg-danger-shade {
background-color: #c52333; }
.bg-warning {
background-color: #ffc107; }
.bg-warning-shade {
background-color: #f5a800; }
.bg-info {
background-color: #17a2b8; }
.bg-info-shade {
background-color: #098ba0; }
/* ===================================================
TABLES
=================================================== */
table {
border: 1px solid;
margin-bottom: 1.4rem;
overflow-wrap: break-word; }
/* Table Cells */
th,
td {
border: 1px solid;
padding: 0.75rem;
vertical-align: top; }
/* Table Header */
thead th,
thead td {
border-bottom: 2px solid;
vertical-align: bottom; }
/* ===================================================
COMPONENTS BASE
=================================================== */
/* ===================================================
SECTION COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-section {
position: relative;
width: 100%; }
.c-section__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center center;
background-size: cover; }
.c-section__pattern {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: repeat top left; }
.c-section__video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden; }
.c-section__video-player {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.c-section__background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
/* ---------------------------------------------------
Context: Svg animation
--------------------------------------------------- */
.c-section__background--cropping {
overflow: hidden; }
/* ===================================================
LABEL COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-label {
position: relative;
display: inline-block;
margin-top: 1rem;
margin-bottom: .5rem;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.25; }
/* ---------------------------------------------------
Context: radio/checkbox
--------------------------------------------------- */
.c-label--radio, .c-label--checkbox {
margin-top: 2px;
margin-bottom: 0;
padding-left: 35px;
cursor: pointer; }
/* ===================================================
CHECKBOX COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-checkbox {
display: block;
position: relative;
z-index: 1; }
.c-checkbox__native {
position: absolute;
top: 2px;
left: 0;
width: 24px !important;
height: 24px !important;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
z-index: 4; }
.c-checkbox__native:checked + .c-checkbox__background::before {
position: absolute;
display: block;
left: 6px;
top: 3px;
width: 7px;
height: 12px;
border: solid #121212;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
z-index: 3; }
.c-checkbox__background {
position: absolute;
top: 2px;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
border: 2px solid #121212;
border-radius: 0;
content: "";
z-index: 2; }
.c-checkbox__wrapper {
margin-bottom: .5rem; }
/* ---------------------------------------------------
Context:Type Radio
--------------------------------------------------- */
.c-checkbox--radio .c-checkbox__native:checked + .c-checkbox__background::before {
top: 6px;
left: 6px;
width: 4px;
height: 4px;
border: 4px solid #121212;
border-radius: 50%;
content: ""; }
.c-checkbox--radio .c-checkbox__background {
border-radius: 50%; }
/* ===================================================
CTA COMPONENT
=================================================== */
/* ------------------------------------------------- */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.button,
.hs-button,
.cta_button,
[data-hubspot-cta-id],
.c-cta {
position: relative;
display: inline-block;
cursor: pointer;
padding: 1rem 2rem;
border: 2px solid;
border-radius: 100px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
text-shadow: none;
text-align: center;
letter-spacing: 1px;
font-size: 1.125rem;
line-height: 1;
color: #0163e6;
text-decoration: none;
font-weight: 700;
background-color: transparent;
border-color: #0163e6;
font-weight: 700 !important; }
@media only screen and (min-width: 576px) {
.button,
.hs-button,
.cta_button,
[data-hubspot-cta-id],
.c-cta {
font-size: 1.375rem; } }
.button:hover,
.hs-button:hover,
.cta_button:hover,
[data-hubspot-cta-id]:hover,
.c-cta:hover {
color: #05459E; }
.button:focus,
.hs-button:focus,
.cta_button:focus,
[data-hubspot-cta-id]:focus,
.c-cta:focus {
color: #0163e6; }
.button:hover,
.hs-button:hover,
.cta_button:hover,
[data-hubspot-cta-id]:hover,
.c-cta:hover {
background-color: transparent; }
.button:focus,
.hs-button:focus,
.cta_button:focus,
[data-hubspot-cta-id]:focus,
.c-cta:focus {
background-color: transparent; }
.button:hover,
.hs-button:hover,
.cta_button:hover,
[data-hubspot-cta-id]:hover,
.c-cta:hover {
border-color: #05459E; }
.button:focus,
.hs-button:focus,
.cta_button:focus,
[data-hubspot-cta-id]:focus,
.c-cta:focus {
border-color: #0163e6; }
.button:focus,
.hs-button:focus,
.cta_button:focus,
[data-hubspot-cta-id]:focus,
.c-cta:focus {
outline: 0; }
.button:disabled, .button[disabled],
.hs-button:disabled,
.hs-button[disabled],
.cta_button:disabled,
.cta_button[disabled],
[data-hubspot-cta-id]:disabled,
[data-hubspot-cta-id][disabled],
.c-cta:disabled,
.c-cta[disabled] {
background: #dbe1e5 !important;
border-color: #dbe1e5 !important;
color: #606870 !important;
cursor: default !important; }
.button:disabled:hover, .button[disabled]:hover,
.hs-button:disabled:hover,
.hs-button[disabled]:hover,
.cta_button:disabled:hover,
.cta_button[disabled]:hover,
[data-hubspot-cta-id]:disabled:hover,
[data-hubspot-cta-id][disabled]:hover,
.c-cta:disabled:hover,
.c-cta[disabled]:hover {
background: #dbe1e5 !important;
border-color: #dbe1e5 !important;
color: #606870 !important;
cursor: default !important; }
.button .ic,
.hs-button .ic,
.cta_button .ic,
[data-hubspot-cta-id] .ic,
.c-cta .ic {
color: #0163e6; }
.c-cta__text {
display: inline; }
.c-cta__icon-left {
margin-right: 6px; }
.c-cta__icon-right {
margin-left: 6px; }
/* ---------------------------------------------------
Context: primary
--------------------------------------------------- */
.button.primary,
.hs-button.primary,
.cta_button.primary,
[data-hubspot-cta-id].primary,
.c-cta.primary {
color: #fff;
background-color: #0163e6;
border-color: #0163e6; }
.button.primary:hover,
.hs-button.primary:hover,
.cta_button.primary:hover,
[data-hubspot-cta-id].primary:hover,
.c-cta.primary:hover {
color: #fff; }
.button.primary:focus,
.hs-button.primary:focus,
.cta_button.primary:focus,
[data-hubspot-cta-id].primary:focus,
.c-cta.primary:focus {
color: #fff; }
.button.primary:hover,
.hs-button.primary:hover,
.cta_button.primary:hover,
[data-hubspot-cta-id].primary:hover,
.c-cta.primary:hover {
background-color: #05459E; }
.button.primary:focus,
.hs-button.primary:focus,
.cta_button.primary:focus,
[data-hubspot-cta-id].primary:focus,
.c-cta.primary:focus {
background-color: #0163e6; }
.button.primary:hover,
.hs-button.primary:hover,
.cta_button.primary:hover,
[data-hubspot-cta-id].primary:hover,
.c-cta.primary:hover {
border-color: #05459E; }
.button.primary:focus,
.hs-button.primary:focus,
.cta_button.primary:focus,
[data-hubspot-cta-id].primary:focus,
.c-cta.primary:focus {
border-color: #0163e6; }
.button.primary .ic,
.hs-button.primary .ic,
.cta_button.primary .ic,
[data-hubspot-cta-id].primary .ic,
.c-cta.primary .ic {
color: #fff; }
/* ---------------------------------------------------
Context: secondary
--------------------------------------------------- */
.button.secondary,
.hs-button.secondary,
.cta_button.secondary,
[data-hubspot-cta-id].secondary,
.c-cta.secondary {
color: #fff;
background-color: #121212;
border-color: #121212; }
.button.secondary:hover,
.hs-button.secondary:hover,
.cta_button.secondary:hover,
[data-hubspot-cta-id].secondary:hover,
.c-cta.secondary:hover {
color: #fff; }
.button.secondary:focus,
.hs-button.secondary:focus,
.cta_button.secondary:focus,
[data-hubspot-cta-id].secondary:focus,
.c-cta.secondary:focus {
color: #fff; }
.button.secondary:hover,
.hs-button.secondary:hover,
.cta_button.secondary:hover,
[data-hubspot-cta-id].secondary:hover,
.c-cta.secondary:hover {
background-color: #868994; }
.button.secondary:focus,
.hs-button.secondary:focus,
.cta_button.secondary:focus,
[data-hubspot-cta-id].secondary:focus,
.c-cta.secondary:focus {
background-color: #121212; }
.button.secondary:hover,
.hs-button.secondary:hover,
.cta_button.secondary:hover,
[data-hubspot-cta-id].secondary:hover,
.c-cta.secondary:hover {
border-color: #868994; }
.button.secondary:focus,
.hs-button.secondary:focus,
.cta_button.secondary:focus,
[data-hubspot-cta-id].secondary:focus,
.c-cta.secondary:focus {
border-color: #121212; }
.button.secondary .ic,
.hs-button.secondary .ic,
.cta_button.secondary .ic,
[data-hubspot-cta-id].secondary .ic,
.c-cta.secondary .ic {
color: #fff; }
.button.is-active,
.hs-button.is-active,
.cta_button.is-active,
[data-hubspot-cta-id].is-active,
.c-cta.is-active {
color: #fff;
background-color: #0163e6;
border-color: #0163e6; }
.button.is-active:hover,
.hs-button.is-active:hover,
.cta_button.is-active:hover,
[data-hubspot-cta-id].is-active:hover,
.c-cta.is-active:hover {
color: #fff; }
.button.is-active:focus,
.hs-button.is-active:focus,
.cta_button.is-active:focus,
[data-hubspot-cta-id].is-active:focus,
.c-cta.is-active:focus {
color: #fff; }
.button.is-active:hover,
.hs-button.is-active:hover,
.cta_button.is-active:hover,
[data-hubspot-cta-id].is-active:hover,
.c-cta.is-active:hover {
background-color: #01429a; }
.button.is-active:focus,
.hs-button.is-active:focus,
.cta_button.is-active:focus,
[data-hubspot-cta-id].is-active:focus,
.c-cta.is-active:focus {
background-color: #01429a; }
.button.is-active:hover,
.hs-button.is-active:hover,
.cta_button.is-active:hover,
[data-hubspot-cta-id].is-active:hover,
.c-cta.is-active:hover {
border-color: #01429a; }
.button.is-active:focus,
.hs-button.is-active:focus,
.cta_button.is-active:focus,
[data-hubspot-cta-id].is-active:focus,
.c-cta.is-active:focus {
border-color: #01429a; }
/* ---------------------------------------------------
Context: white
--------------------------------------------------- */
.button.white,
.hs-button.white,
.cta_button.white,
[data-hubspot-cta-id].white,
.c-cta.white {
color: #121212;
background-color: #f1f4f8;
border-color: #f1f4f8; }
.button.white:hover,
.hs-button.white:hover,
.cta_button.white:hover,
[data-hubspot-cta-id].white:hover,
.c-cta.white:hover {
color: #121212; }
.button.white:focus,
.hs-button.white:focus,
.cta_button.white:focus,
[data-hubspot-cta-id].white:focus,
.c-cta.white:focus {
color: #121212; }
.button.white:hover,
.hs-button.white:hover,
.cta_button.white:hover,
[data-hubspot-cta-id].white:hover,
.c-cta.white:hover {
background-color: #b6bdc2; }
.button.white:focus,
.hs-button.white:focus,
.cta_button.white:focus,
[data-hubspot-cta-id].white:focus,
.c-cta.white:focus {
background-color: #f1f4f8; }
.button.white:hover,
.hs-button.white:hover,
.cta_button.white:hover,
[data-hubspot-cta-id].white:hover,
.c-cta.white:hover {
border-color: #b6bdc2; }
.button.white:focus,
.hs-button.white:focus,
.cta_button.white:focus,
[data-hubspot-cta-id].white:focus,
.c-cta.white:focus {
border-color: #7ab2fd; }
.button.white .ic,
.hs-button.white .ic,
.cta_button.white .ic,
[data-hubspot-cta-id].white .ic,
.c-cta.white .ic {
color: #121212; }
.button.tertiary,
.hs-button.tertiary,
.cta_button.tertiary,
[data-hubspot-cta-id].tertiary,
.c-cta.tertiary {
color: #121212;
background-color: #fff;
border-color: #121212; }
.button.tertiary:hover,
.hs-button.tertiary:hover,
.cta_button.tertiary:hover,
[data-hubspot-cta-id].tertiary:hover,
.c-cta.tertiary:hover {
color: #fff; }
.button.tertiary:focus,
.hs-button.tertiary:focus,
.cta_button.tertiary:focus,
[data-hubspot-cta-id].tertiary:focus,
.c-cta.tertiary:focus {
color: #121212; }
.button.tertiary:hover,
.hs-button.tertiary:hover,
.cta_button.tertiary:hover,
[data-hubspot-cta-id].tertiary:hover,
.c-cta.tertiary:hover {
background-color: #121212; }
.button.tertiary:focus,
.hs-button.tertiary:focus,
.cta_button.tertiary:focus,
[data-hubspot-cta-id].tertiary:focus,
.c-cta.tertiary:focus {
background-color: #fff; }
.button.tertiary:hover,
.hs-button.tertiary:hover,
.cta_button.tertiary:hover,
[data-hubspot-cta-id].tertiary:hover,
.c-cta.tertiary:hover {
border-color: #121212; }
.button.tertiary:focus,
.hs-button.tertiary:focus,
.cta_button.tertiary:focus,
[data-hubspot-cta-id].tertiary:focus,
.c-cta.tertiary:focus {
border-color: #121212; }
.button.tertiary.is-active,
.hs-button.tertiary.is-active,
.cta_button.tertiary.is-active,
[data-hubspot-cta-id].tertiary.is-active,
.c-cta.tertiary.is-active {
color: #121212;
background: #fff;
border-color: #121212; }
.button.tertiary .ic,
.hs-button.tertiary .ic,
.cta_button.tertiary .ic,
[data-hubspot-cta-id].tertiary .ic,
.c-cta.tertiary .ic {
-webkit-transition: .4s;
transition: .4s;
color: #121212; }
.button.tertiary:hover .ic,
.hs-button.tertiary:hover .ic,
.cta_button.tertiary:hover .ic,
[data-hubspot-cta-id].tertiary:hover .ic,
.c-cta.tertiary:hover .ic {
color: #fff; }
/* ---------------------------------------------------
Context: small
--------------------------------------------------- */
.button.small,
.hs-button.small,
.cta_button.small,
[data-hubspot-cta-id].small,
.c-cta.small {
padding: .5rem 1rem;
font-size: 0.875rem;
line-height: 1; }
@media only screen and (min-width: 480px) {
.button.small,
.hs-button.small,
.cta_button.small,
[data-hubspot-cta-id].small,
.c-cta.small {
font-size: 0.9375rem; } }
@media only screen and (min-width: 576px) {
.button.small,
.hs-button.small,
.cta_button.small,
[data-hubspot-cta-id].small,
.c-cta.small {
font-size: 1rem; } }
/* ---------------------------------------------------
Context: number
--------------------------------------------------- */
.button.number,
.hs-button.number,
.cta_button.number,
[data-hubspot-cta-id].number,
.c-cta.number {
padding-left: 0;
padding-right: 0;
width: 58px; }
.button.number.small,
.hs-button.number.small,
.cta_button.number.small,
[data-hubspot-cta-id].number.small,
.c-cta.number.small {
width: 38px; }
/* ---------------------------------------------------
Context: hidden
--------------------------------------------------- */
.button.hidden,
.hs-button.hidden,
.cta_button.hidden,
[data-hubspot-cta-id].hidden,
.c-cta.hidden {
visibility: hidden;
cursor: default;
pointer-events: none; }
/* ---------------------------------------------------
Context: Light
--------------------------------------------------- */
.c-header.cs-light .cta_button.primary,
.c-header.cs-light [data-hubspot-cta-id].primary,
.cs-light.button.primary,
.cs-light.hs-button.primary,
.cs-light.cta_button.primary,
.cs-light [data-hubspot-cta-id].primary,
.cs-light.c-cta.primary {
color: #fff;
background-color: #0163e6;
border-color: #0163e6; }
.c-header.cs-light .cta_button.primary:hover,
.c-header.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.button.primary:hover,
.cs-light.hs-button.primary:hover,
.cs-light.cta_button.primary:hover,
.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.c-cta.primary:hover {
color: #fff; }
.c-header.cs-light .cta_button.primary:focus,
.c-header.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.button.primary:focus,
.cs-light.hs-button.primary:focus,
.cs-light.cta_button.primary:focus,
.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.c-cta.primary:focus {
color: #fff; }
.c-header.cs-light .cta_button.primary:hover,
.c-header.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.button.primary:hover,
.cs-light.hs-button.primary:hover,
.cs-light.cta_button.primary:hover,
.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.c-cta.primary:hover {
background-color: #05459E; }
.c-header.cs-light .cta_button.primary:focus,
.c-header.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.button.primary:focus,
.cs-light.hs-button.primary:focus,
.cs-light.cta_button.primary:focus,
.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.c-cta.primary:focus {
background-color: #0163e6; }
.c-header.cs-light .cta_button.primary:hover,
.c-header.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.button.primary:hover,
.cs-light.hs-button.primary:hover,
.cs-light.cta_button.primary:hover,
.cs-light [data-hubspot-cta-id].primary:hover,
.cs-light.c-cta.primary:hover {
border-color: #05459E; }
.c-header.cs-light .cta_button.primary:focus,
.c-header.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.button.primary:focus,
.cs-light.hs-button.primary:focus,
.cs-light.cta_button.primary:focus,
.cs-light [data-hubspot-cta-id].primary:focus,
.cs-light.c-cta.primary:focus {
border-color: #0163e6; }
.c-header.cs-light .cta_button.primary .ic,
.c-header.cs-light [data-hubspot-cta-id].primary .ic,
.cs-light.button.primary .ic,
.cs-light.hs-button.primary .ic,
.cs-light.cta_button.primary .ic,
.cs-light [data-hubspot-cta-id].primary .ic,
.cs-light.c-cta.primary .ic {
color: #fff; }
.c-header.cs-light .cta_button.secondary,
.c-header.cs-light [data-hubspot-cta-id].secondary,
.cs-light.button.secondary,
.cs-light.hs-button.secondary,
.cs-light.cta_button.secondary,
.cs-light [data-hubspot-cta-id].secondary,
.cs-light.c-cta.secondary {
color: #121212;
background-color: #fff;
border-color: #fff; }
.c-header.cs-light .cta_button.secondary:hover,
.c-header.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.button.secondary:hover,
.cs-light.hs-button.secondary:hover,
.cs-light.cta_button.secondary:hover,
.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.c-cta.secondary:hover {
color: #fff; }
.c-header.cs-light .cta_button.secondary:focus,
.c-header.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.button.secondary:focus,
.cs-light.hs-button.secondary:focus,
.cs-light.cta_button.secondary:focus,
.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.c-cta.secondary:focus {
color: #121212; }
.c-header.cs-light .cta_button.secondary:hover,
.c-header.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.button.secondary:hover,
.cs-light.hs-button.secondary:hover,
.cs-light.cta_button.secondary:hover,
.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.c-cta.secondary:hover {
background-color: transparent; }
.c-header.cs-light .cta_button.secondary:focus,
.c-header.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.button.secondary:focus,
.cs-light.hs-button.secondary:focus,
.cs-light.cta_button.secondary:focus,
.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.c-cta.secondary:focus {
background-color: #fff; }
.c-header.cs-light .cta_button.secondary:hover,
.c-header.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.button.secondary:hover,
.cs-light.hs-button.secondary:hover,
.cs-light.cta_button.secondary:hover,
.cs-light [data-hubspot-cta-id].secondary:hover,
.cs-light.c-cta.secondary:hover {
border-color: #fff; }
.c-header.cs-light .cta_button.secondary:focus,
.c-header.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.button.secondary:focus,
.cs-light.hs-button.secondary:focus,
.cs-light.cta_button.secondary:focus,
.cs-light [data-hubspot-cta-id].secondary:focus,
.cs-light.c-cta.secondary:focus {
border-color: #fff; }
.c-header.cs-light .cta_button.secondary .ic,
.c-header.cs-light [data-hubspot-cta-id].secondary .ic,
.cs-light.button.secondary .ic,
.cs-light.hs-button.secondary .ic,
.cs-light.cta_button.secondary .ic,
.cs-light [data-hubspot-cta-id].secondary .ic,
.cs-light.c-cta.secondary .ic {
color: #121212; }
/* ===================================================
CTA-GROUP COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-cta-group {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -5px; }
@media only screen and (max-width: 575.98px) {
.c-cta-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.c-cta-group .cta_button,
.c-cta-group [data-hubspot-cta-id] {
display: block; } }
.c-cta-group .c-cta,
.c-cta-group [data-hubspot-wrapper-cta-id],
.c-cta-group .hs-cta-wrapper {
margin: 5px; }
/* ---------------------------------------------------
Context: right
--------------------------------------------------- */
.c-cta-group--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
/* ---------------------------------------------------
Context: center
--------------------------------------------------- */
.c-cta-group--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
/* ---------------------------------------------------
Context: space between
--------------------------------------------------- */
.c-cta-group--space {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
/* ---------------------------------------------------
Context: stack
--------------------------------------------------- */
.c-cta-group--stack {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
/* ---------------------------------------------------
Context: all small
--------------------------------------------------- */
.c-cta-group.small a,
.c-cta-group.small button {
padding: .5rem 1rem;
font-size: 0.875rem;
line-height: 1; }
@media only screen and (min-width: 480px) {
.c-cta-group.small a,
.c-cta-group.small button {
font-size: 0.9375rem; } }
@media only screen and (min-width: 576px) {
.c-cta-group.small a,
.c-cta-group.small button {
font-size: 1rem; } }
/* ---------------------------------------------------
Context: mobile unstack
--------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
.c-cta-group--unstack {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.c-cta-group--unstack .cta_button,
.c-cta-group--unstack [data-hubspot-cta-id] {
display: inline-block; } }
/* ===================================================
TEXT GRADIENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.text-gradient-pop {
display: inline;
background: linear-gradient(130deg, #004cff, #1090ea, #db6ddc, #ee6776, #ffa000, #ffe118);
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
animation: rainbow-text-simple-animation-rev 0.75s ease forwards; } }
/* overscroll not supported by safari*/
@supports not (overscroll-behavior: auto) {
.text-gradient-pop {
-webkit-box-decoration-break: clone; } }
.text-gradient-pop {
color: #0163e6; }
.text-gradient-pop:hover {
-webkit-animation: rainbow-text-simple-animation 0.5s ease-in forwards;
animation: rainbow-text-simple-animation 0.5s ease-in forwards; }
/* ===================================================
TEXT COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.hs-richtext,
.hs_cos_wrapper_type_rich_text,
.c-text {
position: relative;
color: #121212; }
.hs-richtext ul,
.hs_cos_wrapper_type_rich_text ul,
.c-text ul {
position: relative; }
.hs-richtext ul li,
.hs_cos_wrapper_type_rich_text ul li,
.c-text ul li {
position: relative;
font-size: 1.125rem;
line-height: 1.3; }
@media only screen and (min-width: 576px) {
.hs-richtext ul li,
.hs_cos_wrapper_type_rich_text ul li,
.c-text ul li {
font-size: 1.375rem;
line-height: 1.5; } }
.hs-richtext p,
.hs-richtext ul,
.hs_cos_wrapper_type_rich_text p,
.hs_cos_wrapper_type_rich_text ul,
.c-text p,
.c-text ul {
margin-bottom: 1rem; }
.hs-richtext p:last-child,
.hs-richtext ul:last-child,
.hs_cos_wrapper_type_rich_text p:last-child,
.hs_cos_wrapper_type_rich_text ul:last-child,
.c-text p:last-child,
.c-text ul:last-child {
margin-bottom: 0; }
.hs-richtext a,
.hs_cos_wrapper_type_rich_text a,
.c-text a {
color: #121212;
border-bottom: 2px solid #0163e6;
text-decoration: none;
font-weight: 300;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.hs-richtext a:hover,
.hs_cos_wrapper_type_rich_text a:hover,
.c-text a:hover {
color: #0163e6;
border-bottom: 2px solid; }
.hs-richtext a:focus,
.hs_cos_wrapper_type_rich_text a:focus,
.c-text a:focus {
color: #121212;
border-bottom: 2px solid; }
.hs-richtext code,
.hs_cos_wrapper_type_rich_text code,
.c-text code {
color: #121212;
background-color: #f1f1f1;
padding: 2px; }
.hs-richtext blockquote,
.hs_cos_wrapper_type_rich_text blockquote,
.c-text blockquote {
font-weight: 700;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.5; }
.hs-richtext blockquote:last-child,
.hs_cos_wrapper_type_rich_text blockquote:last-child,
.c-text blockquote:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 480px) {
.hs-richtext blockquote,
.hs_cos_wrapper_type_rich_text blockquote,
.c-text blockquote {
font-size: 1.375rem; } }
@media only screen and (min-width: 576px) {
.hs-richtext blockquote,
.hs_cos_wrapper_type_rich_text blockquote,
.c-text blockquote {
font-size: 1.625rem; } }
@media only screen and (min-width: 768px) {
.hs-richtext blockquote,
.hs_cos_wrapper_type_rich_text blockquote,
.c-text blockquote {
font-size: 1.875rem; } }
@media only screen and (min-width: 1200px) {
.hs-richtext blockquote,
.hs_cos_wrapper_type_rich_text blockquote,
.c-text blockquote {
font-size: 2.1875rem; } }
.hs-richtext.cs-light,
.hs_cos_wrapper_type_rich_text.cs-light,
.c-text.cs-light {
color: #fff; }
.hs-richtext.cs-light p,
.hs-richtext.cs-light .hero,
.hs-richtext.cs-light .intro,
.hs-richtext.cs-light time,
.hs_cos_wrapper_type_rich_text.cs-light p,
.hs_cos_wrapper_type_rich_text.cs-light .hero,
.hs_cos_wrapper_type_rich_text.cs-light .intro,
.hs_cos_wrapper_type_rich_text.cs-light time,
.c-text.cs-light p,
.c-text.cs-light .hero,
.c-text.cs-light .intro,
.c-text.cs-light time {
color: #fff; }
.hs-richtext.cs-light h1, .hs-richtext.cs-light .h1, .hs-richtext.cs-light h2, .hs-richtext.cs-light .h2, .hs-richtext.cs-light h3, .hs-richtext.cs-light .h3, .hs-richtext.cs-light h4, .hs-richtext.cs-light .h4, .hs-richtext.cs-light h5, .hs-richtext.cs-light .h5, .hs-richtext.cs-light h6, .hs-richtext.cs-light .h6,
.hs_cos_wrapper_type_rich_text.cs-light h1,
.hs_cos_wrapper_type_rich_text.cs-light .h1,
.hs_cos_wrapper_type_rich_text.cs-light h2,
.hs_cos_wrapper_type_rich_text.cs-light .h2,
.hs_cos_wrapper_type_rich_text.cs-light h3,
.hs_cos_wrapper_type_rich_text.cs-light .h3,
.hs_cos_wrapper_type_rich_text.cs-light h4,
.hs_cos_wrapper_type_rich_text.cs-light .h4,
.hs_cos_wrapper_type_rich_text.cs-light h5,
.hs_cos_wrapper_type_rich_text.cs-light .h5,
.hs_cos_wrapper_type_rich_text.cs-light h6,
.hs_cos_wrapper_type_rich_text.cs-light .h6,
.c-text.cs-light h1,
.c-text.cs-light .h1,
.c-text.cs-light h2,
.c-text.cs-light .h2,
.c-text.cs-light h3,
.c-text.cs-light .h3,
.c-text.cs-light h4,
.c-text.cs-light .h4,
.c-text.cs-light h5,
.c-text.cs-light .h5,
.c-text.cs-light h6,
.c-text.cs-light .h6 {
color: #fff; }
.hs-richtext.cs-light a,
.hs_cos_wrapper_type_rich_text.cs-light a,
.c-text.cs-light a {
color: #fff;
border-bottom: 2px solid #0163e6;
text-decoration: none;
font-weight: 300; }
.hs-richtext.cs-light a:hover,
.hs_cos_wrapper_type_rich_text.cs-light a:hover,
.c-text.cs-light a:hover {
color: #0163e6;
border-bottom: 2px solid; }
.hs-richtext.cs-light a:focus,
.hs_cos_wrapper_type_rich_text.cs-light a:focus,
.c-text.cs-light a:focus {
color: #fff;
border-bottom: 2px solid; }
/* ===================================================
PICTURE COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-picture {
position: relative;
margin: 0; }
.c-picture img {
max-width: 100%;
height: auto; }
.c-picture__caption p {
color: #121212;
margin-bottom: 0; }
/* ---------------------------------------------------
Context: svg
--------------------------------------------------- */
.c-picture--svg img,
.c-picture--svg svg {
max-width: inherit !important;
width: 100%; }
/* ===================================================
BURGER COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-burger {
position: relative;
width: 24px;
height: 18px;
cursor: pointer;
background: transparent;
color: #121212;
border: 0;
padding: 0; }
.c-burger.is-active .c-burger__icon {
background: transparent; }
.c-burger.is-active .c-burger__icon:after {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.c-burger.is-active .c-burger__icon:before {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.c-burger__icon {
position: relative;
display: block;
pointer-events: none;
width: 24px;
height: 2px;
background: #121212;
-webkit-transition: all 0ms 300ms;
transition: all 0ms 300ms; }
.c-burger__icon:after, .c-burger__icon:before {
content: "";
position: absolute;
width: 24px;
height: 2px;
left: 0;
background: #121212; }
.c-burger__icon:before {
bottom: 8px;
-webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.c-burger__icon:after {
top: 8px;
-webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.c-burger__text {
position: absolute;
left: 0;
-webkit-transform: translate(-100%, -6px);
transform: translate(-100%, -6px);
padding-right: 12px; }
/* ---------------------------------------------------
Context: (Modifier)
--------------------------------------------------- */
.c-burger--var1 .c-burger__icon {
width: 16px; }
/* ---------------------------------------------------
Context: (Modifier)
--------------------------------------------------- */
.c-burger--var2 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.c-burger--var2 .c-burger__icon {
width: 16px; }
/* ===================================================
SVG COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-svg {
position: relative; }
.c-svg svg {
width: 100%;
height: 100%; }
.c-svg__animation {
position: relative;
display: block;
min-height: 100%;
min-width: 100%; }
.c-svg__img {
width: 100%; }
.c-svg__link {
display: block; }
.c-svg__animation-poster {
width: 100%; }
/* ---------------------------------------------------
Context: (Modifier)
--------------------------------------------------- */
/* ===================================================
VIDEO COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-video {
position: relative; }
.c-video:hover .c-video__btn-play {
opacity: 1; }
.c-video__native {
display: block;
width: 100%;
height: 100%; }
.c-video__btn-play {
position: absolute;
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;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
border: 0;
border-radius: 50%;
height: 2.875rem;
width: 2.875rem;
font-weight: 600;
font-size: 0.875rem;
line-height: 1;
padding: 1rem;
background: #0163e6;
color: #fff; }
.c-video__btn-play:hover {
background: #fff;
color: #0163e6; }
.c-video__btn-play:focus {
outline: 0; }
.c-video__btn-play.is-playing {
opacity: 0; }
/* ===================================================
CONTACT COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-contact {
position: relative; }
.c-contact__image img {
margin-bottom: 1rem;
border-radius: 50%;
max-width: 150px;
width: 100%;
height: auto; }
.c-contact__name {
font-weight: 600; }
.c-contact__vita {
font-size: 1rem;
margin: 1rem 0;
display: block; }
.c-contact__item {
display: inline-block; }
.c-contact__skills {
display: inline-block;
margin-top: 1.5rem;
font-size: 1rem;
line-height: 1.3; }
@media only screen and (min-width: 576px) {
.c-contact__skills {
font-size: 1.25rem;
line-height: 1.5; } }
.c-contact__text {
margin-top: 1.5rem; }
.c-contact__text p {
font-size: 1rem;
line-height: 1.3; }
@media only screen and (min-width: 576px) {
.c-contact__text p {
font-size: 1.25rem;
line-height: 1.5; } }
/* ---------------------------------------------------
Context: center
--------------------------------------------------- */
.c-contact--center {
text-align: center; }
/* ---------------------------------------------------
Context: right
--------------------------------------------------- */
.c-contact--right {
text-align: right; }
/* ===================================================
SOCIAL-BAR COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-social-bar {
padding: 0; }
.c-social-bar__item {
display: inline-block;
list-style: none;
padding: 5px 0;
margin-right: .5rem;
font-size: 1.25rem;
line-height: 1; }
@media only screen and (min-width: 480px) {
.c-social-bar__item {
font-size: 1.375rem; } }
@media only screen and (min-width: 576px) {
.c-social-bar__item {
font-size: 1.5rem; } }
.c-social-bar__item a {
color: #0163e6;
text-decoration: none;
font-weight: 400; }
.c-social-bar__item a:hover {
color: #01429a; }
.c-social-bar__item a:focus {
color: #0163e6; }
@media only screen and (max-width: 767.98px) {
.c-social-bar__item {
display: inline;
padding: 5px 10px; }
.c-social-bar__item:first-child {
padding-left: 0; }
.c-social-bar__item:last-child {
padding-right: 0; } }
.c-social-bar__item-text {
margin-left: 1rem;
line-height: 1.5;
word-break: break-word; }
/* ---------------------------------------------------
Context: Two columns
--------------------------------------------------- */
.c-social-bar--two-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.c-social-bar--two-columns .c-social-bar__item {
padding: 5px 10px 30px 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0;
font-size: 1rem;
line-height: 1; }
@media only screen and (min-width: 920px) {
.c-social-bar--two-columns .c-social-bar__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
.c-social-bar--two-columns .c-social-bar__item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.c-social-bar--two-columns .c-social-bar__item a .ic {
font-size: 1.5rem;
-ms-flex-item-align: start;
align-self: flex-start; }
/* ---------------------------------------------------
Context: Bigger
--------------------------------------------------- */
.c-social-bar--bigger {
margin-top: 28px; }
.c-social-bar--bigger .c-social-bar__item {
display: inline-block !important;
padding: 5px 0 !important;
font-size: 1.25rem;
line-height: 1; }
@media only screen and (min-width: 480px) {
.c-social-bar--bigger .c-social-bar__item {
font-size: 1.375rem; } }
@media only screen and (min-width: 576px) {
.c-social-bar--bigger .c-social-bar__item {
font-size: 1.5rem; } }
.c-social-bar--bigger .c-social-bar__item a {
text-decoration: none !important;
border-bottom: 0 !important; }
/* ---------------------------------------------------
Context: logo
--------------------------------------------------- */
.c-social-bar--logo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 657px) {
.c-social-bar--logo {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.c-social-bar--logo .c-social-bar__item svg {
width: 100%; }
/* ===================================================
TAG COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-tag {
display: inline-block;
padding: 7px 16px;
color: #121212;
font-size: 0.875rem;
line-height: 1;
line-height: 1;
font-weight: 700;
letter-spacing: 1px;
text-decoration: none;
margin: 4px 8px 4px 0;
border-radius: 100px;
background-color: transparent;
border: 2px solid #121212;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s; }
.c-tag:hover {
color: #fff;
background-color: #121212;
border: 2px solid #121212; }
.c-tag:last-child {
margin-right: 0; }
.cs-light .c-tag {
color: #fff;
background-color: transparent;
border: 2px solid #fff; }
.cs-light .c-tag:hover {
color: #121212;
background-color: #fff;
border: 2px solid #fff; }
/* ===================================================
GRADIENT COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
--gradient-color-1: #d22332;
--gradient-color-2: #42070A;
--gradient-color-3: #d22332;
--gradient-color-4: #5a7dff;
--gradient-color-5: #9b1928; }
/* ===================================================
COMPONENTS MODULES
=================================================== */
/* ===================================================
HEADER-BAR COMPONENT
=================================================== */
/* ---------------------------------------------------
HubSpots Header Bar
This way, our own menu is still visible and not overlayed by the HubSpot button
--------------------------------------------------- */
.hs-tools-menu.hs-collapsed {
-webkit-transform: translateY(200%) !important;
transform: translateY(200%) !important; }
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-header {
position: absolute;
width: 100%;
min-height: 82px;
background-color: white;
z-index: 9999; }
.c-header[data-is-fixed=true] {
position: fixed; }
@media only screen and (min-width: 1200px) {
.c-header {
min-height: 114px; } }
.c-header.cs-light {
color: #fff; }
.c-header.cs-light .c-language-switcher__language {
color: #fff; }
.c-header.cs-light .c-nav__list-link {
position: relative;
display: inline-block;
padding: 0;
color: #fff;
background: transparent;
border: 0;
cursor: pointer; }
.c-header.cs-light .c-nav__list-link:after {
content: '';
position: absolute;
width: 0;
height: 2px;
display: block;
margin-top: 3px;
right: 0;
background: #fff;
-webkit-transition: width .4s ease;
transition: width .4s ease; }
.c-header.cs-light .c-nav__list-link:hover:after {
width: 100%;
left: 0;
background: #fff; }
.c-header.cs-light .c-nav__list-link:focus {
outline: 0; }
.c-header.cs-light .c-nav__list-link:focus:after {
content: '';
position: absolute;
right: 0;
width: 100%;
left: 0; }
.c-header.cs-light .c-burger__icon {
background: #fff; }
.c-header.cs-light .c-burger__icon:after, .c-header.cs-light .c-burger__icon:before {
content: "";
background: #fff; }
.c-header__sticky-spacing {
background: #fff, transparent, #fff;
padding-top: 82px; }
@media only screen and (min-width: 1200px) {
.c-header__sticky-spacing {
padding-top: 114px; } }
.c-header__sticky-spacing.as-overlay {
padding: 0; }
.c-header[data-state="AbsoluteTop"] {
position: fixed;
top: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%); }
.c-header[data-state="FixedInvisible"] {
-webkit-transition: .4s;
transition: .4s;
position: fixed;
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.c-header[data-state="FixedVisible"] {
-webkit-transition: .4s;
transition: .4s;
position: fixed;
top: 0;
-webkit-transform: translateY(0%);
transform: translateY(0%); }
.c-header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 1.5rem 0; }
@media only screen and (min-width: 1200px) {
.c-header__wrapper {
padding: 35px 0; } }
.c-header__logo-wrapper {
width: 120px;
z-index: 10; }
@media only screen and (min-width: 480px) {
.c-header__logo-wrapper {
width: 150px; } }
@media only screen and (min-width: 576px) {
.c-header__logo-wrapper {
width: 170px; } }
.c-header__partner-logo-wrapper {
width: 90px;
margin-left: 30px;
z-index: 10; }
@media only screen and (min-width: 480px) {
.c-header__partner-logo-wrapper {
margin-left: 100px;
width: 120px; } }
@media only screen and (min-width: 576px) {
.c-header__partner-logo-wrapper {
margin-left: 130px;
width: 130px; } }
@media only screen and (min-width: 657px) {
.c-header__partner-logo-wrapper {
margin-left: 150px; } }
.c-header__button-wrapper {
margin-left: auto;
z-index: 10; }
@media only screen and (min-width: 1200px) {
.c-header__button-wrapper {
display: none; } }
.c-header__nav-container {
margin-left: auto; }
@media only screen and (min-width: 1200px) {
.c-header__nav-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 44px; } }
.c-header__nav-wrapper {
display: none; }
@media only screen and (min-width: 1200px) {
.c-header__nav-wrapper {
display: block; } }
@media only screen and (min-width: 1440px) {
.c-header__nav-wrapper {
margin-right: 5rem; } }
.c-header__language-wrapper {
display: none; }
@media only screen and (min-width: 1200px) {
.c-header__language-wrapper {
margin-right: 1rem;
display: block; } }
@media only screen and (min-width: 1200px) {
.c-header__cta-wrapper {
margin-left: 1rem;
min-width: 204px; } }
@media only screen and (min-width: 1440px) {
.c-header__cta-wrapper {
margin-left: 0; } }
@media only screen and (min-width: 1200px) {
.c-header__cta-wrapper .c-burger {
display: none; } }
.c-header__cta-wrapper #hs_cos_wrapper_cta,
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id],
.c-header__cta-wrapper .hs-cta-wrapper {
display: none; }
@media only screen and (min-width: 1200px) {
.c-header__cta-wrapper #hs_cos_wrapper_cta,
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id],
.c-header__cta-wrapper .hs-cta-wrapper {
display: block; } }
.c-header__cta-wrapper #hs_cos_wrapper_cta .cta_button,
.c-header__cta-wrapper #hs_cos_wrapper_cta [data-hubspot-cta-id],
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] .cta_button,
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] [data-hubspot-cta-id],
.c-header__cta-wrapper .hs-cta-wrapper .cta_button,
.c-header__cta-wrapper .hs-cta-wrapper [data-hubspot-cta-id] {
padding: .75rem 1.25rem;
font-size: 0.875rem;
line-height: 1; }
@media only screen and (min-width: 480px) {
.c-header__cta-wrapper #hs_cos_wrapper_cta .cta_button,
.c-header__cta-wrapper #hs_cos_wrapper_cta [data-hubspot-cta-id],
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] .cta_button,
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] [data-hubspot-cta-id],
.c-header__cta-wrapper .hs-cta-wrapper .cta_button,
.c-header__cta-wrapper .hs-cta-wrapper [data-hubspot-cta-id] {
font-size: 0.9375rem; } }
@media only screen and (min-width: 576px) {
.c-header__cta-wrapper #hs_cos_wrapper_cta .cta_button,
.c-header__cta-wrapper #hs_cos_wrapper_cta [data-hubspot-cta-id],
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] .cta_button,
.c-header__cta-wrapper [data-hubspot-wrapper-cta-id] [data-hubspot-cta-id],
.c-header__cta-wrapper .hs-cta-wrapper .cta_button,
.c-header__cta-wrapper .hs-cta-wrapper [data-hubspot-cta-id] {
font-size: 1rem; } }
.c-header__overlay-wrapper {
background: #121212;
height: 100vh;
padding: 3rem;
position: fixed;
display: block;
right: -100%;
top: 0;
-webkit-transition: right .5s ease-out;
transition: right .5s ease-out;
width: 100%;
z-index: 9999;
color: #fff;
overflow-y: scroll; }
.c-header__overlay-wrapper .cta_button,
.c-header__overlay-wrapper [data-hubspot-cta-id] {
padding: .75rem 1.25rem;
font-size: 0.875rem;
line-height: 1;
color: #121212;
background-color: #fff;
border-color: #fff; }
@media only screen and (min-width: 480px) {
.c-header__overlay-wrapper .cta_button,
.c-header__overlay-wrapper [data-hubspot-cta-id] {
font-size: 0.9375rem; } }
@media only screen and (min-width: 576px) {
.c-header__overlay-wrapper .cta_button,
.c-header__overlay-wrapper [data-hubspot-cta-id] {
font-size: 1rem; } }
.c-header__overlay-wrapper .cta_button:hover,
.c-header__overlay-wrapper [data-hubspot-cta-id]:hover {
color: #fff; }
.c-header__overlay-wrapper .cta_button:focus,
.c-header__overlay-wrapper [data-hubspot-cta-id]:focus {
color: #121212; }
.c-header__overlay-wrapper .cta_button:hover,
.c-header__overlay-wrapper [data-hubspot-cta-id]:hover {
background-color: transparent; }
.c-header__overlay-wrapper .cta_button:focus,
.c-header__overlay-wrapper [data-hubspot-cta-id]:focus {
background-color: #fff; }
.c-header__overlay-wrapper .cta_button:hover,
.c-header__overlay-wrapper [data-hubspot-cta-id]:hover {
border-color: #fff; }
.c-header__overlay-wrapper .cta_button:focus,
.c-header__overlay-wrapper [data-hubspot-cta-id]:focus {
border-color: #fff; }
.c-header__overlay-wrapper .c-text a {
color: #fff;
border-bottom: 2px solid #0163e6;
text-decoration: none;
font-weight: 300; }
.c-header__overlay-wrapper .c-text a:hover {
color: #0163e6;
border-bottom: 2px solid; }
.c-header__overlay-wrapper .c-text a:focus {
color: #fff;
border-bottom: 2px solid; }
@media only screen and (min-width: 657px) {
.c-header__overlay-wrapper {
width: 80%; } }
@media only screen and (min-width: 768px) {
.c-header__overlay-wrapper {
width: 70%; } }
@media only screen and (min-width: 1200px) {
.c-header__overlay-wrapper {
width: 800px; } }
.c-header__overlay-wrapper.is-open {
right: 0; }
.c-header__close-button {
position: relative;
display: inline-block;
cursor: pointer;
padding: 0;
border: 0;
border-radius: 0;
text-shadow: none;
text-align: center;
color: #fff;
background: transparent;
font-size: 1.875rem; }
.c-header__overlay-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.c-header__lang-wrapper {
color: #fff; }
.c-header__lang-wrapper .c-language-switcher__language {
color: #fff; }
.c-header__lang-wrapper a {
border-bottom: 0; }
.c-header__intro {
max-width: 400px; }
.c-header__nav-mobile-wrapper {
display: block;
padding: 2rem 0 3rem; }
@media only screen and (min-width: 1200px) {
.c-header__nav-mobile-wrapper {
display: none; } }
.c-header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px; }
.c-header__skip:hover,
.c-header__skip:focus,
.c-header__skip:active {
height: auto;
left: 0;
overflow: visible;
top: 0;
width: auto; }
/* ===================================================
NAV COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-nav {
position: relative; }
.c-nav__list {
padding: 0;
width: 100%; }
@media only screen and (min-width: 1200px) {
.c-nav__list-item {
display: inline-block; } }
.c-nav__list-item .c-nav__list-link {
display: block;
letter-spacing: 1px;
text-decoration: none; }
/* ---------------------------------------------------
Context: main
--------------------------------------------------- */
.c-nav--main {
width: 100%; }
@media only screen and (max-width: 919.98px) {
.c-nav--main {
position: fixed;
height: 100vh;
top: 0;
left: 100%;
background: transparent;
padding-top: 82px;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0.46, 0.32, 0.97);
transition: -webkit-transform 0.6s cubic-bezier(0, 0.46, 0.32, 0.97);
transition: transform 0.6s cubic-bezier(0, 0.46, 0.32, 0.97);
transition: transform 0.6s cubic-bezier(0, 0.46, 0.32, 0.97), -webkit-transform 0.6s cubic-bezier(0, 0.46, 0.32, 0.97); }
.c-nav--main.is-open {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
overflow-y: scroll; } }
.c-nav--main .c-nav__list {
padding: 0 1rem; }
@media only screen and (min-width: 1200px) {
.c-nav--main .c-nav__list {
padding: 0; } }
.c-nav--main .c-nav__list-item {
list-style: none;
border-bottom: 1px solid #121212;
margin: 1.5rem 1rem; }
@media only screen and (min-width: 1200px) {
.c-nav--main .c-nav__list-item {
margin: 0 0 0 1.5rem;
border-bottom: 0; } }
@media only screen and (min-width: 1440px) {
.c-nav--main .c-nav__list-item {
margin: 0 0 0 2.5rem; } }
.c-nav--main .c-nav__list-item .c-nav__list-link {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
font-size: 1.125rem;
background: transparent;
border: 0;
cursor: pointer;
letter-spacing: 1px; }
@media only screen and (min-width: 1200px) {
.c-nav--main .c-nav__list-item .c-nav__list-link {
font-size: 1.25rem; } }
@media only screen and (min-width: 1440px) {
.c-nav--main .c-nav__list-item .c-nav__list-link {
font-size: 1.5rem; } }
.c-nav--main .c-nav__list-item .c-nav__list-link:after {
content: '';
position: absolute;
width: 0;
height: 2px;
display: block;
margin-top: 3px;
right: 0;
background: #121212;
-webkit-transition: width .4s ease;
transition: width .4s ease; }
.c-nav--main .c-nav__list-item .c-nav__list-link.active-item:after, .c-nav--main .c-nav__list-item .c-nav__list-link:hover:after {
width: 100%;
left: 0;
background: #121212; }
.c-nav--main .c-nav__list-item .c-nav__list-link:focus {
outline: 0; }
.c-nav--main .c-nav__list-item .c-nav__list-link:focus:after {
content: '';
position: absolute;
right: 0;
width: 100%;
left: 0; }
.c-nav--main .c-nav__lang {
display: inline-block; }
/* ---------------------------------------------------
Context: meta
--------------------------------------------------- */
.c-nav--meta .c-nav__list-item {
display: inline-block;
list-style: none;
margin-left: 1rem; }
.c-nav--meta .c-nav__list-item:first-child {
margin-left: 0; }
.c-nav--meta .c-nav__list-item .c-nav__list-link {
font-size: 0.875rem;
text-transform: none;
letter-spacing: 0;
padding: 0; }
/* ---------------------------------------------------
Context: list
--------------------------------------------------- */
.c-nav--list .c-nav__list-item {
display: block;
padding: 5px 0;
margin-bottom: .5rem; }
.c-nav--list .c-nav__list-item .c-nav__list-link {
font-size: 1.125rem;
line-height: 1;
padding: 0;
width: auto;
display: inline-block; }
@media only screen and (min-width: 480px) {
.c-nav--list .c-nav__list-item .c-nav__list-link {
font-size: 1.25rem; } }
@media only screen and (min-width: 576px) {
.c-nav--list .c-nav__list-item .c-nav__list-link {
font-size: 1.3125rem; } }
/* ---------------------------------------------------
Context: light
--------------------------------------------------- */
.cs-light .c-nav__list-item .c-nav__list-link {
position: relative;
display: inline-block;
padding: 0;
color: #fff;
background: transparent;
border: 0;
cursor: pointer; }
.cs-light .c-nav__list-item .c-nav__list-link:after {
content: '';
position: absolute;
width: 0;
height: 2px;
display: block;
margin-top: 3px;
right: 0;
background: #fff;
-webkit-transition: width .4s ease;
transition: width .4s ease; }
.cs-light .c-nav__list-item .c-nav__list-link.active-item:after, .cs-light .c-nav__list-item .c-nav__list-link:hover:after {
width: 100%;
left: 0;
background: #fff; }
.cs-light .c-nav__list-item .c-nav__list-link:focus {
outline: 0; }
.cs-light .c-nav__list-item .c-nav__list-link:focus:after {
content: '';
position: absolute;
right: 0;
width: 100%;
left: 0; }
/* ===================================================
Footer COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-footer {
position: relative; }
.c-footer__main {
background: #dbe1e5; }
.c-footer__mail-link {
font-size: 1.3125rem; }
.c-footer__text-wrapper {
max-width: 380px; }
.c-footer__bottom {
background: #121212;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 920px) {
.c-footer__bottom {
height: 80px; } }
.c-footer__bottom a {
color: #fff;
border-bottom: false #0163e6;
text-decoration: none;
font-weight: 300;
letter-spacing: normal; }
.c-footer__bottom a:hover {
color: #fff;
border-bottom: false; }
.c-footer__bottom a:focus {
color: #fff;
border-bottom: false; }
.c-footer__logo-wrapper {
max-width: 120px; }
.c-footer__social-wrapper,
.c-footer__language-wrapper {
margin-top: 1rem; }
.c-footer__copyright-wrapper {
padding: 2rem 0 1rem; }
@media only screen and (min-width: 920px) {
.c-footer__copyright-wrapper {
padding: 0; } }
.c-footer__copyright-wrapper p {
margin-bottom: 0;
font-size: 0.875rem; }
.c-footer__hr {
border-top: 1px solid #121212; }
.c-footer__newsletter-box {
background: #121212;
padding: 3rem;
margin: 2rem 15px 0; }
@media only screen and (min-width: 768px) {
.c-footer__newsletter-box {
position: absolute;
max-width: 540px;
right: 0;
top: -9rem;
margin: 0; } }
.c-footer__newsletter-box h3,
.c-footer__newsletter-box p {
color: #fff; }
.c-footer__newsletter-label {
display: none; }
.c-footer__newsletter-form {
width: 100%; }
.c-footer__input {
width: 100%;
font-weight: 400;
border: 0;
background-color: transparent;
color: #fff;
padding: 1rem 2rem 1rem 0;
border-bottom: 3px solid #fff; }
.c-footer__input::-webkit-input-placeholder {
color: #fff; }
.c-footer__input::-moz-placeholder {
color: #fff; }
.c-footer__input:-ms-input-placeholder {
color: #fff; }
.c-footer__input::-ms-input-placeholder {
color: #fff; }
.c-footer__input::placeholder {
color: #fff; }
.c-footer__input:focus, .c-footer__input:invalid, .c-footer__input:focus:invalid {
background-color: transparent;
outline: none !important; }
.c-footer__input-wrapper {
position: relative; }
.c-footer__newsletter-button {
position: absolute;
right: 0;
margin: 1rem 0;
padding: 0;
border: 0;
background: transparent; }
.c-footer__input-icon {
font-size: 1.5rem;
color: #0163e6; }
.c-footer__copyright-social-wrapper {
padding: 1rem 0 2rem;
width: 100%; }
@media only screen and (min-width: 768px) {
.c-footer__copyright-social-wrapper {
padding: 0;
width: auto; } }
.c-footer__copyright-social-wrapper .c-social-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 768px) {
.c-footer__copyright-social-wrapper .c-social-bar__item {
margin-right: 1.5rem; } }
.c-footer__copyright-social-wrapper .c-social-bar__item:last-child {
margin-left: auto; }
@media only screen and (min-width: 768px) {
.c-footer__copyright-social-wrapper .c-social-bar__item:last-child {
margin: 0; } }
.c-footer__copyright-social-wrapper .c-social-bar__item a {
color: #fff; }
.c-footer__copyright-social-wrapper .c-social-bar__item a:hover, .c-footer__copyright-social-wrapper .c-social-bar__item a:focus {
color: #0163e6; }
.c-footer__copyright-social-wrapper .c-social-bar__item a:hover svg g,
.c-footer__copyright-social-wrapper .c-social-bar__item a:hover svg path, .c-footer__copyright-social-wrapper .c-social-bar__item a:focus svg g,
.c-footer__copyright-social-wrapper .c-social-bar__item a:focus svg path {
fill: #0163e6; }
.c-footer__logo-list-wrapper {
padding: 1rem 0 2rem;
width: 100%; }
@media only screen and (min-width: 768px) {
.c-footer__logo-list-wrapper {
padding: 0;
width: auto; } }
.c-footer__logo-list-wrapper .c-social-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (min-width: 768px) {
.c-footer__logo-list-wrapper .c-social-bar__item {
margin-right: 1.5rem; } }
.c-footer__logo-list-wrapper .c-social-bar__item a {
color: #fff; }
.c-footer__logo-list-wrapper .c-social-bar__item a:hover, .c-footer__logo-list-wrapper .c-social-bar__item a:focus {
color: #0163e6; }
.c-footer__logo-list-wrapper .c-social-bar__item a:hover svg g,
.c-footer__logo-list-wrapper .c-social-bar__item a:hover svg path, .c-footer__logo-list-wrapper .c-social-bar__item a:focus svg g,
.c-footer__logo-list-wrapper .c-social-bar__item a:focus svg path {
fill: #0163e6; }
.c-footer__nav-list {
padding: 0 0 2rem; }
@media only screen and (min-width: 920px) {
.c-footer__nav-list {
padding: 0;
margin: 0 0 2px 1rem; } }
/* ---------------------------------------------------
Context: Inverted Newsletter Box
--------------------------------------------------- */
.c-footer.cs-light .c-footer__newsletter-box {
background: #fff; }
.c-footer.cs-light .c-footer__newsletter-box h3,
.c-footer.cs-light .c-footer__newsletter-box p {
color: #121212; }
.c-footer.cs-light .c-footer__input {
color: #121212;
border-bottom: 3px solid #121212; }
.c-footer.cs-light .c-footer__input::-webkit-input-placeholder {
color: #121212; }
.c-footer.cs-light .c-footer__input::-moz-placeholder {
color: #121212; }
.c-footer.cs-light .c-footer__input:-ms-input-placeholder {
color: #121212; }
.c-footer.cs-light .c-footer__input::-ms-input-placeholder {
color: #121212; }
.c-footer.cs-light .c-footer__input::placeholder {
color: #121212; }
/* ===================================================
FORM COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
form textarea {
min-height: 150px;
width: 100%; }
form label {
color: #121212;
margin-bottom: .5rem; }
form .input {
margin-bottom: 1rem; }
form .input + .hs-error-msgs {
margin-top: -1rem; }
form input,
form .hs-input {
font-weight: 400;
border: 0;
background-color: #fff;
color: #121212;
border-bottom: 2px solid #121212;
padding: 19px; }
form input::-webkit-input-placeholder, form .hs-input::-webkit-input-placeholder {
color: #121212;
font-size: 1rem; }
form input::-moz-placeholder, form .hs-input::-moz-placeholder {
color: #121212;
font-size: 1rem; }
form input:-ms-input-placeholder, form .hs-input:-ms-input-placeholder {
color: #121212;
font-size: 1rem; }
form input::-ms-input-placeholder, form .hs-input::-ms-input-placeholder {
color: #121212;
font-size: 1rem; }
form input::placeholder,
form .hs-input::placeholder {
color: #121212;
font-size: 1rem; }
form input:focus,
form .hs-input:focus {
border-bottom: 2px solid #0163e6; }
form input:focus, form input:invalid, form input:focus:invalid,
form .hs-input:focus,
form .hs-input:invalid,
form .hs-input:focus:invalid {
outline: none !important; }
form input.edge-autofilled,
form .hs-input.edge-autofilled {
background: rgba(255, 255, 255, 0.2) !important;
color: #dc3545 !important; }
form input.invalid.error,
form .hs-input.invalid.error {
border: 1px solid #dc3545; }
form input {
width: 100%; }
form input[type=checkbox], form input[type=radio] {
width: auto;
cursor: pointer;
margin-right: 0.35rem; }
form input[type=file] {
width: auto;
background-color: transparent;
border: initial;
padding: initial; }
form input[type=submit] {
width: auto; }
form .hs-fieldtype-select .input {
display: table;
position: relative; }
form .hs-fieldtype-select .input:before {
font-family: "iconfont";
display: inline-block;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: never;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "юдо";
position: absolute;
right: 1rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none; }
form .hs-fieldtype-select .input select {
width: auto;
border: 1px solid #eff0f1;
background-color: #eff0f1;
color: #121212;
padding: 1rem 3rem 1rem 1rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: ellipsis;
line-height: normal; }
form .hs-error-msg {
color: #dc3545;
margin-top: 6px; }
form .hs-richtext,
form .hs-richtext p,
form .hs-dependent-field p,
form .hs-field-desc {
font-size: 1rem;
line-height: 1.5;
margin: 0 0 1.4rem; }
form .inputs-list {
margin: 0;
padding: 0;
list-style: none; }
form .inputs-list > li {
display: block;
margin: 0.5rem 0; }
form .inputs-list input,
form .inputs-list span {
vertical-align: middle; }
form .hs-form-checkbox-display,
form .hs-form-booleancheckbox-display {
display: block;
position: relative;
padding-left: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 1.5; }
form .hs-form-checkbox-display input,
form .hs-form-booleancheckbox-display input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
form .hs-form-checkbox-display input:checked ~ span:before,
form .hs-form-booleancheckbox-display input:checked ~ span:before {
background-color: #0163e6;
border: 2px solid #0163e6; }
form .hs-form-checkbox-display input:checked ~ span:after,
form .hs-form-booleancheckbox-display input:checked ~ span:after {
display: block; }
form .hs-form-checkbox-display > span,
form .hs-form-booleancheckbox-display > span {
padding-top: 1px;
margin-left: 12px !important; }
form .hs-form-checkbox-display > span:before,
form .hs-form-booleancheckbox-display > span:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border-radius: 5px;
border: 2px solid #979797; }
form .hs-form-checkbox-display > span:after,
form .hs-form-booleancheckbox-display > span:after {
content: "";
position: absolute;
display: none; }
form .hs-form-checkbox-display > span:after,
form .hs-form-booleancheckbox-display > span:after {
left: 10px;
top: 6px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
form .hs-dateinput {
position: relative; }
form .hs-dateinput:before {
content: '\01F4C5';
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
form .fn-date-picker .pika-table thead th {
color: #FFF; }
form .fn-date-picker .is-today .pika-button {
color: #121212; }
form .fn-date-picker td.is-selected .pika-button {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #121212; }
form .fn-date-picker td .pika-button:hover,
form .fn-date-picker td .pika-button:focus {
background: black !important;
border-radius: 0 !important;
color: #FFF; }
form .legal-consent-container .hs-richtext p {
font-size: 1rem;
line-height: 1.5;
font-weight: 300;
color: #606870; }
form .legal-consent-container .hs-form-booleancheckbox-display,
form .legal-consent-container .hs-form-booleancheckbox-display p {
font-size: 1rem;
line-height: 1.5;
font-weight: 300; }
.c-form textarea {
background-color: #fff; }
.c-form input {
background-color: #fff; }
.hs_cos_wrapper_type_password_prompt form {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password {
height: auto !important;
margin: 0 !important;
width: 100%;
font-weight: 400;
border: 0;
background-color: transparent;
padding: 1rem 2rem 1rem 0;
color: #121212;
border-bottom: 3px solid #121212;
max-width: 680px; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password::-webkit-input-placeholder {
color: #121212; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password::-moz-placeholder {
color: #121212; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password:-ms-input-placeholder {
color: #121212; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password::-ms-input-placeholder {
color: #121212; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password::placeholder {
color: #121212; }
.hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password:focus, .hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password:invalid, .hs_cos_wrapper_type_password_prompt form #hs-pwd-widget-password:focus:invalid {
background-color: transparent;
outline: none !important;
border-bottom: 3px solid #121212; }
.hs_cos_wrapper_type_password_prompt .hs-button {
margin-left: 9px; }
.hs_submit {
margin-top: .5rem; }
@media only screen and (min-width: 768px) {
.hs_submit {
margin-top: 2.5rem; } }
/* ===================================================
CAROUSEL COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Variables
--------------------------------------------------- */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-carousel {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.c-carousel * {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.c-carousel__track {
overflow: hidden; }
.c-carousel__track + .c-carousel__arrows {
height: 3rem; }
.c-carousel__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-ms-touch-action: pan-Y;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform; }
.c-carousel__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.c-carousel__slide {
width: 100%;
height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent; }
.c-carousel__slide a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none; }
.c-carousel__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.c-carousel--rtl {
direction: rtl; }
.c-carousel__arrow {
position: absolute;
display: block;
bottom: 0;
z-index: 2;
padding: .5rem;
background-color: #121212;
color: #fff;
border: 0;
border-radius: 0;
font-size: 1.5rem;
opacity: 1;
cursor: pointer;
-webkit-transition: opacity 150ms ease, border 300ms ease-in-out;
transition: opacity 150ms ease, border 300ms ease-in-out;
line-height: 1; }
.c-carousel__arrow:focus {
outline: none; }
.c-carousel__arrow:hover {
border-color: white; }
.c-carousel__arrow--left {
left: 0;
-webkit-transform: translate(0);
transform: translate(0); }
.c-carousel__arrow--right {
right: 0;
-webkit-transform: translate(0);
transform: translate(0); }
.c-carousel__arrow--disabled {
opacity: 0.33; }
.c-carousel__bullets {
position: relative;
z-index: 2;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3rem;
padding-top: .5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.c-carousel__bullet {
background-color: transparent;
width: 16px;
height: 16px;
padding: 0;
border-radius: 50%;
border: 1px solid #121212;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
cursor: pointer;
line-height: 0;
margin: 0 0.25em; }
.c-carousel__bullet:focus {
outline: none; }
.c-carousel__bullet:hover {
border: 2px solid #121212;
background-color: #121212; }
.c-carousel__bullet--active {
border: 2px solid #121212;
background-color: #121212; }
.c-carousel--swipeable {
cursor: -webkit-grab;
cursor: grab; }
.c-carousel--dragging {
cursor: -webkit-grabbing;
cursor: grabbing; }
.c-carousel__bullets + .c-carousel__text,
.c-carousel__arrows + .c-carousel__text {
bottom: 3.5rem; }
.c-carousel__text {
position: absolute;
bottom: 1.5rem;
left: 1.5rem;
pointer-events: none; }
/* ===================================================
SEARCH RESULTS COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Variables
--------------------------------------------------- */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-search-results {
position: relative; }
.c-search-results__listing {
margin: 0;
padding: 0;
list-style: none; }
.c-search-results__listing li {
padding: 2rem 0;
margin: 0;
list-style: none;
border-top: 2px solid #5a7dff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media only screen and (min-width: 768px) {
.c-search-results__listing li {
padding: 3rem 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.c-search-results__title {
display: inline-block;
color: #121212;
font-size: 1.375rem;
font-weight: 800;
text-decoration: none;
margin-bottom: 1rem; }
.c-search-field__suggestions {
position: absolute;
background: #fff;
list-style: none;
display: none;
margin: 0;
padding: 24px 12px;
width: 100%;
z-index: 5; }
.c-search-field__suggestions li {
padding-bottom: 1rem; }
.c-search-field__suggestions li:last-child {
padding-bottom: 0; }
.c-search-field__suggestions li a {
color: #000;
text-decoration: none; }
.c-search-field__suggestions li a:hover {
color: #0163e6; }
.c-search-field--open .c-search-field__suggestions {
display: block; }
.c-search-field {
position: relative; }
.c-search-field form {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.c-search-field__input {
width: 100%;
font-weight: 400;
border: 0;
background-color: transparent;
padding: 1rem 2rem 1rem 0;
color: #121212;
border-bottom: 3px solid #121212;
max-width: 680px; }
.c-search-field__input::-webkit-input-placeholder {
color: #121212; }
.c-search-field__input::-moz-placeholder {
color: #121212; }
.c-search-field__input:-ms-input-placeholder {
color: #121212; }
.c-search-field__input::-ms-input-placeholder {
color: #121212; }
.c-search-field__input::placeholder {
color: #121212; }
.c-search-field__input:focus, .c-search-field__input:invalid, .c-search-field__input:focus:invalid {
background-color: transparent;
outline: none !important;
border-bottom: 3px solid #121212; }
.c-search-results__featured-image {
display: inline-block;
margin-bottom: 1rem;
margin-right: 20px; }
@media only screen and (min-width: 768px) {
.c-search-results__featured-image {
margin-bottom: 0; } }
.c-search-results__featured-image img {
width: 210px; }
.c-search-field__button {
position: relative;
display: inline-block;
cursor: pointer;
padding: 1rem;
border: 0;
-webkit-transition: all .4s ease;
transition: all .4s ease;
text-shadow: none;
text-align: center;
letter-spacing: 1px;
font-size: 1.125rem;
line-height: 1;
color: #0163e6;
text-decoration: none;
font-weight: 700;
background-color: transparent;
border-color: #0163e6; }
@media only screen and (min-width: 576px) {
.c-search-field__button {
font-size: 1.375rem; } }
.c-search-field__button:hover {
color: #05459E; }
.c-search-field__button:focus {
color: #0163e6; }
.c-search-field__button:hover {
background-color: transparent; }
.c-search-field__button:focus {
background-color: transparent; }
.c-search-field__button:hover {
border-color: #05459E; }
.c-search-field__button:focus {
border-color: #0163e6; }
.c-search-field__button:focus {
outline: 0; }
.c-search-field__button:disabled, .c-search-field__button[disabled] {
background: #dbe1e5 !important;
border-color: #dbe1e5 !important;
color: #606870 !important;
cursor: default !important; }
.c-search-field__button:disabled:hover, .c-search-field__button[disabled]:hover {
background: #dbe1e5 !important;
border-color: #dbe1e5 !important;
color: #606870 !important;
cursor: default !important; }
.c-search-field__button .ic {
color: #0163e6; }
.c-search-results__link-wrapper {
display: inline-block; }
.c-search-results__description {
margin-bottom: 0; }
/* ===================================================
TEXT STAGE COMPONENT
=================================================== */
/* ---------------------------------------------------
Global Styles
--------------------------------------------------- */
.c-text-grid-expandable.cs-light .underline {
background-color: #fff; }
.c-text-grid-expandable .c-text-grid-expandable__box {
margin-bottom: 80px; }
.c-text-grid-expandable .c-text-grid-expandable__icon_container {
margin-bottom: 12px; }
.c-text-grid-expandable .c-text-grid-expandable__icon_container i {
font-size: 48px; }
.c-text-grid-expandable .g-container.cs-light .c-text-grid-expandable__box * {
color: #fff; }
.c-text-grid-expandable .aos-hidden {
position: fixed;
bottom: -1000000px; } |