/*
    Modern Normalize
    Normalize browsers' default styles

    Sections:
    - Document
    - Body
    - Text
    - Links
    - Embedded Content
    - Forms
    - Interactive
    - Misc
    - touch-action
    - Iframe <iframe>
    - Tables <table>

    Browser Support:
    - Chrome
    - Edge
    - Firefox ESR+
    - Internet Explorer 10+
    - Safari 8+
    - Opera

    Based on normalize.css version 8.0 (modified)
    @see https://github.com/necolas/normalize.css
 */
/**
 * @section Document
 *
 * 1. Prevent adjustments of font size after orientation changes in iOS.
 * 2. Use a better box model (opinionated).
 * 3. Correct the line height in all browsers.
 */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.15;
    }
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    }

/**
 * 1. Use a more readable tab size (opinionated).
 */
:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    }

/**
 * @section Body
 *
 * 1. Remove the margin in all browsers.
 * 2. Default to sans-serif font for readability (opinionated).
 */
body {
    margin: 0;
    font-family: sans-serif;
    }

/**
 * @section Text
 *
 * Correct the font size and margin on `h1` elements within `section` and `article`
 * contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: .67em 0;
    }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * 3. Add a help cursor to provide additional context on hover and to users of assistive technologies
 */
abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    }

/**
 * 1. Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
    }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 *    The font-family: monospace, monospace hack fixes the inheritance and scaling of font-size
 *    for preformatted text. The duplication of monospace is intentional.
 *    @see https://en.wikipedia.org/wiki/User:Davidgothberg/Test59
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
    }

/**
 * 1. Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
    }

/**
 * 1. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
 *    Normally, using sub or sup affects the line-box height of text in all browsers.
 *    @see https://gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    }
sub {
    bottom: -.25em;
    }
sup {
    top: -.5em;
    }

/**
 * @section Links
 *
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    }

/**
 * @section Embedded Content
 * Includes <img>, <audio> and <video>
 *
 * 1. Remove the border on images inside links in IE 10.
 * 2. Add base responsive properties.
 */
img {
    border-style: none;
    }
img,
audio,
video {
    height: auto;
    max-width: 100%;
    }

/**
 * @section Forms
 *
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    }

/**
 * 1. Show the overflow in Edge and IE.
 */
button,
input {
    overflow: visible;
    }

/**
 * 1. Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button,
select {
    text-transform: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    }

/**
 * 1. Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
    }

/**
 * 1. Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
    }

/**
 * 1. Correct the padding in Firefox.
 */
fieldset {
    padding: .35em .75em .625em;
    }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    }

/**
 * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
    }

/**
 * 1. Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
    }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    }

/**
 * 1. Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
    }

/**
 * 1. Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
    }

/**
 * @section Interactive
 *
 * 1. Add the correct display in Edge, IE 10+, and Firefox.
 */
details,
main {
    display: block;
    }

/*
 * 1. Add the correct display in all browsers.
 */
summary {
    display: list-item;
    }

/**
 * @section Misc
 *
 * 1. Add the correct display in IE 10+.
 */
template {
    display: none;
    }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 * 3. Add the correct text-align in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    text-align: inherit;
    }

/**
 * 1. Add the correct display in IE 10.
 */
[hidden] {
    display: none !important;
    }

/**
 * @section touch-action
 * Prevent the 300ms delay for touchscreen interactions
 * Most browsers prevent the 300ms delay automatically for sites that use the `width=device-width` property.
 * For Safari on iOS 9.3+, IE 11 and Edge on desktops and IE 11 on Windows Phone 8.1 it must be applied manually.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
    }

/**
 * @section Iframe <iframe>
 *
 */
iframe {
    border: 0;
    }

/**
 * @section Tables <table>
 *
 */
table {
    border-collapse: collapse;
    }

/*
    # CSS Variables
    
    Establish CSS variables that may be used throughout
    the website theme.
 */
:root {
    --button-background-light: #edf2f9;
    --button-background-dark: #2b3646;
    --display-color-light: /*style.heading_color_light(*/#27354A/*)*/;
    --display-color-dark: /*style.heading_color_dark(*/#FFF/*)*/;
    --heading-color-light: /*style.heading_color_light(*/#27354A/*)*/;
    --heading-color-dark: /*style.heading_color_dark(*/#FFF/*)*/;
    --header-text-color-light: /*style.text_color_dark(*/#b7bed5/*)*/;
    --header-text-color-dark: /*style.text_color_dark(*/#b7bed5/*)*/;
    --eyebrow-color-light: /*style.eyebrow_color_light(*/#6C7D93/*)*/;
    --eyebrow-color-dark: /*style.eyebrow_color_dark(*/#C0CDF1/*)*/;
    --subtitle-color-light: /*style.text_color_light(*/#5F6678/*)*/;
    --subtitle-color-dark: /*style.text_color_dark(*/#b7bed5/*)*/;
    --text-color-light: /*style.text_color_light(*/#5F6678/*)*/;
    --text-color-dark: /*style.text_color_dark(*/#b7bed5/*)*/;
    --link-color-light: /*style.link_color_light(*/#1B79E6/*)*/;
    --link-color-dark: /*style.link_color_dark(*/#52A2FF/*)*/;
    --icon-color-light: /*style.link_color_light(*/#1B79E6/*)*/;
    --icon-color-dark: /*style.link_color_dark(*/#52A2FF/*)*/;
    --main-background-light: /*style.main_background_light(*/#fff/*)*/;
    --main-background-dark: /*style.main_background_dark(*/#1c222c/*)*/;
    --alternate-background-light: #F7F9FC;
    --alternate-background-dark: #212832;
    --transparent-background-light: rgba(255,255,255,.6);
    --transparent-background-dark: rgba(37,64,143,.6);
    --body-border-light: #E3E5E8;
    --body-border-dark: #323b48;
    --alternate-border-light: #dae3f1;
    --alternate-border-dark: #3d4a5c;
    --shadow-default-light: 0 2px 10px 2px rgba(94,107,131,.25);
    --shadow-default-dark: 0 2px 10px 2px rgba(0,0,0,.25);
    --field-background-light: /*style.main_background_light(*/#fff/*)*/;
    --field-background-dark: /*style.main_background_dark(*/#1c222c/*)*/;
    --field-border-light: #CCD4E0;
    --field-border-dark: #414d5e;
    --field-border-focus-light: /*style.link_color_light(*/#1B79E6/*)*/;
    --field-border-focus-dark: /*style.link_color_dark(*/#52A2FF/*)*/;
    --breakpoint-xs-min: 0;
    --breakpoint-xs-max: 599px;
    --breakpoint-sm-min: 600px;
    --breakpoint-sm-max: 959px;
    --breakpoint-md-min: 960px;
    --breakpoint-md-max: 1199px;
    --breakpoint-lg-min: 1200px;
    --breakpoint-lg-max: 1599px;
    --breakpoint-xl-min: 1600px;
    --primary-color: #0065F2;
    --accent-color: #67C779;
    --partner-default: #67C779;
    --partner-affiliate: #F47F28;
    --partner-distributor: #ED3024;
    --partner-default-color: #FFF;
    --lozenge-green: #67C779;
    --lozenge-blue: #1B79E6;
    --display-1-min: 1.75rem;
    --display-1-max: 3rem;
    --display-1-mid: calc(3rem + (3 - 1.75) * ((100vw - 37.5rem) / (100 - 37.5)));
    --display-family: Roboto;
    --display-weight: bold;
    --heading-font-family: /*style.heading_font_family(*/"Roboto"/*)*/,Helvetica,Arial,sans-serif;
    --heading-font-weight: /*style.heading_font_weight(*/700/*)*/;
    --heading-font-style: /*style.heading_font_style(*/normal/*)*/;
    --heading-1-min: /*style.heading_1_min(*/1.375rem/*)*/;
    --heading-1-max: /*style.heading_1_max(*/2.5rem/*)*/;
    --heading-1-mid: calc(1.375rem + (2.5 - 1.375) * ((100vw - 600px) / 62.5));
    --heading-2-min: /*style.heading_2_min(*/1.25rem/*)*/;
    --heading-2-max: /*style.heading_2_max(*/2rem/*)*/;
    --heading-2-mid: calc(1.25rem + (2 - 1.25) * ((100vw - 600px) / 62.5));
    --heading-3-min: /*style.heading_3_min(*/1.125rem/*)*/;
    --heading-3-max: /*style.heading_3_max(*/1.5rem/*)*/;
    --heading-3-mid: calc(1.125rem + (1.5 - 1.125) * ((100vw - 600px) / 62.5));
    --heading-4-min: /*style.heading_4_min(*/1rem/*)*/;
    --heading-4-max: /*style.heading_4_max(*/1.125rem/*)*/;
    --heading-4-mid: calc(1rem + (1.125 - 1) * ((100vw - 600px) / 62.5));
    --heading-5-min: /*style.heading_5_min(*/0.9375rem/*)*/;
    --heading-5-max: /*style.heading_5_max(*/1rem/*)*/;
    --heading-5-mid: calc(.9375rem + (1 - .9375) * ((100vw - 600px) / 62.5));
    --heading-6-min: /*style.heading_6_min(*/0.875rem/*)*/;
    --heading-6-max: /*style.heading_6_max(*/0.875rem/*)*/;
    --heading-6-mid: calc(.875rem + (.875 - .875) * ((100vw - 600px) / 62.5));
    --eyebrow-font-family: /*style.eyebrow_font_family(*/"Roboto"/*)*/,Helvetica,Arial,sans-serif;
    --eyebrow-font-weight: /*style.eyebrow_font_weight(*/500/*)*/;
    --eyebrow-font-style: /*style.eyebrow_font_style(*/normal/*)*/;
    --eyebrow-font-size-min: /*style.eyebrow_font_size_min(*/0.75rem/*)*/;
    --eyebrow-font-size-max: /*style.eyebrow_font_size_max(*/0.875rem/*)*/;
    --eyebrow-font-size-mid: calc(.75rem + (.875 - .75) * ((100vw - 600px) / 62.5));
    --mono-font-family: /*style.mono_font_family(*/Roboto Mono/*)*/;
    --mono-font-weight: /*style.mono_font_weight(*/400/*)*/;
    --mono-font-style: /*style.mono_font_style(*/normal/*)*/;
    --subtitle-font-family: /*style.text_font_family(*/"Roboto"/*)*/,Helvetica,Arial,sans-serif;
    --subtitle-font-weight: /*style.text_font_weight(*/400/*)*/;
    --subtitle-font-style: /*style.text_font_style(*/normal/*)*/;
    --subtitle-line-height: 1.6;
    --subtitle-font-size-min: 1.125rem;
    --subtitle-font-size-max: 1.5rem;
    --subtitle-font-size-mid: calc(1.125rem + (1.5 - 1.125) * ((100vw - 600px) / 62.5));
    --text-font-family: /*style.text_font_family(*/"Roboto"/*)*/,Helvetica,Arial,sans-serif;
    --text-font-weight: /*style.text_font_weight(*/400/*)*/;
    --text-font-style: /*style.text_font_style(*/normal/*)*/;
    --text-line-height: 1.6;
    --text-font-size-min: /*style.text_font_size_min(*/1rem/*)*/;
    --text-font-size-max: /*style.text_font_size_max(*/1rem/*)*/;
    --text-font-size-mid: 1rem;
    --icon-size: 1.5rem;
    --icon-subdued-light: #A0AFC5;
    --background-primary: -webkit-linear-gradient(90deg,#25408F 0%,#231562 50%,#080932 100%);
    --background-primary: linear-gradient(90deg,#25408F 0%,#231562 50%,#080932 100%);
    --clip-angle-left: polygon(30px 0,100% 0,100% 100%,0 100%);
    --clip-angle-right: polygon(0 0,100% 0,calc(100% - 30px) 100%,0 100%);
    --clip-angle-top: polygon(30px 0,calc(100% - 30px) 0,100% 100%,0 100%);
    --aside-width: 320px;
    }

:root,
.theme-light {
    --button-background: #edf2f9;
    --display-color: /*style.heading_color_light(*/#27354A/*)*/;
    --heading-color: /*style.heading_color_light(*/#27354A/*)*/;
    --header-text-color: /*style.text_color_dark(*/#b7bed5/*)*/;
    --eyebrow-color: /*style.eyebrow_color_light(*/#6C7D93/*)*/;
    --subtitle-color: /*style.text_color_light(*/#5F6678/*)*/;
    --text-color: /*style.text_color_light(*/#5F6678/*)*/;
    --link-color: /*style.link_color_light(*/#1B79E6/*)*/;
    --icon-color: /*style.link_color_light(*/#1B79E6/*)*/;
    --main-background: /*style.main_background_light(*/#fff/*)*/;
    --alternate-background: #F7F9FC;
    --transparent-background: rgba(255,255,255,.6);
    --body-border: #E3E5E8;
    --alternate-border: #dae3f1;
    --shadow-default: 0 2px 10px 2px rgba(94,107,131,.25);
    --field-background: /*style.main_background_light(*/#fff/*)*/;
    --field-border: #CCD4E0;
    --field-border-focus: /*style.link_color_light(*/#1B79E6/*)*/;
    --info-background: #F1F8FF;
    --info-color: #4D5A6A;
    --important-background: #FFF5E7;
    --important-color: #534F49;
    --warning-background: #FFEFF3;
    --warning-color: #65474E;
    --code-background: #F8FAFB;
    --code-color: #001C42;
    --code-border: #E7EBF1;
    --minicart-background: #0065F2;
    color: var(--text-color);
    }
.theme-dark {
    --button-background: #2b3646;
    --display-color: /*style.heading_color_dark(*/#FFF/*)*/;
    --heading-color: /*style.heading_color_dark(*/#FFF/*)*/;
    --header-text-color: /*style.text_color_dark(*/#b7bed5/*)*/;
    --eyebrow-color: /*style.eyebrow_color_dark(*/#C0CDF1/*)*/;
    --subtitle-color: /*style.text_color_dark(*/#b7bed5/*)*/;
    --text-color: /*style.text_color_dark(*/#b7bed5/*)*/;
    --link-color: /*style.link_color_dark(*/#52A2FF/*)*/;
    --icon-color: /*style.link_color_dark(*/#52A2FF/*)*/;
    --main-background: /*style.main_background_dark(*/#1c222c/*)*/;
    --alternate-background: #212832;
    --transparent-background: rgba(37,64,143,.6);
    --body-border: #323b48;
    --alternate-border: #3d4a5c;
    --shadow-default: 0 2px 10px 2px rgba(0,0,0,.25);
    --field-background: /*style.main_background_dark(*/#1c222c/*)*/;
    --field-border: #414d5e;
    --field-border-focus: /*style.link_color_dark(*/#52A2FF/*)*/;
    --info-background: #1d446b;
    --info-color: #aac4e4;
    --important-background: #4a3211;
    --important-color: #c0b098;
    --warning-background: #621628;
    --warning-color: #e495a7;
    --code-background: #272f41;
    --code-color: #94afd2;
    --code-border: #5a708f;
    --minicart-background: /*style.link_color_light(*/#1B79E6/*)*/;
    --pic-slide-control: #FFF;
    color: var(--text-color);
    }

/*
	icon: Standard Icons
	---------------------
	These are used in a variety of places as 16x16 icons.
	They are often used within buttons, round buttons or text fields.
	Usage: generally with a <span>, but an <a> may be used if the icon itself is to be linked.

	<span class="icon help"></span>
*/
@font-face {
    font-family: 'ev2';
    src: url(/portal/shared/theme/v1/common/css/../fonts/ev2.eot?v=1723007133);
    src: url(/portal/shared/theme/v1/common/css/../fonts/ev2.eot?v=1723007133#iefix) format('embedded-opentype'),url(/portal/shared/theme/v1/common/css/../fonts/ev2.woff?v=1723007133) format('woff'),url(/portal/shared/theme/v1/common/css/../fonts/ev2.ttf?v=1723007133) format('truetype'),url(/portal/shared/theme/v1/common/css/../fonts/ev2.svg?v=1681288036#ev2) format('svg');
    font-style: normal;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    }
@-webkit-keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}

@keyframes spin {
0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    }
100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
    }
}

/* The global icon format */
.icon {
    font-family: 'ev2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 14px;
    padding: 0;
    margin: 0;
    display: inline-block;
    outline: none;
    border: 0;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    }
.icon.x18 {
    font-size: 18px;
    line-height: 18px;
    }
.icon.x24 {
    font-size: 24px;
    line-height: 27px;
    }
.icon.x32 {
    font-size: 32px;
    line-height: 32px;
    }
.icon.x48 {
    font-size: 48px;
    line-height: 48px;
    }
.icon.x64 {
    font-size: 64px;
    line-height: 64px;
    }

/* Icon rotations and mirroring */
.icon.rotate90:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    }
.icon.rotate180:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    }
.icon.rotate270:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    }
.icon.flipHorizontal:before {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    }
.icon.flipVertical:before {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
    }

/* ensure rotation occurs inside anchor tags */
a .icon.rotate90:before,
a .icon.rotate180:before,
a .icon.rotate270:before,
a .icon.flipHorizontal:before,
a .icon.flipVertical:before {
    display: inline-block;
    }

/* rotation animation */
.icon.rotating,
.icon.loading {
    display: inline-block;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    }
.icon.loading.x32 {
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    }
.icon.loading.x48 {
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    }
.icon.loading.x64 {
    width: 64px;
    height: 64px;
    line-height: 58px;
    text-align: center;
    }

/* Now for the icons */
.icon.home:before {
    content: "\e000";
    }
.icon.pencil:before,
.icon.edit:before {
    content: "\e001";
    }
.icon.office:before,
.icon.business:before,
.icon.company:before {
    content: "\e002";
    }
.icon.paintFormat:before {
    content: "\e003";
    }
.icon.image:before {
    content: "\e004";
    }
.icon.headphones:before {
    content: "\e007";
    }
.icon.video:before {
    content: "\e008";
    }
.icon.connection:before {
    content: "\e009";
    }
.icon.book:before,
.icon.catalog:before,
.icon.catalogue:before,
.icon.products:before {
    content: "\e00a";
    }
.icon.stack:before {
    content: "\e00c";
    }
.icon.layers:before {
    content: "\e0f3";
    }
.icon.folder:before {
    content: "\e00d";
    }
.icon.folderOpen:before {
    content: "\e00e";
    }
.icon.tag:before {
    content: "\e00f";
    }
.icon.tags:before {
    content: "\e010";
    }
.icon.barcode:before {
    content: "\e011";
    }
.icon.qrcode:before {
    content: "\e012";
    }
.icon.ticket:before,
.icon.coupon:before,
.icon.voucher:before {
    content: "\e013";
    }
.icon.ticket2:before {
    content: "\e0da";
    }
.icon.cart:before,
.icon.order:before {
    content: "\e014";
    }
.icon.calculate:before {
    content: "\e016";
    }
.icon.support:before {
    content: "\e017";
    }
.icon.phone:before {
    content: "\e018";
    }
.icon.phoneDown:before {
    content: "\e019";
    }
.icon.pushpin:before {
    content: "\e01a";
    }
.icon.map:before {
    content: "\e01c";
    }
.icon.mapOutline:before {
    content: "\e005";
    }
.icon.clock:before,
.icon.time:before {
    content: "\e0c3";
    }
.icon.clockBold:before,
.icon.timeBold:before {
    content: "\e01d";
    }
.icon.earth:before,
.icon.public:before,
.icon.website:before {
    content: "\e01e";
    }
.icon.alarm:before {
    content: "\e01f";
    }
.icon.print:before,
.icon.fax:before {
    content: "\e022";
    }
.icon.screen:before,
.icon.desktop:before {
    content: "\e025";
    }
.icon.mobile:before {
    content: "\e024";
    }
.icon.tablet:before {
    content: "\e026";
    }
.icon.download:before {
    content: "\e027";
    }
.icon.upload:before {
    content: "\e028";
    }
.icon.undo:before {
    content: "\e029";
    }
.icon.redo:before {
    content: "\e02a";
    }
.icon.undo2:before {
    content: "\e02b";
    }
.icon.redo2:before {
    content: "\e02c";
    }
.icon.forward2:before {
    content: "\e02d";
    }
.icon.reply2:before {
    content: "\e02e";
    }
.icon.user:before,
.icon.contact:before,
.icon.person:before {
    content: "\e031";
    }
.icon.users:before,
.icon.contacts:before {
    content: "\e032";
    }
.icon.update:before {
    content: "\e033";
    }
.icon.shield:before {
    content: "\e035";
    }
.icon.lightning:before {
    content: "\e036";
    }
.icon.connect:before {
    content: "\e037";
    }
.icon.truck:before,
.icon.shipping:before,
.icon.delivery:before {
    content: "\e038";
    }
.icon.airplane:before,
.icon.airmail:before {
    content: "\e039";
    }
.icon.remove:before,
.icon.delete:before {
    content: "\e03a";
    }
.icon.lab:before {
    content: "\e03b";
    }
.icon.aid:before {
    content: "\e03c";
    }
.icon.bug:before {
    content: "\e03d";
    }
.icon.search:before {
    content: "\e03f";
    }
.icon.cog:before,
.icon.options:before {
    content: "\e040";
    }
.icon.equalizer:before {
    content: "\e041";
    }
.icon.equalizerHorizontal:before {
    content: "\e0fe";
    }
.icon.equalizerSmall:before {
    content: "\e0f6";
    }
.icon.key:before {
    content: "\e042";
    }
.icon.key2:before {
    content: "\e0f1";
    }
.icon.fullscreen:before {
    content: "\e045";
    }
.icon.fullscreenSmall:before {
    content: "\e0f8";
    }
.icon.enlarge:before {
    content: "\e046";
    }
.icon.reduce:before {
    content: "\e047";
    }
.icon.mug:before {
    content: "\e048";
    }
.icon.trophy:before {
    content: "\e049";
    }
.icon.gift:before {
    content: "\e04a";
    }
.icon.wand:before {
    content: "\e04b";
    }
.icon.rocket:before {
    content: "\e04c";
    }
.icon.link:before,
.icon.linked:before,
.icon.unlink:before {
    content: "\e04e";
    }
.icon.cloudUpload:before {
    content: "\e050";
    }
.icon.cloudDownload:before {
    content: "\e051";
    }
.icon.cloud:before {
    content: "\e052";
    }
.icon.tree:before {
    content: "\e053";
    }
.icon.menu:before {
    content: "\e054";
    }
.icon.menu2:before {
    content: "\e055";
    }
.icon.numberedList:before {
    content: "\e056";
    }
.icon.list:before {
    content: "\e057";
    }
.icon.list2:before {
    content: "\e058";
    }
.icon.eye:before,
.icon.preview:before {
    content: "\e059";
    }
.icon.eyeBlocked:before {
    content: "\e05a";
    }
.icon.bookmark:before {
    content: "\e05b";
    }
.icon.bookmarkNarrow:before {
    content: "\e125";
    }
.icon.reviewOff:before {
    content: "\e05c";
    }
.icon.reviewHalf:before {
    content: "\e05d";
    }
.icon.reviewOn:before {
    content: "\e05e";
    }
.icon.heart:before {
    content: "\e05f";
    }
.icon.thumbsUp:before {
    content: "\e060";
    }
.icon.thumbsDown:before {
    content: "\e061";
    }
.icon.thumbsUpSmall:before {
    content: "\e127";
    }
.icon.thumbsDownSmall:before {
    content: "\e128";
    }
.icon.complete:before {
    content: "\e062";
    }
.icon.cancelled:before {
    content: "\e063";
    }
.icon.blocked:before {
    content: "\e064";
    }
.icon.blocked2:before {
    content: "\e124";
    }
.icon.plus:before,
.icon.add:before {
    content: "\e0b1";
    }
.icon.minus:before,
.icon.subtract:before {
    content: "\e0b2";
    }
.icon.minusLarge:before {
    content: "\e066";
    }
.icon.plusLarge:before {
    content: "\e067";
    }
.icon.enter:before,
.icon.login:before {
    content: "\e068";
    }
.icon.exit:before,
.icon.logout:before {
    content: "\e069";
    }
.icon.shuffle:before {
    content: "\e06a";
    }
.icon.loop:before {
    content: "\e06b";
    }
.icon.scissors:before {
    content: "\e06c";
    }
.icon.creditcard:before,
.icon.card:before {
    content: "\e06d";
    }
.icon.frame:before {
    content: "\e015";
    }
.icon.graph:before {
    content: "\e04f";
    }
.icon.bars:before {
    content: "\e06f";
    }
.icon.briefcase:before {
    content: "\e070";
    }
.icon.switch:before {
    content: "\e071";
    }
.icon.flag:before {
    content: "\e072";
    }
.icon.filter:before {
    content: "\e073";
    }
.icon.volume:before {
    content: "\e078";
    }
.icon.mute:before {
    content: "\e079";
    }
.icon.code:before {
    content: "\e07a";
    }
.icon.ruler:before,
.icon.design:before {
    content: "\e07b";
    }
.icon.warehouse:before {
    content: "\e07c";
    }
.icon.presentation:before {
    content: "\e080";
    }
.icon.email:before,
.icon.envelope:before {
    content: "\e081";
    }
.icon.emailRead:before,
.icon.emailOpen:before,
.icon.envelopeOpen:before {
    content: "\e0f7";
    }
.icon.brush:before {
    content: "\e083";
    }
.icon.tools:before {
    content: "\e084";
    }
.icon.patch:before {
    content: "\e085";
    }
.icon.umbrella:before {
    content: "\e086";
    }
.icon.lab2:before {
    content: "\e087";
    }
.icon.gamepad:before {
    content: "\e088";
    }
.icon.microphone:before {
    content: "\e090";
    }
.icon.calendar:before,
.icon.date:before {
    content: "\e091";
    }
.icon.arrowRight:before,
.icon.pointRight:before {
    content: "\e092";
    }
.icon.arrowUp:before,
.icon.pointUp:before {
    content: "\e093";
    }
.icon.arrowDown:before,
.icon.pointDown:before {
    content: "\e094";
    }
.icon.arrowLeft:before,
.icon.pointLeft:before {
    content: "\e095";
    }
.icon.arrowRight2:before {
    content: "\e096";
    }
.icon.arrowUp2:before {
    content: "\e097";
    }
.icon.arrowDown2:before,
.icon.select:before {
    content: "\e098";
    }
.icon.arrowLeft2:before {
    content: "\e099";
    }
.icon.arrowLeft3:before,
.icon.goBack:before,
.icon.left:before {
    content: "\e09d";
    }
.icon.arrowDown3:before,
.icon.descending:before,
.icon.down:before {
    content: "\e09e";
    }
.icon.arrowUp3:before,
.icon.ascending:before,
.icon.up:before {
    content: "\e09f";
    }
.icon.arrowRight3:before,
.icon.goForward:before,
.icon.right:before {
    content: "\e0a0";
    }
.icon.arrowLeft4:before {
    content: "\e0e9";
    }
.icon.arrowDown4:before {
    content: "\e0ea";
    }
.icon.arrowUp4:before {
    content: "\e0eb";
    }
.icon.arrowRight4:before {
    content: "\e0ec";
    }
.icon.flowCascade:before {
    content: "\e09a";
    }
.icon.flowBranch:before,
.icon.merge:before {
    content: "\e09b";
    }
.icon.flowTree:before {
    content: "\e09c";
    }
.icon.flowLine:before {
    content: "\e0a1";
    }
.icon.cloud2:before {
    content: "\e0a2";
    }
.icon.cloudUpload2:before {
    content: "\e0a3";
    }
.icon.install:before {
    content: "\e0a4";
    }
.icon.flowParallel:before {
    content: "\e0a5";
    }
.icon.disk:before,
.icon.save:before {
    content: "\e0a6";
    }
.icon.inTray:before,
.icon.import:before {
    content: "\e0a7";
    }
.icon.outTray:before {
    content: "\e0a8";
    }
.icon.trash:before {
    content: "\e0a9";
    }
.icon.pictures:before {
    content: "\e0aa";
    }
.icon.shuffle2:before {
    content: "\e0ab";
    }
.icon.uturn:before {
    content: "\e0ac";
    }
.icon.return:before {
    content: "\e0ad";
    }
.icon.retweet:before {
    content: "\e0ae";
    }
.icon.loop2:before {
    content: "\e0af";
    }
.icon.history:before {
    content: "\e0b0";
    }
.icon.database:before {
    content: "\e0b3";
    }
.icon.locate:before,
.icon.location:before {
    content: "\e0b6";
    }
.icon.paperplane:before {
    content: "\e0b7";
    }
.icon.paperclip:before,
.icon.attachement:before {
    content: "\e0b9";
    }
.icon.user2:before {
    content: "\e0ba";
    }
.icon.users2:before {
    content: "\e0bb";
    }
.icon.address:before,
.icon.geolocation:before {
    content: "\e0bc";
    }
.icon.graduation:before,
.icon.education:before {
    content: "\e0bd";
    }
.icon.book2:before {
    content: "\e0be";
    }
.icon.hourglass:before {
    content: "\e0bf";
    }
.icon.gauge:before {
    content: "\e0c0";
    }
.icon.droplet:before {
    content: "\e0c1";
    }
.icon.calendar2:before {
    content: "\e0c2";
    }
.icon.lifebuoy:before {
    content: "\e0c4";
    }
.icon.mobile2:before {
    content: "\e0c6";
    }
.icon.directions:before {
    content: "\e0c7";
    }
.icon.target:before {
    content: "\e0c9";
    }
.icon.share:before {
    content: "\e0ca";
    }
.icon.chat:before {
    content: "\e0cc";
    }
.icon.comment:before,
.icon.comments:before {
    content: "\e0cd";
    }
.icon.quote:before {
    content: "\e0ce";
    }
.icon.trophy2:before {
    content: "\e0d0";
    }
.icon.megaphone:before {
    content: "\e0d1";
    }
.icon.audio:before {
    content: "\e0d2";
    }
.icon.music:before {
    content: "\e0d3";
    }
.icon.drive:before {
    content: "\e0d4";
    }
.icon.cone:before,
.icon.construction:before {
    content: "\e0d5";
    }
.icon.lineChart:before {
    content: "\e0d7";
    }
.icon.pieChart:before {
    content: "\e03e";
    }
.icon.pieChart2:before {
    content: "\e0d8";
    }
.icon.stats:before,
.icon.barChart:before {
    content: "\e0d9";
    }
.icon.info:before {
    content: "\e0db";
    }
.icon.infoBold:before {
    content: "\e065";
    }
.icon.warning:before,
.icon.attention:before {
    content: "\e0dc";
    }
.icon.help:before {
    content: "\e0dd";
    }
.icon.cycle:before {
    content: "\e0de";
    }
.icon.reload:before,
.icon.refresh:before,
.icon.clockwise:before {
    content: "\e0df";
    }
.icon.ccw:before,
.icon.antiClockwise:before,
.icon.counterClockwise:before {
    content: "\e0e0";
    }
.icon.play:before,
.icon.inProgress:before {
    content: "\e0e1";
    }
.icon.pause:before,
.icon.paused:before {
    content: "\e0e2";
    }
.icon.record:before {
    content: "\e0e3";
    }
.icon.stop:before {
    content: "\e0e4";
    }
.icon.next:before {
    content: "\e0e5";
    }
.icon.previous:before {
    content: "\e0e6";
    }
.icon.first:before {
    content: "\e0e7";
    }
.icon.last:before {
    content: "\e0e8";
    }
.icon.ellipsis:before,
.icon.pending:before {
    content: "\e0ed";
    }
.icon.eject:before {
    content: "\e0ee";
    }
.icon.checkmark:before,
.icon.yes:before {
    content: "\e0ef";
    }
.icon.cancel:before,
.icon.no:before {
    content: "\e0f0";
    }
.icon.cord:before {
    content: "\e0f2";
    }
.icon.collapseScreenSmall:before {
    content: "\e0f9";
    }
.icon.collapseScreen:before {
    content: "\e0fb";
    }
.icon.zoomOut:before {
    content: "\e0fc";
    }
.icon.zoomIn:before {
    content: "\e0fd";
    }
.icon.leaf:before {
    content: "\e0ff";
    }
.icon.leaf2:before {
    content: "\e0c8";
    }
.icon.signup:before,
.icon.todo:before {
    content: "\e100";
    }
.icon.download2:before {
    content: "\e101";
    }
.icon.upload2:before {
    content: "\e102";
    }
.icon.attachmentBold:before {
    content: "\e103";
    }
.icon.smileyOutline:before {
    content: "\e104";
    }
.icon.smiley:before {
    content: "\e105";
    }
.icon.sadOutline:before {
    content: "\e106";
    }
.icon.sad:before {
    content: "\e107";
    }
.icon.neutralOutline:before {
    content: "\e108";
    }
.icon.neutral:before {
    content: "\e109";
    }
.icon.happyOutline:before {
    content: "\e10a";
    }
.icon.happy:before {
    content: "\e10b";
    }
.icon.wonderingOutline:before {
    content: "\e10c";
    }
.icon.wondering:before {
    content: "\e10d";
    }
.icon.feed:before {
    content: "\e10f";
    }
.icon.twitter:before {
    content: "\e111";
    }
.icon.facebook:before {
    content: "\e112";
    }
.icon.twitter2:before {
    content: "\e110";
    }
.icon.googleplus:before {
    content: "\ea90";
    }
.icon.instagram:before {
    content: "\ea89";
    }
.icon.youtube:before {
    content: "\e113";
    }
.icon.youtubeOutline:before {
    content: "\e114";
    }
.icon.vimeo2:before {
    content: "\e115";
    }
.icon.vimeo:before {
    content: "\e116";
    }
.icon.linkedin:before {
    content: "\e117";
    }
.icon.pinterest:before {
    content: "\e118";
    }
.icon.replyAll:before {
    content: "\e119";
    }
.icon.reply:before {
    content: "\e11a";
    }
.icon.forward:before {
    content: "\e11b";
    }
.icon.newspaper:before {
    content: "\e11c";
    }
.icon.camera:before {
    content: "\e0b8";
    }
.icon.palette:before {
    content: "\e0cf";
    }
.icon.rocket2:before {
    content: "\e11d";
    }
.icon.brush2:before {
    content: "\e11e";
    }
.icon.decrease:before {
    content: "\e11f";
    }
.icon.increase:before {
    content: "\e120";
    }
.icon.contract:before {
    content: "\e121";
    }
.icon.expand:before {
    content: "\e122";
    }
.icon.cross:before,
.icon.close:before {
    content: "\e123";
    }
.icon.box:before,
.icon.archive:before {
    content: "\e08c";
    }
.icon.export:before {
    content: "\e08d";
    }
.icon.heartOn:before {
    content: "\e0cb";
    }
.icon.heartOff:before {
    content: "\e08e";
    }
.icon.starred:before,
.icon.favourite:before {
    content: "\e08f";
    }
.icon.unstarred:before,
.icon.unfavourite:before {
    content: "\e126";
    }
.icon.move:before,
.icon.drag:before {
    content: "\e04d";
    }
.icon.flickr:before {
    content: "\e06e";
    }
.icon.github:before {
    content: "\e074";
    }
.icon.unlocked:before {
    content: "\e075";
    }
.icon.lock:before,
.icon.locked:before {
    content: "\e076";
    }
.icon.hand:before {
    content: "\e077";
    }
.icon.suitcase:before {
    content: "\e08a";
    }
.icon.wrench:before,
.icon.spanner:before {
    content: "\e006";
    }
.icon.stamp:before,
.icon.postage:before {
    content: "\f242";
    }

/* should come last */
.icon.spinner-2:before,
.icon.loading:before {
    content: "\e0fa";
    }

/* Ratings */
.evRating a.icon {
    opacity: .6;
    cursor: pointer;
    outline: none;
    margin: 5px 2px;
    text-decoration: none;
    }
.evRating a.icon:before {
    content: "\e05c";
    }
.evRating a.icon.active {
    opacity: 1;
    color: #e19533;
    }
.evRating a.icon.active:before {
    content: "\e05e";
    }
.evRating a.icon.hover {
    opacity: 1;
    color: #5b9dde;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    }
.evRating a.icon.hover:before {
    content: "\e05e";
    }
.evRating a.icon:hover {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    }
.evRating span.icon {
    opacity: .6;
    margin: 5px 2px;
    cursor: default;
    }
.evRating span.icon.reviewOn,
.evRating span.icon.reviewHalf {
    opacity: 1;
    color: #e19533;
    }
.evRating.x24 .icon {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 5px;
    }
.evRating.x32 .icon {
    font-size: 32px;
    width: 32px;
    height: 32px;
    margin: 5px;
    }

@font-face {
    font-family: 'icons';
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/pickering/icons.ttf?h38nb3=&v=1741701014) format('truetype'),url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/pickering/icons.woff?h38nb3=&v=1741701014) format('woff'),url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/pickering/icons.svg?h38nb3=&v=1741701014#icons) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
    }
.icon {
    font-size: 18px;
    line-height: 1;
    vertical-align: text-top;
    }
.icon.help {
    color: #A0AFC5;
    }
[class^="icon-"]:not(li),
[class*=" icon-"]:not(li) {
    font-family: 'icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 1.5rem;
    color: var(--icon-color);
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.icon-theme-dark:before {
    content: "\e939";
    }
.icon-theme-light:before {
    content: "\e93a";
    }
.icon-aside-menu:before {
    content: "\e938";
    }
.icon-cancel:before {
    content: "\e937";
    }
.icon-download:before {
    content: "\e936";
    }
.icon-next:before {
    content: "\e934";
    }
.icon-previous:before {
    content: "\e935";
    }
.icon-more:before {
    content: "\e933";
    }
.icon-whishlist-off:before {
    content: "\e903";
    }
.icon-search:before {
    content: "\e900";
    }
.icon-cart:before {
    content: "\e901";
    }
.icon-user:before {
    content: "\e902";
    }
.icon-whishlist-on:before {
    content: "\e904";
    }
.icon-3d:before {
    content: "\e905";
    }
.icon-altitude:before {
    content: "\e906";
    }
.icon-angular-rotation:before {
    content: "\e907";
    }
.icon-azexis:before {
    content: "\e908";
    }
.icon-battery:before {
    content: "\e909";
    }
.icon-bug:before {
    content: "\e90a";
    }
.icon-call:before {
    content: "\e90b";
    }
.icon-continue:before {
    content: "\e90c";
    }
.icon-danger:before {
    content: "\e90d";
    }
.icon-dot:before {
    content: "\e90e";
    }
.icon-email:before {
    content: "\e90f";
    }
.icon-evance:before {
    content: "\e910";
    }
.icon-fullscreen:before {
    content: "\e911";
    }
.icon-success:before {
    content: "\e912";
    }
.icon-info:before {
    content: "\e913";
    }
.icon-incon-help:before {
    content: "\e914";
    }
.icon-like:before {
    content: "\e915";
    }
.icon-dislike:before {
    content: "\e916";
    }
.icon-minus:before {
    content: "\e917";
    }
.icon-movement:before {
    content: "\e918";
    }
.icon-partners:before {
    content: "\e919";
    }
.icon-path:before {
    content: "\e91a";
    }
.icon-plus:before {
    content: "\e91b";
    }
.icon-pressure:before {
    content: "\e91c";
    }
.icon-quality:before {
    content: "\e91d";
    }
.icon-resources:before {
    content: "\e91e";
    }
.icon-satellite:before {
    content: "\e91f";
    }
.icon-screwdriver:before {
    content: "\e920";
    }
.icon-semiconductor:before {
    content: "\e921";
    }
.icon-semiconductor-wafer:before {
    content: "\e922";
    }
.icon-settings:before {
    content: "\e923";
    }
.icon-simulation:before {
    content: "\e924";
    }
.icon-social-facebook:before {
    content: "\e925";
    }
.icon-social-linkedin:before {
    content: "\e926";
    }
.icon-social-twitter:before {
    content: "\e927";
    }
.icon-social-wechat:before {
    content: "\e928";
    }
.icon-social-weibo:before {
    content: "\e929";
    }
.icon-social-youtube:before {
    content: "\e92a";
    }
.icon-strain:before {
    content: "\e92b";
    }
.icon-support:before {
    content: "\e92c";
    }
.icon-switching:before {
    content: "\e92d";
    }
.icon-thermocouple:before {
    content: "\e92e";
    }
.icon-thermometer:before {
    content: "\e92f";
    }
.icon-toc:before {
    content: "\e930";
    }
.icon-video-play:before {
    content: "\e931";
    }
.icon-warning:before {
    content: "\e932";
    }

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
    }

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
    }

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+1F00-1FFF;
    }

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+0370-03FF;
    }

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
    }

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff?v=1741701014) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
    }

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff?v=1741701014) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
    }

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
    }

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
    }

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+1F00-1FFF;
    }

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0370-03FF;
    }

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
    }

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
    }

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff?v=1741701014) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
    }

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
    }

/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
    }

/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+1F00-1FFF;
    }

/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0370-03FF;
    }

/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
    }

/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff?v=1741701014) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
    }

/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff?v=1741701014) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
    }

/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4Ep0.woff?v=1741701014) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
    }

/* cyrillic */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4Ep0.woff?v=1741701014) format('woff2');
    unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
    }

/* greek */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4Ep0.woff?v=1741701014) format('woff2');
    unicode-range: U+0370-03FF;
    }

/* vietnamese */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4Ep0.woff?v=1741701014) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
    }

/* latin-ext */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4Ep0.woff?v=1741701014) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
    }

/* latin */
@font-face {
    font-family: 'Roboto Mono';
    font-style: normal;
    font-weight: 400;
    src: url(/portal/web/256/theme/pickering-2025-03-11/common/fonts/roboto-mono/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff?v=1741701014) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
    }

/**
    Generic CSS
    ===
    Used throughout the website.
    
    Sections:
    ---
    - Display Helpers
    - Icons Loading
    - Product & Category Cards
    - Aspect Ratios
    - Mini Banners
    - Three Year Shield
    - Quotation
    - Half Alternate Backgrounds
*/
/**
 * @section Display helpers
 * 1. Conditionally display an element based upon the current viewport (hidden-{breakpoint}-{condition})
 * 2. Overflow helpers
 * 3. Display block types
 */
/* 1 */
@media only screen and (max-width: 599px) {
.hidden-xs-only {
    display: none !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
.hidden-sm-only {
    display: none !important;
    }
}

@media only screen and (max-width: 959px) {
.hidden-sm-and-down {
    display: none !important;
    }
}

@media only screen and (min-width: 600px) {
.hidden-sm-and-up {
    display: none !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.hidden-md-only {
    display: none !important;
    }
}

@media only screen and (max-width: 1199px) {
.hidden-md-and-down {
    display: none !important;
    }
}

@media only screen and (min-width: 960px) {
.hidden-md-and-up {
    display: none !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.hidden-lg-only {
    display: none !important;
    }
}

@media only screen and (max-width: 1599px) {
.hidden-lg-and-down {
    display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
.hidden-lg-and-up {
    display: none !important;
    }
}

@media only screen and (min-width: 1600px) {
.hidden-xl-only {
    display: none !important;
    }
}

/* 2 */
.overflow-hidden {
    overflow: hidden;
    }
.overflow-x-hidden {
    overflow-x: hidden;
    }
.overflow-y-hidden {
    overflow-y: hidden;
    }

/* 3 */
.d-flex {
    display: flex !important;
    }
.d-inline-flex {
    display: inline-flex !important;
    }
.d-flex > *,
.d-inline-flex > * {
    flex: 1 1 auto !important;
    }
.d-block {
    display: block !important;
    }
.d-inline-block {
    display: inline-block !important;
    }
.d-inline {
    display: inline !important;
    }

/**
 * @section opacity
 *
 */
.opacity-0 {
    opacity: 0;
    }
.opacity-10 {
    opacity: .1;
    }
.opacity-20 {
    opacity: .2;
    }
.opacity-30 {
    opacity: .3;
    }
.opacity-40 {
    opacity: .4;
    }
.opacity-50 {
    opacity: .5;
    }
.opacity-60 {
    opacity: .6;
    }
.opacity-70 {
    opacity: .7;
    }
.opacity-80 {
    opacity: .8;
    }
.opacity-90 {
    opacity: .8;
    }
.evScrollable,
.is-scrollable {
    overflow: auto;
    }

/**
 *  @section Icons Loading
 *  ---
 *  Convert any existing icon into a loading icon.
 */
.icon.is-loading,
[class^="icon-"].is-loading,
[class*=" icon-"].is-loading {
    position: relative;
    }
.icon.is-loading:before,
[class^="icon-"].is-loading:before,
[class*=" icon-"].is-loading:before {
    opacity: 0;
    }
.icon.is-loading:after,
[class^="icon-"].is-loading:after,
[class*=" icon-"].is-loading:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-bottom-color: transparent;
    animation: loading-spinner 1s infinite ease-in-out;
    margin-top: -9px;
    margin-left: -9px;
    }
.eyebrow .icon,
.eyebrow [class^="icon-"],
.eyebrow [class*=" icon-"] {
    vertical-align: middle;
    margin-top: -2px;
    }
.corner-box .icon,
.corner-box [class^="icon-"],
.corner-box [class*=" icon-"] {
    margin-right: .325rem;
    }
.icon-loading {
    width: 48px;
    height: 48px;
    display: inline-block;
    }
.icon-loading:after {
    content: '';
    display: block;
    border: 3px solid var(--link-color);
    border-bottom-color: transparent;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin: 6px;
    position: relative;
    animation: loading-spinner 1s infinite ease-in-out;
    }
@keyframes loading-spinner {
0% {
    transform: rotate(0deg);
    }
100% {
    transform: rotate(359deg);
    }
}

.bg-alternate,
section.alternate {
    background: var(--alternate-background);
    }

/**
    @section Product & Category Cards
    ---
    Used for display of products and sub-categories
    within product categories. Product cards are
    also used within product pages.
*/
.category-card,
.product-card {
    color: inherit;
    }
.category-card h3 a,
.category-card h4 a,
.product-card h3 a,
.product-card h4 a {
    color: inherit;
    display: block;
    background: none;
    transition: color .25s ease-in-out;
    }
.category-card h3 a:hover,
.category-card h3 a:focus,
.category-card h4 a:hover,
.category-card h4 a:focus,
.product-card h3 a:hover,
.product-card h3 a:focus,
.product-card h4 a:hover,
.product-card h4 a:focus {
    color: var(--link-color);
    }
a.category-card {
    color: inherit !important;
    }
a.category-card:hover h3,
a.category-card:hover h4,
a.category-card:focus h3,
a.category-card:focus h4 {
    color: var(--link-color);
    transition: color .25s ease-in-out;
    }
.product-card {
    border-radius: 3px;
    background: var(--main-background);
    padding: 2rem;
    height: 100%;
    }
.product-card.discontinued {
    position: relative;
    padding: 1rem;
    background: var(--main-background);
    margin-top: 0;
    padding: 3rem 2rem;
    transition: .25s filter ease-in-out,.25s transform ease-in-out;
    }
.product-card.discontinued:hover {
    -webkit-filter: drop-shadow(0 3px 2px rgba(0,0,0,.25)) drop-shadow(0px 0px 10px rgba(27,121,230,.35));
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.25)) drop-shadow(0px 0px 10px rgba(27,121,230,.35));
    transform: translateY(-.125rem);
    }
.product-card.discontinued .flash-accent {
    right: 0;
    }
.product-card.discontinued p {
    color: var(--text-color);
    }
.specifications .specification {
    display: flex;
    }
.specifications .specification > * {
    padding: 7px 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    }
.specifications .specification .specification-title {
    flex: 0 0 40%;
    max-width: 40%;
    }
.specifications .specification + .specification {
    border-top: 1px solid var(--body-border);
    }
.product-card .specifications + .pricing {
    margin-top: .625rem;
    }
.product-card .is-current .price-value {
    font-size: var(--heading-4-min);
    margin: 0 0 .25em;
    display: inline-block;
    line-height: 1.4em;
    color: var(--heading-color);
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    }
@media screen and (min-width: 600px) {
.product-card .is-current .price-value {
    font-size: var(--heading-4-mid);
    }
}

@media screen and (min-width: 1600px) {
.product-card .is-current .price-value {
    font-size: var(--heading-4-max);
    }
}

/*
    @section Page Card
*/
.link-card,
.page-card {
    background: var(--main-background);
    height: 100%;
    color: inherit;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    z-index: 0;
    }
.link-card .image,
.page-card .image {
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    background: #E7EBF1;
    position: relative;
    }
.link-card > .content,
.page-card > .content {
    padding: 2rem;
    }
.page-card > .content {
    padding: 2rem 0;
    }
.alternate-background .page-card > .content {
    padding: 2rem;
    }
.page-card.alternate-background > .content {
    padding: 2rem;
    }
.page-card.is-promo {
    padding-bottom: 60%;
    position: relative;
    min-height: 560px;
    }
.page-card.is-promo .image-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    }
.page-card.is-promo .image-container:after {
    content: '';
    background: #f00;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(0deg,rgba(10,10,53,1),rgba(0,0,0,0));
    }
.page-card.is-promo .image {
    height: 100%;
    padding: 0;
    }
.page-card.is-promo > .content {
    z-index: 2;
    position: absolute;
    bottom: 0;
    mix-blend-mode: plus-lighter;
    color: rgba(255,255,255,.6);
    }
a.link-card,
a.page-card {
    transition: transform .25s ease-in-out;
    }
a.link-card:after,
a.page-card:after {
    position: absolute;
    content: '';
    width: 50%;
    height: 8px;
    background: var(--link-color);
    bottom: 0;
    right: -1rem;
    transition: transform .25s ease-in-out;
    transform: skewX(-45deg) translateX(100%) translateY(100%);
    }
a.link-card:before,
a.page-card:before {
    content: "\e90c";
    display: inline-flex;
    font-family: icons;
    font-size: 24px;
    height: 24px;
    line-height: 1;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    transition: .25s transform ease-in-out,.25s opacity ease-in-out;
    color: var(--link-color);
    opacity: 0;
    transform: translateX(-100%);
    z-index: 1;
    }
a.link-card h4,
a.page-card h4 {
    transition: color .25s ease-in-out;
    }
a.link-card:hover,
a.link-card:focus,
a.page-card:hover,
a.page-card:focus {
    transform: translateY(-10px);
    }
a.link-card:hover h4,
a.link-card:focus h4,
a.page-card:hover h4,
a.page-card:focus h4 {
    color: var(--link-color);
    }
a.link-card:hover:before,
a.link-card:focus:before,
a.page-card:hover:before,
a.page-card:focus:before {
    opacity: 1;
    transform: translateY(0);
    }
a.link-card:hover:after,
a.link-card:focus:after,
a.page-card:hover:after,
a.page-card:focus:after {
    transform: skewX(-45deg) translateX(0) translateY(0);
    }
.corner-box {
    position: absolute;
    bottom: -6px;
    left: 0;
    padding: 1.5rem 0rem 0 0;
    z-index: 1;
    background: var(--main-background);
    min-width: 42px;
    }
.alternate-background .corner-box {
    padding: 1.5rem 0rem 0 2rem;
    }
.corner-box:before {
    background: var(--main-background);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    transform: skewX(45deg);
    transform-origin: top right;
    width: 100%;
    height: 100%;
    z-index: -1;
    }
.corner-box > .decoration {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: calc(100% - 8px);
    transform: skewX(45deg);
    transform-origin: top right;
    }
.corner-box > .decoration:before,
.corner-box > .decoration:after {
    content: '';
    position: absolute;
    top: 0;
    background: var(--main-background);
    width: 8px;
    height: 100%;
    left: 12px;
    transition: background .25s ease-in-out,transform .25s ease-in-out;
    }
.corner-box > .decoration:after {
    left: 24px;
    }
a:hover .corner-box > .decoration:before,
a:hover .corner-box > .decoration:after,
a:focus .corner-box > .decoration:before,
a:focus .corner-box > .decoration:after {
    background: var(--link-color);
    }
a:hover .corner-box > .decoration:after,
a:focus .corner-box > .decoration:after {
    transform: translateX(-12px);
    }
.icon {
    width: auto;
    height: auto;
    }

/**
    @section Aspect Ratios
*/
.aspect-square > .aspect-content,
.aspect-16x9 > .aspect-content,
.aspect-21x9 > .aspect-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    }
.aspect-square {
    padding-top: 100% !important;
    }
.aspect-16x9 {
    padding-bottom: 56% !important;
    }
.aspect-21x9 {
    padding-bottom: 43% !important;
    }
.clickable {
    cursor: pointer;
    }
td.td-icon-only {
    width: 24px;
    }

/**
    @section Mini Banners (Defaults)
*/
.mini-banner {
    display: block;
    background: var(--alternate-background);
    border-radius: 3px;
    color: inherit;
    padding: 2rem;
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    }
.mini-banner .mini-banner--backdrop {
    margin: -2rem;
    }
.mini-banner .mini-banner--backdrop svg {
    width: 100%;
    }
.mini-banner .mini-banner--content {
    position: relative;
    }
.mini-banner .continue {
    color: var(--link-color);
    display: inline-flex;
    align-items: center;
    }
.mini-banner .continue:after {
    content: "\e90c";
    display: inline-flex;
    font-family: icons;
    font-size: 24px;
    height: 24px;
    line-height: 1;
    transition: .25s transform ease-in-out;
    }
.mini-banner:hover .continue:after,
.mini-banner:focus .continue:after {
    transform: translateX(.5rem);
    }
.mini-banner p:last-child {
    margin-bottom: 0;
    }
.mini-banner.sections-banner {
    background: var(--background-primary);
    }

/**
    @section Mini Banners (Promo)
    ---
    A highlighted banner typically used to promote
    the 'Three Year Warranty'.
*/
.mini-banner.is-promo {
    background: var(--background-primary);
    color: var(--text-color);
    }
.mini-banner.is-promo h1,
.mini-banner.is-promo h2,
.mini-banner.is-promo h3,
.mini-banner.is-promo h4,
.mini-banner.is-promo h5 {
    color: var(--heading-color);
    }
.mini-banner.is-promo .eyebrow {
    color: var(--eyebrow-color);
    }
.mini-banner.is-promo .continue {
    color: var(--link-color);
    }

/**
    @section Mini Banners (Tab)
    ORIGINAL CSS
    ---
    
*/
.mini-banner--tab {
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 100%;
    background: var(--field-border-light);
    transition: width .25s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.is-promo .mini-banner--tab {
    background: var(--link-color-light);
    }
.theme-dark .mini-banner--tab {
    opacity: 1;
    mix-blend-mode: inherit;
    }
.mini-banner--tab:before {
    content: '';
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/banner-tab-grey.svg?v=1741701016);
    background-repeat: no-repeat;
    width: 40px;
    height: 180px;
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -90px;
    z-index: 0;
    }
.is-promo .mini-banner--tab:before {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/banner-tab.svg?v=1741701016);
    }
.mini-banner--tab .chevron {
    position: absolute;
    width: 3px;
    height: 16px;
    opacity: 0;
    left: -16px;
    transform: scale(.3);
    transition: left .25s ease-in-out;
    animation: move-chevron 3s ease-out infinite;
    }
.mini-banner--tab .chevron:first-child {
    animation: move-chevron 3s ease-out 1s infinite;
    }
.mini-banner--tab .chevron:nth-child(2) {
    animation: move-chevron 3s ease-out 2s infinite;
    }
.mini-banner--tab .chevron:before,
.mini-banner--tab .chevron:after {
    content: '';
    position: absolute;
    left: 0;
    height: 50%;
    width: 100%;
    background: var(--main-background-light);
    }
.theme-dark .mini-banner--tab .chevron:before,
.theme-dark .mini-banner--tab .chevron:after {
    background: var(--main-background-light);
    }
.mini-banner--tab .chevron:before {
    top: 0;
    transform: skewX(30deg);
    }
.mini-banner--tab .chevron:after {
    bottom: 0;
    transform: skewX(-30deg);
    }
.mini-banner .mini-banner--content {
    padding-right: 1rem;
    }
a.mini-banner:hover .mini-banner--tab,
a.mini-banner:focus .mini-banner--tab {
    width: 24px;
    }
a.mini-banner:hover .mini-banner--tab .chevron,
a.mini-banner:focus .mini-banner--tab .chevron {
    left: -12px;
    }
@keyframes move-chevron {
25% {
    opacity: 1;
    }
33.3% {
    opacity: 1;
    transform: translateX(8px);
    }
66.6% {
    opacity: 1;
    transform: translateX(14px);
    }
100% {
    opacity: 0;
    transform: translateX(22px) scale(.5);
    }
}

/**
    @section Three Year Shield
    ---
    Typically displayed within a `.mini-banner`
    for warranty information.
*/
.three-year-shield {
    text-align: center;
    }
.three-year-shield .shield,
.three-year-shield .underline {
    transition: transform .25s ease-in-out;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(27,121,230,.6));
    filter: drop-shadow(0px 0px 10px rgba(27,121,230,.6));
    }
.mini-banner:hover .three-year-shield .shield,
.mini-banner:focus .three-year-shield .shield {
    transform: translateY(-.25rem);
    }
.mini-banner:hover .three-year-shield .underline,
.mini-banner:focus .three-year-shield .underline {
    transform: translateY(.25rem);
    }
.mini-banner--image {
    width: 230px;
    align-self: stretch;
    margin: -2rem 2rem -2rem -2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    }
.banner-custom-design .mini-banner--image {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/backdrop-circuit-01.svg?v=1741701016);
    }
.banner-sales-offices .mini-banner--image {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/backdrop-globe-abstract.svg?v=1741701016);
    }
.banner-partners .mini-banner--image {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/backdrop-partner-abstract.svg?v=1741701016);
    }

/**
    @section Background Dots
    ---
*/
.background-dots-container {
    position: relative;
    }
.background-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    }
.background-dots canvas {
    width: 100%;
    height: 100%;
    }
.big-banner {
    position: relative;
    background: var(--background-primary);
    color: var(--text-color);
    min-height: 60vh;
    }
.big-banner h1,
.big-banner h2,
.big-banner h3,
.big-banner h4,
.big-banner h5 {
    color: var(--heading-color);
    }
.big-banner .eyebrow {
    color: var(--eyebrow-color);
    }
.big-banner .continue {
    color: var(--link-color);
    }
.big-banner .ev-container {
    position: relative;
    z-index: 1;
    }
.big-banner .scroll-down {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    }
.big-banner .scroll-down:before,
.big-banner .scroll-down:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    bottom: -1px;
    background: var(--main-background);
    }
.big-banner .scroll-down:before {
    left: 0;
    transform: skew(45deg) translateX(-40px);
    transform-origin: bottom right;
    border-top-right-radius: 3px;
    }
.big-banner .scroll-down:after {
    right: 0;
    transform: skew(-45deg) translateX(40px);
    transform-origin: bottom left;
    border-top-left-radius: 3px;
    }
@media only screen and (min-width: 960px) {
.big-banner {
    min-height: 45vh;
    }
}

.scroll-down .scroll-down-icon {
    position: relative;
    display: inline-flex;
    width: 32px;
    height: 32px;
    }
.scroll-down .scroll-down-icon .chevron {
    position: absolute;
    display: inline-flex;
    width: 32px;
    height: 32px;
    animation: chevron-down 3s ease-out infinite;
    }
.scroll-down .scroll-down-icon .chevron:first-child {
    opacity: 0;
    transform: translateY(-50%);
    animation: chevron-down 3s ease-out 1s infinite;
    }
.scroll-down .scroll-down-icon .chevron:nth-child(2) {
    opacity: 0;
    transform: translateY(50%);
    animation: chevron-down 3s ease-out 2s infinite;
    }
.scroll-down .scroll-down-icon .chevron:before {
    font-family: "icons";
    content: "\e933";
    font-size: 32px;
    line-height: 1;
    transform: rotate(90deg);
    }
@keyframes chevron-down {
0% {
    opacity: 0;
    transform: translateY(-12px);
    }
50% {
    opacity: 1;
    transform: translateY(0%);
    }
100% {
    opacity: 0;
    transform: translateY(12px);
    }
}

/**
    @section Alternate Backgrounds
*/
.link-card,
.grey-card,
.alternate-background {
    background: var(--alternate-background);
    }
.link-card .evButton:before,
.grey-card .evButton:before,
.alternate-background .evButton:before {
    background: var(--main-background);
    }
.alternate-background.is-pod {
    padding: 2rem;
    border-radius: 3px;
    }
.grey-card,
.link-card {
    padding: 2rem;
    border-radius: 3px;
    height: 100%;
    }

/* Additional styling for .grey-card.agent */
.grey-card.agent {
    position: relative;
    }
.grey-card.agent .flash-accent {
    right: 0;
    }
.fill-height {
    height: 100%;
    }
.svg-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
    }
.border-top {
    border-top: 1px solid var(--body-border);
    }
.ev-block.aside-container {
    width: 20%;
    min-width: 300px;
    max-width: 360px;
    top: 0;
    overflow: auto;
    height: 100%;
    max-height: 100dvh;
    }
.ev-block.aside-container aside {
    padding-right: 1.25rem;
    padding-top: 1rem;
    }
@media only screen and (max-width: 1200px) {
.ev-block.aside-container {
    padding: 0;
    width: 0;
    max-width: 0;
    min-width: 0;
    }
.ev-block.aside-container aside {
    background: var(--main-background);
    transform: translateX(-120%);
    position: relative;
    z-index: 2;
    transition: transform .25s ease-in-out;
    padding: 1.25rem;
    position: fixed;
    width: calc(100% - 20px);
    left: 0;
    z-index: 1;
    top: 0;
    height: 100%;
    overflow: auto;
    max-width: 360px;
    }
.ev-block.aside-container.is-open aside {
    transform: translateX(0);
    }
.ev-block.aside-container.is-open button.backdrop {
    opacity: 1;
    pointer-events: auto;
    }
}

@media only screen and (min-width: 1200px) {
.ev-block.aside-container {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    }
.ev-block.aside-container + .article-container {
    padding-left: 80px;
    max-width: calc(100% - 360px);
    }
}

.article-container {
    position: relative;
    z-index: 0;
    }

/*
    @section Pagination
*/
.evPagination {
    margin: 0 -.5rem;
    }
.evPagination a {
    margin: 0 .5rem;
    color: inherit;
    transition: all .25s ease-in-out;
    }
.evPagination a:before {
    transition: all .25s ease-in-out;
    }
.evPagination a:hover,
.evPagination a:focus {
    color: #fff;
    }
.evPagination a:hover:before,
.evPagination a:focus:before {
    background: var(--link-color);
    }
.evPagination a.evPaginationPrevious,
.evPagination a.evPaginationNext {
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    }
.evPagination a.evPaginationPrevious:before,
.evPagination a.evPaginationNext:before {
    border-radius: 50%;
    }
.evPagination a.evPaginationPrevious .icon,
.evPagination a.evPaginationNext .icon {
    font-family: "icons";
    font-size: 24px;
    margin: 0;
    }
.evPagination a.evPaginationPrevious .label,
.evPagination a.evPaginationNext .label {
    display: none;
    }
.evPagination a.evPaginationPrevious .icon:before {
    content: "\e935";
    }
.evPagination a.evPaginationNext .icon:before {
    content: "\e934";
    }
.evPagination a.evButton.active {
    color: var(--link-color);
    }
.evPagination a.evButton.active:before {
    border: 2px solid var(--link-color);
    background: var(--main-background);
    }
.evPagination a.evButton.active:after {
    content: '';
    height: 4px;
    display: block;
    background: var(--link-color);
    width: calc(100% - 4px);
    position: absolute;
    bottom: -8px;
    transform: skew(-45deg);
    left: 2px;
    transition: all .25s ease-in-out;
    }
.evPagination a.evButton.active:hover:after,
.evPagination a.evButton.active:focus:after {
    transform: translateY(2px) skew(-45deg);
    }

/*
    @section Pagination
 */
.paginated-loading,
.paginated-navigation {
    text-align: center;
    padding: 2rem;
    }

/*
    @section Flash Accent
*/
.flash-accent {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    border-top: 3px solid var(--link-color);
    }
.flash-accent.top-rounded {
    border-radius: 3px 3px 0 0;
    }
.flash-accent .eyebrow {
    background: var(--link-color);
    display: inline-flex;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 1rem 3px .5rem;
    font-size: 12px;
    color: var(--main-background);
    }
.flash-accent .eyebrow:after {
    content: '';
    width: 2rem;
    background: var(--link-color);
    height: 100%;
    display: block;
    position: absolute;
    left: -1.5rem;
    top: 0;
    transform-origin: top left;
    transform: skew(45deg);
    z-index: -1;
    }

/*
    @section Quotation
*/
p.quotation {
    margin-left: 1.625em;
    margin-right: 1.625em;
    position: relative;
    margin-bottom: 1em;
    }
p.quotation:before,
p.quotation:after {
    content: '';
    width: .8125em;
    height: .625em;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    }
p.quotation:before {
    left: -1.21875em;
    top: 0;
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/quote-start.svg?v=1741701017);
    }
p.quotation:after {
    right: -1.21875em;
    bottom: 0;
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/quote-end.svg?v=1741701017);
    }
.slide-controls {
    display: flex;
    }
.slide-control {
    height: 8px;
    width: 50px;
    background: var(--link-color);
    transform: skew(-45deg);
    margin: 5px;
    }
.video-play,
.video-pause {
    background: #fff;
    display: inline-flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
    text-decoration: none;
    }
.video-play svg,
.video-pause svg {
    width: 32px;
    height: 32px;
    }
.video-play svg polygon,
.video-pause svg polygon {
    stroke: none;
    fill: var(--link-color);
    }
.video-play svg rect,
.video-pause svg rect {
    fill: var(--link-color);
    }
.video-play:before,
.video-play:after,
.video-pause:before,
.video-pause:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    }
.video-play:after,
.video-pause:after {
    animation-delay: .33s;
    }
.video-container {
    position: relative;
    z-index: 0;
    }
.video-container .video-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
.video-container .video-area.video-control {
    z-index: 3;
    }
.video-container .video-area.video-poster {
    z-index: 2;
    }
.video-container .video-area.video {
    z-index: 1;
    }
.video-poster img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    }

/*
    @section: Half Alternate Backgrounds
    
    Apply to a full-width section to give the impression of
    floating above an adjacent section where the section above
    or below has an alternate background.
    
    .half-alternate-above - the section above has an alternate background 
    .half-alternate-below - the section below has an alternate background
*/
section.half-alternate-above,
section.half-alternate-below {
    position: relative;
    }
section.half-alternate-above:before,
section.half-alternate-below:before {
    content: '';
    position: absolute;
    background: var(--alternate-background);
    height: 50%;
    width: 100%;
    }
section.half-alternate-below:before {
    bottom: 0;
    }
img.symbol {
    background: var(--alternate-background);
    padding: 1rem;
    border-radius: 3px;
    }

/*
    .evTabs
    ---
    Tabbed Content
*/
ul.evTabs {
    padding: 0;
    margin: 0;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    }
ul.evTabs li {
    padding: 0;
    margin: 0;
    }
ul.evTabs li:before {
    content: none;
    }
ul.evTabs li a {
    color: inherit;
    background: none;
    padding: 1em 2em;
    display: inline-flex;
    transition: border .25s ease-in-out;
    border-bottom: 3px solid transparent;
    }
ul.evTabs li a:hover,
ul.evTabs li a:focus {
    border-bottom: 3px solid var(--field-border);
    }
ul.evTabs li.active {
    color: var(--heading-color);
    font-weight: bold;
    }
ul.evTabs li.active a {
    border-bottom: 3px solid var(--link-color);
    }

/*
    Forms - Complete
    ---
*/
.evFormComplete {
    text-align: center;
    background: #00cb930e;
    padding: 9rem 3rem 4rem 3rem !important;
    border-radius: 3px;
    border-left: 4px solid #00cb93;
    margin-top: 2rem;
    position: relative;
    font-size: 120%;
    }
.evFormComplete:before,
.evFormComplete:after {
    position: absolute;
    top: 3rem;
    left: 50%;
    margin-left: -2rem;
    display: block;
    width: 4rem;
    height: 4rem;
    }
.evFormComplete:before {
    font-family: 'icons' !important;
    content: "\e912";
    color: #00cb93;
    font-size: 4rem;
    line-height: 1;
    }
.evFormComplete:after {
    content: '';
    background: #00cb93;
    margin-top: 1px;
    border-radius: 50%;
    opacity: .15;
    transform: scale(1.2);
    }
.evFormComplete p:last-child {
    margin: 0;
    }
.labelled-icon {
    display: flex;
    align-items: center;
    gap: .625rem;
    }

/**
    Expanding List
    ---
*/
ul.expanding-list {
    padding: 0;
    border-bottom: 1px solid var(--alternate-border);
    padding-bottom: .625rem;
    margin-top: 1rem;
    }
ul.expanding-list li {
    box-sizing: border-box;
    padding: 0;
    padding-right: 40px;
    }
ul.expanding-list li:nth-child(odd) {
    font-weight: bold;
    position: relative;
    cursor: pointer;
    margin-top: 1rem;
    border-top: 1px solid var(--alternate-border);
    padding-top: 1.5rem;
    }
ul.expanding-list li:nth-child(odd):after {
    position: absolute;
    font-family: "icons";
    content: "\e91b";
    right: 0;
    top: 1.5rem;
    transform: rotate(135deg);
    transition: transform .5s ease-in-out;
    font-size: 24px;
    font-weight: normal;
    color: var(--link-color);
    display: inline-flex;
    width: 24px;
    height: 24px;
    line-height: 1;
    }
ul.expanding-list li:nth-child(odd):hover:before {
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    top: 1.5rem;
    width: 24px;
    height: 24px;
    background-color: var(--link-color);
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    border-radius: 50%;
    }
ul.expanding-list li:nth-child(even) {
    overflow: hidden;
    max-height: 1000px;
    margin-top: .5rem;
    transition: max-height .5s ease-in-out,opacity .5s ease-in-out;
    opacity: 1;
    }
ul.expanding-list li:before {
    content: none;
    }
ul.expanding-list li.is-closed + li {
    max-height: 0;
    opacity: 0;
    }
ul.expanding-list li.is-closed:after {
    transform: rotate(0);
    }

/*
 * Sections:
 * 
 * CSS for pages built with content sections
 */
.content-section {
    position: relative;
    z-index: 0;
    padding: 2rem;
    }
.content-section .ev-container {
    position: relative;
    z-index: 1;
    }
.content-section .constrained-column {
    margin: 0 auto;
    text-align: center;
    max-width: 50rem;
    }
.content-section.dark-blue {
    background: var(--background-primary);
    }
.content-section .five-columns {
    justify-content: center;
    }
.content-section .five-columns .ev-block:not(.section-heading) {
    flex: 1 1 100%;
    }
.content-section .five-columns .ev-block:not(.section-heading) .column-wrapper {
    padding: .5rem;
    }
.content-section .five-columns .ev-block:not(.section-heading) .column-wrapper.none {
    padding: 0;
    }
.content-section .five-columns .ev-block:not(.section-heading) .column-wrapper.extra-padding {
    padding-left: 3rem;
    padding-right: 3rem;
    }
.content-section .four-columns .column-wrapper {
    padding: 1rem;
    }
.content-section .four-columns .column-wrapper.none {
    padding: 0;
    }
.content-section .four-columns .column-wrapper.extra-padding {
    padding-left: 3rem;
    padding-right: 3rem;
    }
.content-section .three-columns .column-wrapper {
    padding: 1.5rem;
    }
.content-section .three-columns .column-wrapper.none {
    padding: 0;
    }
.content-section .three-columns .column-wrapper.extra-padding {
    padding-left: 3rem;
    padding-right: 3rem;
    }
.content-section .two-columns .column-wrapper,
.content-section .constrained-column .column-wrapper,
.content-section .single-column .column-wrapper {
    padding: 2rem;
    }
.content-section .two-columns .column-wrapper.none,
.content-section .constrained-column .column-wrapper.none,
.content-section .single-column .column-wrapper.none {
    padding: 0;
    }
.content-section .two-columns .column-wrapper.extra-padding,
.content-section .constrained-column .column-wrapper.extra-padding,
.content-section .single-column .column-wrapper.extra-padding {
    padding-left: 3rem;
    padding-right: 3rem;
    }
.content-section .column-wrapper.body-color {
    background: var(--main-background);
    height: 100%;
    }
.content-section .column-wrapper.alternate-background {
    background: var(--alternate-background);
    height: 100%;
    }
.content-section .column-wrapper.dark-blue {
    background: var(--background-primary);
    height: 100%;
    }
.content-section .column-wrapper p:last-child {
    margin: 0;
    }
.ev-container .content-section .ev-container {
    padding: 0;
    }
@media only screen and (min-width: 600px) {
.content-section .five-columns .ev-block:not(.section-heading) {
    flex: 0 1 50%;
    }
}

@media only screen and (min-width: 960px) {
.content-section .five-columns .ev-block:not(.section-heading) {
    flex: 0 1 33.333333333333%;
    }
}

@media only screen and (min-width: 1200px) {
.content-section .five-columns .ev-block:not(.section-heading) {
    flex: 1 1 20%;
    }
}

#evAuthLoginArea {
    padding: clamp(20px,2vw,40px);
    background: var(--alternate-background);
    margin-bottom: 1.5rem;
    }
img.avatar {
    border-radius: 50%;
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,.05);
    }
.theme-dark img.avatar {
    box-shadow: 0px 0px 0px 8px rgba(255,255,255,.05);
    }
.owl-dots {
    text-align: center;
    }
.owl-dots .owl-dot {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    }
.owl-dots .owl-dot span {
    display: inline-flex;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: var(--field-border);
    border-radius: 50%;
    }
.owl-dots .owl-dot:hover,
.owl-dots .owl-dot:focus {
    background: var(--alternate-background);
    }
.owl-dots .owl-dot.active span {
    background: var(--link-color);
    }
.content-cards-carousel .owl-stage-outer {
    padding: 20px 0;
    }
.tags-mask {
    overflow: hidden;
    height: 72px;
    }
.tags-items {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    height: 120px;
    margin: -1.5rem;
    padding: 1.5rem;
    }
.tags-items .evButton + .evButton {
    margin-left: 1rem;
    }

/* For tables to be scrollable/swipeable along X axis */
.x-scrollable-table-wrapper {
    overflow-x: auto;
    padding-bottom: 2rem;
    }
@media screen and (min-width: 960px) {
.x-scrollable-table-wrapper {
    overflow-x: none;
    padding-bottom: 0;
    }
}

.hidden {
    display: none;
    }
.evBubbleBody.evScrollable {
    max-height: 40vh;
    }
table.standard {
    box-shadow: var(--shadow-default);
    margin: 3rem 0;
    border-radius: 3px;
    display: block;
    overflow: auto;
    width: 100%;
    }
table.standard tbody {
    display: table;
    min-width: 100%;
    }
table.standard td {
    padding: 1rem;
    border-bottom: 1px solid var(--alternate-border);
    }
table.standard tbody tr:nth-child(even) {
    background-color: var(--alternate-background);
    }
tr.highlight-yellow {
    background-color: #ffcd001f !important;
    }
tr.highlight-green {
    background-color: #00ff191f !important;
    }
tr.highlight-primary {
    background: var(--background-primary) !important;
    }
tr.highlight-primary td {
    color: #FFF !important;
    }
tr.highlight-blue {
    background-color: #0084ff1f !important;
    }
tr.highlight-orange {
    background-color: #ff5f001f !important;
    }
.ev-icon {
    display: inline-flex;
    width: 24px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    }
.user-current {
    border-bottom: 1px solid var(--body-border);
    padding-bottom: .5rem;
    }
section.carousel-banner {
    position: relative;
    }
section.carousel-banner .image-container {
    padding-top: 56.25%;
    position: relative;
    }
section.carousel-banner .image-container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    }
section.carousel-banner .carousel-banner-contents {
    padding: 2rem 4rem;
    background: var(--background-primary);
    }
section.carousel-banner .carousel-banner-contents * {
    color: var(--heading-color);
    }
@media only screen and (min-width: 960px) {
section.carousel-banner .image-container {
    padding-top: 50%;
    }
section.carousel-banner .carousel-banner-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 80%;
    background: var(--transparent-background);
    }
}

@media only screen and (min-width: 1200px) {
section.carousel-banner .image-container {
    padding-top: 40%;
    }
}

@media only screen and (min-width: 1600px) {
section.carousel-banner .image-container {
    padding-top: 30%;
    }
}

/*
    # layout.css
    
    Generic layout styling.
    For header or footer specific styles see:
    - layout-header.css
    - layout-footer.css
    
    Sections:
    - Defaults
    - Drawer
    
*/
body,
html {
    background: var(--background-primary);
    height: 100%;
    }
main {
    background: var(--main-background);
    }

/**
 *  @section Header Drawer
 */
.header-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    max-height: 100dvh;
    pointer-events: none;
    z-index: 1;
    }
.header-drawer.is-open {
    pointer-events: auto;
    }
.header-drawer .header-drawer-inner {
    width: 80vw;
    max-width: 20rem;
    display: flex;
    flex-direction: column;
    background: var(--main-background);
    box-shadow: var(--shadow-default);
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    max-height: 100dvh;
    transform: translateX(120%);
    z-index: 1;
    }
.header-drawer.is-open .header-drawer-inner {
    animation: .25s forwards enter-right;
    }
.header-drawer.is-close .header-drawer-inner {
    animation: .25s exit-right;
    }
.header-drawer ::-webkit-scrollbar-thumb {
    transition: .25s background ease-in-out;
    background-color: transparent;
    }
.header-drawer:hover ::-webkit-scrollbar-thumb {
    background-color: #b9bfcc;
    }
.header-drawer-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    }
.header-drawer-content .screen {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-120%);
    }
.header-drawer-content .screen.is-active {
    transform: translateX(0%);
    }
.header-drawer-content .screen.enter-left {
    animation: .25s forwards enter-left;
    }
.header-drawer-content .screen.enter-right {
    animation: .25s forwards enter-right;
    }
.header-drawer-content .screen.exit-left {
    animation: .25s forwards exit-left;
    }
.header-drawer-content .screen.exit-right {
    animation: .25s forwards exit-right;
    }
@keyframes enter-left {
from {
    transform: translateX(-120%);
    }
to {
    transform: translateX(0%);
    }
}

@keyframes enter-right {
from {
    transform: translateX(120%);
    }
to {
    transform: translateX(0%);
    }
}

@keyframes exit-left {
from {
    transform: translateX(0%);
    }
to {
    transform: translateX(-120%);
    }
}

@keyframes exit-right {
from {
    transform: translateX(0%);
    }
to {
    transform: translateX(120%);
    }
}

button.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.3);
    transition: opacity .25s ease-in-out;
    border: 0;
    outline: 0;
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
    }
.header-drawer.is-open button.backdrop {
    opacity: 1;
    pointer-events: auto;
    }
html.is-drawer-open body,
html.is-aside-open body {
    overflow: hidden;
    }
html.is-aside-open .header,
html.is-aside-open body > header {
    z-index: 1;
    }

/**
 *  @section Scrollbars
 */
body ::-webkit-scrollbar {
    width: .75rem;
    height: .75rem;
    }
body ::-webkit-scrollbar-corner {
    display: none;
    }
body ::-webkit-scrollbar-thumb {
    min-height: 28px;
    padding-top: 100px;
    border-radius: 8px;
    margin-right: 3px;
    border: 3px solid transparent;
    background-clip: padding-box;
    background-color: #b9bfcc;
    }
body ::-webkit-scrollbar-track {
    border-left: 6px solid transparent;
    border-right: 1px solid transparent;
    background-clip: padding-box;
    }

/**
 *  @section Searchable
 *  Animations for search results.
 */
.menu.search-results li {
    animation-name: animateIn;
    animation-duration: 250ms;
    animation-delay: calc(var(--animation-order) * 100ms);
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    }
.menu.search-results li a {
    color: inherit !important;
    padding: 10px 2rem 10px 10px;
    }
.search-noresults.enter-frame {
    animation-name: animateIn;
    animation-duration: 250ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    }

/**
    @section Mini Cart
    
*/
.minicart--container,
.minicart--loading {
    height: 100%;
    transition: all .25s ease-in-out;
    }
.minicart--loading {
    opacity: 0;
    pointer-events: none;
    background: var(--alternate-background);
    }
.minicart--loading.is-loading {
    opacity: 1;
    pointer-events: auto;
    }
.minicart--loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
    }
.minicart--loading .minicart--loading--content {
    width: 100px;
    height: 100px;
    background: var(--minicart-background);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    }
.minicart--loading .minicart--loading--content:after,
.minicart--loading .minicart--loading--content:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--minicart-background);
    top: 0;
    left: 0;
    z-index: -1;
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    border-radius: 50%;
    }
.minicart--loading .minicart--loading--content:after {
    animation-delay: .4s;
    }
.minicart--loading .minicart--loading--content .icon-cart {
    font-size: 3rem;
    color: var(--main-background);
    }
.minicart-empty {
    min-height: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    }
.minicart-empty .icon-cart {
    width: 100px;
    height: 100px;
    background: var(--main-background);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    }
.minicart-item {
    animation-name: animateIn;
    animation-duration: 250ms;
    animation-delay: calc(var(--animation-order) * 100ms);
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    background: var(--main-background);
    border-radius: 3px;
    padding: 1rem;
    position: relative;
    }
.minicart-item + .minicart-item {
    margin-top: 1rem;
    }
a.minicart-item--product {
    color: inherit;
    }
.minicart-item--remove {
    position: absolute;
    top: 0;
    right: 0;
    padding: .5rem;
    }
@keyframes animateIn {
0% {
    opacity: 0;
    transform: translateY(-1.5rem);
    }
100% {
    opacity: 1;
    }
}

/**
    @section product codes
*/
.productCodes .quickfind {
    display: none;
    }

/**
    @section 
*/
.bodyContainer,
.breadcrumbsContainer {
    margin: auto;
    max-width: 1600px;
    padding: 1.5rem;
    width: 100%;
    }
.breadcrumbsContainer + .bodyContainer {
    margin-top: -1.5rem;
    }
.gridContainer,
.table {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    margin: -.75rem;
    }
.grid1of2,
.cell {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: .75rem;
    flex: 0 0 100%;
    }
@media all and (min-width: 960px) {
.grid1of2,
.cell {
    flex: 0 0 50%;
    max-width: 50%;
    }
}

.cell.checkbox {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.cell.checkbox + .cell {
    flex-basis: 0;
    flex-grow: 1;
    }
label {
    display: inline-block;
    margin-bottom: .325rem;
    }
.fieldContainer {
    margin: -.75rem;
    }
.fieldContainer .gridContainer,
.fieldContainer .table {
    margin: 0;
    }
.fieldContainer > footer {
    padding: .75rem;
    }
.fieldArea {
    padding: .75rem;
    }
.fieldArea.widgetSection {
    padding-top: 2rem;
    }
.fieldArea.widgetSection .subtitle {
    margin-bottom: 0;
    }
.alignRight {
    text-align: right;
    }

/**
    # Header
    
    Sections:
    - Header Text Colour
    - Header Logo
    - Header Icons
    - Burger Menu
    - Primary Navigation
    
 */
/**
 * @section Header Text Colour
 */
.header-navigation {
    color: var(--header-text-color);
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 2;
    background: var(--background-primary);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    }
.header-navigation .ev-container {
    padding-top: 0;
    padding-bottom: 0;
    }
.header-navigation a {
    color: inherit;
    }
.header-navigation.is-open {
    color: var(--heading-color);
    -webkit-box-shadow: var(--shadow-default);
    box-shadow: var(--shadow-default);
    }
.header-navigation.header-up {
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
    }

/**
 *  @section Header Layout
 *
 *  Note: `.header-spacer` uses an unset `--header-height`
 *  CSS variable, which is set within JavaScript to adapt to
 *  Geolocation prompts in the header.
 */
.header-layout {
    height: 64px;
    }
.header-spacer {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    height: var(--header-height,64px);
    }
@media only screen and (min-width: 1200px) {
.header-layout {
    height: 90px;
    }
.header-spacer {
    height: var(--header-height,90px);
    }
}

.header-container {
    background: transparent;
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    }
header.is-open .header-container {
    background: var(--main-background);
    color: var(--heading-color);
    }
#geolocator-prompt {
    background: rgb(118 138 203 / 25%);
    }
#geolocator-prompt .ev-icon {
    position: relative;
    color: var(--heading-color);
    }
#geolocator-prompt .ev-icon:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--link-color);
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    top: 0;
    left: 0;
    }

/**
 * @section Header Logo
 */
#header-logo svg {
    width: 110px;
    height: 34px;
    }
#header-logo svg path,
#header-logo svg rect,
#header-logo svg polygon {
    -webkit-transition: .25s fill ease-in-out;
    transition: .25s fill ease-in-out;
    }
header.is-open #header-logo svg path,
header.is-open #header-logo svg rect,
header.is-open #header-logo svg polygon {
    fill: var(--primary-color);
    }
.theme-dark header.is-open #header-logo svg path,
.theme-dark header.is-open #header-logo svg rect,
.theme-dark header.is-open #header-logo svg polygon {
    fill: #fff;
    }
@media all and (min-width: 1200px) {
#header-logo svg {
    width: 153px;
    height: 46px;
    }
}

/**
 * @section Header Icons
 */
header [class^="icon-"],
header [class*=" icon-"] {
    color: inherit !important;
    }
header .icon-cart {
    position: relative;
    }
header .icon-cart .has-items {
    top: -.25em;
    left: calc(50% - .1666em);
    height: 8px;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: absolute;
    width: 8px;
    -webkit-animation: cart-items-throb 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    animation: cart-items-throb 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    }
header .icon-cart .has-items:before {
    -webkit-animation: cart-items-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    animation: cart-items-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--link-color);
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    }
@-webkit-keyframes cart-items-throb {
0% {
    background: #1B79E6;
    }
50% {
    background: #52A2FF;
    }
100% {
    background: #1B79E6;
    }
}

@keyframes cart-items-throb {
0% {
    background: #1B79E6;
    }
50% {
    background: #52A2FF;
    }
100% {
    background: #1B79E6;
    }
}

@-webkit-keyframes cart-items-pulse {
0% {
    opacity: 1;
    }
80%,
100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
    }
}

@keyframes cart-items-pulse {
0% {
    opacity: 1;
    }
80%,
100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
    }
}

/**
 * @section Burger Menu
 */
.burger {
    height: 1.25em;
    width: 1.25em;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-tap-highlight-color: transparent;
    font-size: 16px;
    }
.burger .burger-lines {
    top: 50%;
    margin-top: -.125em;
    }
.burger .burger-lines,
.burger .burger-lines:before,
.burger .burger-lines:after {
    pointer-events: none;
    display: block;
    content: "";
    width: 100%;
    border-radius: .125em;
    background-color: currentColor;
    height: .125em;
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .2s top .2s,.1s left,.2s transform,.4s background-color .2s;
    transition: .2s top .2s,.1s left,.2s transform,.4s background-color .2s;
    }
.burger .burger-lines:before,
.burger .burger-lines:after {
    width: 60%;
    }
.burger .burger-lines:before {
    left: 40%;
    top: .5em;
    }
.burger .burger-lines:after {
    left: 0;
    top: -.5em;
    }
.burger.is-open .burger-lines,
.burger.is-open .burger-lines:after,
.burger.is-open .burger-lines:before {
    -webkit-transition: .2s background-color,.2s top,.2s left,.2s transform .15s;
    transition: .2s background-color,.2s top,.2s left,.2s transform .15s;
    }
.burger.is-open .burger-lines,
header.is-open .burger.is-open .burger-lines {
    background-color: transparent;
    }
.burger.is-open .burger-lines:before,
.burger.is-open .burger-lines:after {
    left: 0;
    top: 0;
    width: 100%;
    }
.burger.is-open .burger-lines:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    }
.burger.is-open .burger-lines:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    }

/**
 * @section Primary Navigation
 */
header nav .evMenu {
    margin: 0;
    padding: 0 1.5rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
header nav .evMenu li {
    margin: 0;
    padding: 0;
    }
header nav .evMenu li:before {
    content: none;
    }
header nav .evMenu > li > a {
    padding: 1.5rem;
    background: none;
    }
header ul.evMenu .evMenuColumn.menuPreview {
    padding: 0;
    background: var(--alternate-background);
    width: 20%;
    overflow: hidden;
    border-radius: 4px;
    }
header ul.evMenu .menu-preview--image img {
    width: 100%;
    aspect-ratio: 4/3;
    display: block;
    }
header ul.evMenu .menu-preview--content {
    padding: 1.5rem;
    }
@media all and (max-width: 1440px) {
header ul.evMenu .evMenuColumn.menuPreview {
    display: none;
    }
}

@media all and (min-width: 1440px) {
header ul.evMenu li.evMenuId_15212 li.evMenuColumn {
    max-width: 20%;
    }
}

footer {
    color: var(--text-color);
    }
footer a,
footer [class^="icon-"],
footer [class*=" icon-"] {
    color: inherit !important;
    }
footer h1,
footer .heading-1,
footer h2,
footer .heading-2,
footer h3,
footer .heading-3,
footer h4,
footer .heading-4,
footer h5,
footer .heading-5,
footer h6,
footer .heading-6 {
    color: #fff;
    }
.social-icons {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    gap: 1rem;
    margin: 0 auto;
    }
.social-icons a {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    }
footer section.legal-links {
    font-size: .875rem;
    border-top: 1px solid rgba(192,205,241,.15);
    padding: 1.5rem 0;
    }

/**
 *  @section Collapsible Nav
 *  This styling is specifically for mobile view.
 */
@media all and (max-width: 959px) {
.collapsible-nav {
    padding-top: .5rem;
    padding-bottom: .5rem;
    }
.collapsible-nav header {
    position: relative;
    }
.collapsible-nav header:after {
    font-family: "icons";
    content: "\e91b";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    font-size: 24px;
    line-height: 1;
    -webkit-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    }
.collapsible-nav header.is-active:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    }
.collapsible-nav nav {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s ease-out;
    transition: max-height .25s ease-out;
    }
}

/*
    Layout Overrides
    ---
    These are overrides to the layouts of shared sections.
    Such as the Authentication controllers.
*/
#evAuthLoginBox,
#evAuthForgottenBox,
#evAuthRegisterScreen,
#evAuthDeniedScreen {
    max-width: 500px;
    margin: 0 auto;
    padding: 4rem 0;
    }
#evAuthRegisterForm > .gridContainer {
    display: block;
    margin: 0;
    }
#evRegistrationButtons {
    margin-top: 1.5rem;
    }
#evAuthRegisterScreen {
    max-width: 600px;
    }
#evAuthLoginButton,
#evRegistrationButtons {
    text-align: right;
    }
#evAuthActions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
#evAuthForgottenBox .fieldButtons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
#evAccountScreen .innerWrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 2rem;
    }
#evAccountScreen .innerWrapper .evAccountMenu {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    }
#evAccountScreen .innerWrapper .evAccountMenu .menu {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    }
#evAccountScreen .innerWrapper .evAccountPage {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    padding-left: 2rem;
    }
#evAccountScreen .innerWrapper .evAccountPage #mySubscriptions .evButton {
    margin-left: 1rem;
    }
#evAccountScreen .innerWrapper .evAccountPage form[name="profile"] .evButton {
    margin-top: 1rem;
    }
#evAccountScreen .innerWrapper .evAccountPage .headerContainer {
    margin-bottom: 2rem;
    }
#evAccountScreen .innerWrapper .evAccountPage table.standard td form {
    padding-left: 2rem;
    margin-bottom: 1rem;
    }
#evAccountScreen .innerWrapper .evAccountPage #evOrder .gridContainer {
    margin: 0;
    }
#evAccountScreen .innerWrapper .evAccountPage #evOrder .gridContainer .gridBlock {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    }
#evAccountScreen .innerWrapper .evAccountPage #evOrder .evCartLines {
    margin-top: 2rem;
    }
@media screen and (min-width: 960px) {
#evAccountScreen .innerWrapper .evAccountPage #evOrder .gridContainer .gridBlock {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    }
#evAccountScreen .innerWrapper .evAccountPage #evOrder .evCartLines td.image,
#evAccountScreen .innerWrapper .evAccountPage #evOrder .evCartLines td.description {
    padding-right: 2rem;
    }
}

#evCheckoutDetails .evCartTotals {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    }
#evCheckoutDetails .evCartTotals th.first {
    font-weight: 400;
    text-align: left;
    padding-right: 1rem;
    }
#evCheckoutDetails .evCartTotals tr.total th,
#evCheckoutDetails .evCartTotals tr.total td {
    font-weight: 700;
    }
#evCartScreen {
    padding-top: 4rem;
    padding-bottom: 4rem;
    }
#evCartScreen .evCartContinue {
    margin-top: 2rem;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    }
#evCartScreen table#evShippingOptions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    }
#evCartScreen table#evShippingOptions th {
    text-align: left;
    padding-right: 1rem;
    }
#evCartScreen table#evShippingOptions th.first {
    font-weight: 400;
    }
#evCartScreen table#evShippingOptions th.first .cartTotal {
    font-weight: 700;
    }
#evCartScreen table#evShippingOptions td {
    text-align: right;
    }
#evCartScreen table#evShippingOptions td.last.large.price {
    font-weight: 700;
    }
.breadcrumbsContainer {
    display: none;
    }
.evAlert h2 {
    font-size: 1.125rem;
    }
.evAlert p:last-child {
    margin-bottom: 0;
    }
#evCartEnquiriesOnly {
    margin-bottom: 2rem;
    }
table.evCartLines {
    width: 100%;
    display: block;
    }
table.evCartLines > tbody {
    display: block;
    }
table.evCartLines > tbody > tr {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    }
table.evCartLines > tbody > tr td {
    padding: 0;
    }
table.evCartLines > tbody > tr td.image {
    background: #fff;
    aspect-ratio: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    overflow: hidden;
    min-width: 64px;
    }
table.evCartLines > tbody > tr td.qty {
    max-width: 100px;
    }
table.evCartLines > tbody > tr td.qty input {
    text-align: center;
    }
table.evCartLines > tbody > tr td.total {
    min-width: 80px;
    }
tr.evCartLine .remove a.icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 2.25em;
    height: 2.25em;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    background: none !important;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    }
tr.evCartLine .remove a.icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--link-color);
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    }
tr.evCartLine .remove a.icon:hover:after,
tr.evCartLine .remove a.icon:focus:after {
    opacity: .1;
    }
tr.evCartLine .description {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
tr.evCartLine .description br {
    display: none;
    }
tr.evCartLine .description .productCodes,
tr.evCartLine .description .reference {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    color: var(--link-color);
    font-family: var(--eyebrow-font-family);
    font-size: var(--eyebrow-font-size-min);
    font-style: var(--eyebrow-font-style);
    font-weight: var(--eyebrow-font-weight);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 0;
    }
tr.evCartLine .description .productCodes .key,
tr.evCartLine .description .productCodes .separator,
tr.evCartLine .description .reference .key,
tr.evCartLine .description .reference .separator {
    display: none;
    }
tr.evCartLine .description .title {
    font-size: var(--heading-5-min);
    color: var(--heading-color);
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    }
tr.evCartLine .description .attribute {
    font-size: .875em !important;
    }
tr.evCartLine .description .attribute td.value {
    padding-left: .5rem;
    }
tr.evCartLine .description .ev-cart-attributes {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    }
@media screen and (min-width: 600px) {
tr.evCartLine .description .reference {
    font-size: var(--eyebrow-font-size-mid);
    }
tr.evCartLine .description .title {
    font-size: var(--heading-5-mid);
    }
}

@media screen and (min-width: 1600px) {
tr.evCartLine .description .reference {
    font-size: var(--eyebrow-font-size-max);
    }
tr.evCartLine .description .title {
    font-size: var(--heading-5-max);
    }
}

.quickfind {
    display: none;
    }
#billingAddress {
    margin: -.75rem;
    margin-bottom: 1rem;
    }
#billingAddress .gridContainer,
#billingAddress .table {
    margin: 0;
    }
.evCartTotals td {
    padding: .5rem 0;
    text-align: right;
    }
.evCartTotals .total {
    color: var(--heading-color);
    }
body.blankLayout {
    background: var(--main-background);
    min-height: 100%;
    }

/**
 * Grids
 * Evance has a 12 point grid system. Built using flex-box, the grid is used to layout page's content.
 *
 * Sections:
 * - .ev-container
 * - .ev-layout
 * - .ev-flex
 * - .ev-block
 * - Gutters
 * - Justify Content
 * - Align Items
 * - Align Content
 * - Self Alignment
 */
/**
 * @section .ev-container
 * can be used for a center focused page
 * 1. Non-fluid containers are limited in width.
 * 2. Default padding is adjusted according to screen size.
 *
 */
.ev-container {
    margin: auto;
    max-width: 1600px;
    padding: 1.5rem;
    width: 100%;
    }
.ev-container.fluid {
    max-width: 100%;
    }
.ev-container.fill-height {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.ev-container.fill-height > .ev-layout {
    height: 100%;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    }

/**
 * @section .ev-layout
 * used for separating sections
 *
 */
.ev-layout {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0;
    }
.ev-layout.column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.ev-layout.column.reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
.ev-layout.row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    }
.ev-layout.row.reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    }
.ev-layout.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    }

/**
 * @section .ev-block
 *
 */
.ev-block {
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
    }
@media all and (min-width: 0) {
.ev-block.xs-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.ev-block.xs-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    }
.ev-block.order-xs-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.ev-block.offset-xs-1 {
    margin-left: 8.3333333333%;
    }
.ev-block.xs-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    }
.ev-block.order-xs-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
.ev-block.offset-xs-2 {
    margin-left: 16.6666666667%;
    }
.ev-block.xs-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.ev-block.order-xs-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    }
.ev-block.offset-xs-3 {
    margin-left: 25%;
    }
.ev-block.xs-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    }
.ev-block.order-xs-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    }
.ev-block.offset-xs-4 {
    margin-left: 33.3333333333%;
    }
.ev-block.xs-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    }
.ev-block.order-xs-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    }
.ev-block.offset-xs-5 {
    margin-left: 41.6666666667%;
    }
.ev-block.xs-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.ev-block.order-xs-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    }
.ev-block.offset-xs-6 {
    margin-left: 50%;
    }
.ev-block.xs-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    }
.ev-block.order-xs-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    }
.ev-block.offset-xs-7 {
    margin-left: 58.3333333333%;
    }
.ev-block.xs-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    }
.ev-block.order-xs-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    }
.ev-block.offset-xs-8 {
    margin-left: 66.6666666667%;
    }
.ev-block.xs-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
.ev-block.order-xs-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    }
.ev-block.offset-xs-9 {
    margin-left: 75%;
    }
.ev-block.xs-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    }
.ev-block.order-xs-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    }
.ev-block.offset-xs-10 {
    margin-left: 83.3333333333%;
    }
.ev-block.xs-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    }
.ev-block.order-xs-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
    }
.ev-block.offset-xs-11 {
    margin-left: 91.6666666667%;
    }
.ev-block.xs-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
.ev-block.order-xs-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
    }
.ev-block.offset-xs-12 {
    margin-left: 100%;
    }
}

@media all and (min-width: 600px) {
.ev-block.sm-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.ev-block.sm-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    }
.ev-block.order-sm-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.ev-block.offset-sm-1 {
    margin-left: 8.3333333333%;
    }
.ev-block.sm-grow {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    }
.ev-block.sm-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    }
.ev-block.order-sm-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
.ev-block.offset-sm-2 {
    margin-left: 16.6666666667%;
    }
.ev-block.sm-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.ev-block.order-sm-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    }
.ev-block.offset-sm-3 {
    margin-left: 25%;
    }
.ev-block.sm-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    }
.ev-block.order-sm-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    }
.ev-block.offset-sm-4 {
    margin-left: 33.3333333333%;
    }
.ev-block.sm-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    }
.ev-block.order-sm-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    }
.ev-block.offset-sm-5 {
    margin-left: 41.6666666667%;
    }
.ev-block.sm-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.ev-block.order-sm-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    }
.ev-block.offset-sm-6 {
    margin-left: 50%;
    }
.ev-block.sm-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    }
.ev-block.order-sm-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    }
.ev-block.offset-sm-7 {
    margin-left: 58.3333333333%;
    }
.ev-block.sm-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    }
.ev-block.order-sm-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    }
.ev-block.offset-sm-8 {
    margin-left: 66.6666666667%;
    }
.ev-block.sm-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
.ev-block.order-sm-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    }
.ev-block.offset-sm-9 {
    margin-left: 75%;
    }
.ev-block.sm-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    }
.ev-block.order-sm-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    }
.ev-block.offset-sm-10 {
    margin-left: 83.3333333333%;
    }
.ev-block.sm-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    }
.ev-block.order-sm-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
    }
.ev-block.offset-sm-11 {
    margin-left: 91.6666666667%;
    }
.ev-block.sm-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
.ev-block.order-sm-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
    }
.ev-block.offset-sm-12 {
    margin-left: 100%;
    }
}

@media all and (min-width: 960px) {
.ev-block.md-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.ev-block.md-grow {
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    }
.ev-block.md-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    }
.ev-block.order-md-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.ev-block.offset-md-1 {
    margin-left: 8.3333333333%;
    }
.ev-block.md-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    }
.ev-block.order-md-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
.ev-block.offset-md-2 {
    margin-left: 16.6666666667%;
    }
.ev-block.md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.ev-block.order-md-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    }
.ev-block.offset-md-3 {
    margin-left: 25%;
    }
.ev-block.md-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    }
.ev-block.order-md-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    }
.ev-block.offset-md-4 {
    margin-left: 33.3333333333%;
    }
.ev-block.md-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    }
.ev-block.order-md-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    }
.ev-block.offset-md-5 {
    margin-left: 41.6666666667%;
    }
.ev-block.md-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.ev-block.order-md-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    }
.ev-block.offset-md-6 {
    margin-left: 50%;
    }
.ev-block.md-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    }
.ev-block.order-md-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    }
.ev-block.offset-md-7 {
    margin-left: 58.3333333333%;
    }
.ev-block.md-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    }
.ev-block.order-md-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    }
.ev-block.offset-md-8 {
    margin-left: 66.6666666667%;
    }
.ev-block.md-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
.ev-block.order-md-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    }
.ev-block.offset-md-9 {
    margin-left: 75%;
    }
.ev-block.md-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    }
.ev-block.order-md-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    }
.ev-block.offset-md-10 {
    margin-left: 83.3333333333%;
    }
.ev-block.md-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    }
.ev-block.order-md-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
    }
.ev-block.offset-md-11 {
    margin-left: 91.6666666667%;
    }
.ev-block.md-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
.ev-block.order-md-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
    }
.ev-block.offset-md-12 {
    margin-left: 100%;
    }
}

@media all and (min-width: 1200px) {
.ev-block.lg-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.ev-block.lg-grow {
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    }
.ev-block.lg-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    }
.ev-block.order-lg-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.ev-block.offset-lg-1 {
    margin-left: 8.3333333333%;
    }
.ev-block.lg-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    }
.ev-block.order-lg-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
.ev-block.offset-lg-2 {
    margin-left: 16.6666666667%;
    }
.ev-block.lg-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.ev-block.order-lg-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    }
.ev-block.offset-lg-3 {
    margin-left: 25%;
    }
.ev-block.lg-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    }
.ev-block.order-lg-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    }
.ev-block.offset-lg-4 {
    margin-left: 33.3333333333%;
    }
.ev-block.lg-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    }
.ev-block.order-lg-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    }
.ev-block.offset-lg-5 {
    margin-left: 41.6666666667%;
    }
.ev-block.lg-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.ev-block.order-lg-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    }
.ev-block.offset-lg-6 {
    margin-left: 50%;
    }
.ev-block.lg-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    }
.ev-block.order-lg-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    }
.ev-block.offset-lg-7 {
    margin-left: 58.3333333333%;
    }
.ev-block.lg-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    }
.ev-block.order-lg-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    }
.ev-block.offset-lg-8 {
    margin-left: 66.6666666667%;
    }
.ev-block.lg-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
.ev-block.order-lg-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    }
.ev-block.offset-lg-9 {
    margin-left: 75%;
    }
.ev-block.lg-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    }
.ev-block.order-lg-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    }
.ev-block.offset-lg-10 {
    margin-left: 83.3333333333%;
    }
.ev-block.lg-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    }
.ev-block.order-lg-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
    }
.ev-block.offset-lg-11 {
    margin-left: 91.6666666667%;
    }
.ev-block.lg-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
.ev-block.order-lg-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
    }
.ev-block.offset-lg-12 {
    margin-left: 100%;
    }
}

@media all and (min-width: 1600px) {
.ev-block.xl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    }
.ev-block.xl-1 {
    -webkit-flex: 0 0 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
    }
.ev-block.order-xl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
.ev-block.offset-xl-1 {
    margin-left: 8.3333333333%;
    }
.ev-block.xl-2 {
    -webkit-flex: 0 0 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
    }
.ev-block.order-xl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
.ev-block.offset-xl-2 {
    margin-left: 16.6666666667%;
    }
.ev-block.xl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    }
.ev-block.order-xl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    }
.ev-block.offset-xl-3 {
    margin-left: 25%;
    }
.ev-block.xl-4 {
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    }
.ev-block.order-xl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    }
.ev-block.offset-xl-4 {
    margin-left: 33.3333333333%;
    }
.ev-block.xl-5 {
    -webkit-flex: 0 0 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    }
.ev-block.order-xl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    }
.ev-block.offset-xl-5 {
    margin-left: 41.6666666667%;
    }
.ev-block.xl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }
.ev-block.order-xl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    }
.ev-block.offset-xl-6 {
    margin-left: 50%;
    }
.ev-block.xl-7 {
    -webkit-flex: 0 0 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    }
.ev-block.order-xl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    }
.ev-block.offset-xl-7 {
    margin-left: 58.3333333333%;
    }
.ev-block.xl-8 {
    -webkit-flex: 0 0 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    }
.ev-block.order-xl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    }
.ev-block.offset-xl-8 {
    margin-left: 66.6666666667%;
    }
.ev-block.xl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    }
.ev-block.order-xl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    }
.ev-block.offset-xl-9 {
    margin-left: 75%;
    }
.ev-block.xl-10 {
    -webkit-flex: 0 0 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    }
.ev-block.order-xl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
    }
.ev-block.offset-xl-10 {
    margin-left: 83.3333333333%;
    }
.ev-block.xl-11 {
    -webkit-flex: 0 0 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
    }
.ev-block.order-xl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
    }
.ev-block.offset-xl-11 {
    margin-left: 91.6666666667%;
    }
.ev-block.xl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
.ev-block.order-xl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
    }
.ev-block.offset-xl-12 {
    margin-left: 100%;
    }
}

/**
 * @section Gutters
 * @todo Not sure if these are desirable yet
 */
@media all and (min-width: 0) {
.ev-layout.gutter-xs-0 > .ev-block {
    padding: 0;
    }
.ev-layout.gutter-xs-0:only-child {
    margin: 0;
    }
.ev-layout.gutter-xs-0:not(:only-child) {
    margin: auto 0;
    }
.ev-layout.gutter-xs-1 > .ev-block {
    padding: .125rem;
    }
.ev-layout.gutter-xs-1:only-child {
    margin: -.125rem;
    }
.ev-layout.gutter-xs-1:not(:only-child) {
    margin: auto -.125rem;
    }
.ev-layout.gutter-xs-2 > .ev-block {
    padding: .25rem;
    }
.ev-layout.gutter-xs-2:only-child {
    margin: -.25rem;
    }
.ev-layout.gutter-xs-2:not(:only-child) {
    margin: auto -.25rem;
    }
.ev-layout.gutter-xs-3 > .ev-block {
    padding: .5rem;
    }
.ev-layout.gutter-xs-3:only-child {
    margin: -.5rem;
    }
.ev-layout.gutter-xs-3:not(:only-child) {
    margin: auto -.5rem;
    }
.ev-layout.gutter-xs-4 > .ev-block {
    padding: .75rem;
    }
.ev-layout.gutter-xs-4:only-child {
    margin: -.75rem;
    }
.ev-layout.gutter-xs-4:not(:only-child) {
    margin: auto -.75rem;
    }
.ev-layout.gutter-xs-5 > .ev-block {
    padding: 1.5rem;
    }
.ev-layout.gutter-xs-5:only-child {
    margin: -1.5rem;
    }
.ev-layout.gutter-xs-5:not(:only-child) {
    margin: auto -1.5rem;
    }
}

@media all and (min-width: 600px) {
.ev-layout.gutter-sm-0 > .ev-block {
    padding: 0;
    }
.ev-layout.gutter-sm-0:only-child {
    margin: 0;
    }
.ev-layout.gutter-sm-0:not(:only-child) {
    margin: auto 0;
    }
.ev-layout.gutter-sm-1 > .ev-block {
    padding: .125rem;
    }
.ev-layout.gutter-sm-1:only-child {
    margin: -.125rem;
    }
.ev-layout.gutter-sm-1:not(:only-child) {
    margin: auto -.125rem;
    }
.ev-layout.gutter-sm-2 > .ev-block {
    padding: .25rem;
    }
.ev-layout.gutter-sm-2:only-child {
    margin: -.25rem;
    }
.ev-layout.gutter-sm-2:not(:only-child) {
    margin: auto -.25rem;
    }
.ev-layout.gutter-sm-3 > .ev-block {
    padding: .5rem;
    }
.ev-layout.gutter-sm-3:only-child {
    margin: -.5rem;
    }
.ev-layout.gutter-sm-3:not(:only-child) {
    margin: auto -.5rem;
    }
.ev-layout.gutter-sm-4 > .ev-block {
    padding: .75rem;
    }
.ev-layout.gutter-sm-4:only-child {
    margin: -.75rem;
    }
.ev-layout.gutter-sm-4:not(:only-child) {
    margin: auto -.75rem;
    }
.ev-layout.gutter-sm-5 > .ev-block {
    padding: 1.5rem;
    }
.ev-layout.gutter-sm-5:only-child {
    margin: -1.5rem;
    }
.ev-layout.gutter-sm-5:not(:only-child) {
    margin: auto -1.5rem;
    }
}

@media all and (min-width: 960px) {
.ev-layout.gutter-md-0 > .ev-block {
    padding: 0;
    }
.ev-layout.gutter-md-0:only-child {
    margin: 0;
    }
.ev-layout.gutter-md-0:not(:only-child) {
    margin: auto 0;
    }
.ev-layout.gutter-md-1 > .ev-block {
    padding: .125rem;
    }
.ev-layout.gutter-md-1:only-child {
    margin: -.125rem;
    }
.ev-layout.gutter-md-1:not(:only-child) {
    margin: auto -.125rem;
    }
.ev-layout.gutter-md-2 > .ev-block {
    padding: .25rem;
    }
.ev-layout.gutter-md-2:only-child {
    margin: -.25rem;
    }
.ev-layout.gutter-md-2:not(:only-child) {
    margin: auto -.25rem;
    }
.ev-layout.gutter-md-3 > .ev-block {
    padding: .5rem;
    }
.ev-layout.gutter-md-3:only-child {
    margin: -.5rem;
    }
.ev-layout.gutter-md-3:not(:only-child) {
    margin: auto -.5rem;
    }
.ev-layout.gutter-md-4 > .ev-block {
    padding: .75rem;
    }
.ev-layout.gutter-md-4:only-child {
    margin: -.75rem;
    }
.ev-layout.gutter-md-4:not(:only-child) {
    margin: auto -.75rem;
    }
.ev-layout.gutter-md-5 > .ev-block {
    padding: 1.5rem;
    }
.ev-layout.gutter-md-5:only-child {
    margin: -1.5rem;
    }
.ev-layout.gutter-md-5:not(:only-child) {
    margin: auto -1.5rem;
    }
}

@media all and (min-width: 1200px) {
.ev-layout.gutter-lg-0 > .ev-block {
    padding: 0;
    }
.ev-layout.gutter-lg-0:only-child {
    margin: 0;
    }
.ev-layout.gutter-lg-0:not(:only-child) {
    margin: auto 0;
    }
.ev-layout.gutter-lg-1 > .ev-block {
    padding: .125rem;
    }
.ev-layout.gutter-lg-1:only-child {
    margin: -.125rem;
    }
.ev-layout.gutter-lg-1:not(:only-child) {
    margin: auto -.125rem;
    }
.ev-layout.gutter-lg-2 > .ev-block {
    padding: .25rem;
    }
.ev-layout.gutter-lg-2:only-child {
    margin: -.25rem;
    }
.ev-layout.gutter-lg-2:not(:only-child) {
    margin: auto -.25rem;
    }
.ev-layout.gutter-lg-3 > .ev-block {
    padding: .5rem;
    }
.ev-layout.gutter-lg-3:only-child {
    margin: -.5rem;
    }
.ev-layout.gutter-lg-3:not(:only-child) {
    margin: auto -.5rem;
    }
.ev-layout.gutter-lg-4 > .ev-block {
    padding: .75rem;
    }
.ev-layout.gutter-lg-4:only-child {
    margin: -.75rem;
    }
.ev-layout.gutter-lg-4:not(:only-child) {
    margin: auto -.75rem;
    }
.ev-layout.gutter-lg-5 > .ev-block {
    padding: 1.5rem;
    }
.ev-layout.gutter-lg-5:only-child {
    margin: -1.5rem;
    }
.ev-layout.gutter-lg-5:not(:only-child) {
    margin: auto -1.5rem;
    }
}

@media all and (min-width: 1600px) {
.ev-layout.gutter-xl-0 > .ev-block {
    padding: 0;
    }
.ev-layout.gutter-xl-0:only-child {
    margin: 0;
    }
.ev-layout.gutter-xl-0:not(:only-child) {
    margin: auto 0;
    }
.ev-layout.gutter-xl-1 > .ev-block {
    padding: .125rem;
    }
.ev-layout.gutter-xl-1:only-child {
    margin: -.125rem;
    }
.ev-layout.gutter-xl-1:not(:only-child) {
    margin: auto -.125rem;
    }
.ev-layout.gutter-xl-2 > .ev-block {
    padding: .25rem;
    }
.ev-layout.gutter-xl-2:only-child {
    margin: -.25rem;
    }
.ev-layout.gutter-xl-2:not(:only-child) {
    margin: auto -.25rem;
    }
.ev-layout.gutter-xl-3 > .ev-block {
    padding: .5rem;
    }
.ev-layout.gutter-xl-3:only-child {
    margin: -.5rem;
    }
.ev-layout.gutter-xl-3:not(:only-child) {
    margin: auto -.5rem;
    }
.ev-layout.gutter-xl-4 > .ev-block {
    padding: .75rem;
    }
.ev-layout.gutter-xl-4:only-child {
    margin: -.75rem;
    }
.ev-layout.gutter-xl-4:not(:only-child) {
    margin: auto -.75rem;
    }
.ev-layout.gutter-xl-5 > .ev-block {
    padding: 1.5rem;
    }
.ev-layout.gutter-xl-5:only-child {
    margin: -1.5rem;
    }
.ev-layout.gutter-xl-5:not(:only-child) {
    margin: auto -1.5rem;
    }
}

/**
 * @section Justify Content
 *
 */
.justify-content-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
@media (min-width: 0) {
.justify-content-xs-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-xs-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-xs-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-xs-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-xs-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
}

@media (min-width: 600px) {
.justify-content-sm-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-sm-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-sm-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-sm-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-sm-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
}

@media (min-width: 960px) {
.justify-content-md-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-md-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-md-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-md-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-md-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
}

@media (min-width: 1200px) {
.justify-content-lg-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-lg-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-lg-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-lg-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-lg-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
}

@media (min-width: 1600px) {
.justify-content-xl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    }
.justify-content-xl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    }
.justify-content-xl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    }
.justify-content-xl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    }
.justify-content-xl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    }
}

/**
 * @section Align Items
 *
 */
.align-items-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
@media (min-width: 0) {
.align-items-xs-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-xs-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-xs-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-xs-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-xs-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
}

@media (min-width: 600px) {
.align-items-sm-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-sm-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-sm-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-sm-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-sm-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
}

@media (min-width: 960px) {
.align-items-md-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-md-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-md-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-md-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-md-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
}

@media (min-width: 1200px) {
.align-items-lg-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-lg-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-lg-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-lg-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-lg-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
}

@media (min-width: 1600px) {
.align-items-xl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    }
.align-items-xl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    }
.align-items-xl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    }
.align-items-xl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
    }
.align-items-xl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    }
}

/**
 * @section Align Content
 *
 */
.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
@media (min-width: 0) {
.align-content-xs-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-xs-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-xs-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-xs-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-xs-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-xs-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
}

@media (min-width: 600px) {
.align-content-sm-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-sm-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-sm-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-sm-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-sm-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-sm-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
}

@media (min-width: 960px) {
.align-content-md-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-md-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-md-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-md-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-md-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-md-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
}

@media (min-width: 1200px) {
.align-content-lg-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-lg-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-lg-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-lg-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-lg-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-lg-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
}

@media (min-width: 1600px) {
.align-content-xl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
    }
.align-content-xl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
    }
.align-content-xl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    }
.align-content-xl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
    }
.align-content-xl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
    }
.align-content-xl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    }
}

/**
 * @section Self Alignment
 *
 */
.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
@media (min-width: 0) {
.align-self-xs-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-xs-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-xs-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-xs-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-xs-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
}

@media (min-width: 600px) {
.align-self-sm-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-sm-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-sm-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-sm-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-sm-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
}

@media (min-width: 960px) {
.align-self-md-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-md-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-md-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-md-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-md-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
.align-self-lg-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-lg-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-lg-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-lg-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-lg-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
}

@media (min-width: 1600px) {
.align-self-xl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    }
.align-self-xl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    }
.align-self-xl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    }
.align-self-xl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
    }
.align-self-xl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    }
}

.ev-column {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.ev-block.flex-shrink {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    }
.ev-block.flex-grow {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }

/* Resaved 20/01/2022 */
.flex-column-card {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    }
.flex-column-card > *:last-child {
    margin-top: auto;
    }
.img-fluid {
    max-width: 100%;
    height: auto;
    }
.h-100 {
    height: 100%;
    }

/* Add class to an ev-container or ev-block class element to remove vertical padding */
.no-vertical-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

/* Generally used on last element within h-100 elements when you require bottom alignment */
.mt-auto {
    margin-top: auto;
    }

/* xs */
.xs-left {
    text-align: left;
    }
.xs-center {
    text-align: center;
    }
.xs-right {
    text-align: right;
    }

/* Visibility helpers for use on ev-block */
.xs-hide {
    display: none !important;
    }
.xs-show {
    display: block !important;
    }
.xs-show-inline {
    display: inline-block !important;
    }
.xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }

/* Spacers */
.mb-xs-0 {
    margin-bottom: 0;
    }
.mt-xs-0 {
    margin-top: 0;
    }
.mb-xs-1 {
    margin-bottom: .25rem;
    }
.mt-xs-1 {
    margin-top: .25rem;
    }
.mb-xs-2 {
    margin-bottom: .5rem;
    }
.mt-xs-2 {
    margin-top: .5rem;
    }
.mb-xs-3 {
    margin-bottom: 1rem;
    }
.mt-xs-3 {
    margin-top: 1rem;
    }
.mb-xs-4 {
    margin-bottom: 1.5rem;
    }
.mt-xs-4 {
    margin-top: 1.5rem;
    }
.mb-xs-5 {
    margin-bottom: 3rem;
    }
.mt-xs-5 {
    margin-top: 3rem;
    }

/* sm */
@media only screen and (min-width: 600px) {
.sm-left {
    text-align: left;
    }
.sm-center {
    text-align: center;
    }
.sm-right {
    text-align: right;
    }
.sm-hide {
    display: none !important;
    }
.sm-show {
    display: block !important;
    }
.sm-show-inline {
    display: inline-block !important;
    }
.sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }

/* Spacers */
.mb-sm-0 {
    margin-bottom: 0;
    }
.mt-sm-0 {
    margin-top: 0;
    }
.mb-sm-1 {
    margin-bottom: .25rem;
    }
.mt-sm-1 {
    margin-top: .25rem;
    }
.mb-sm-2 {
    margin-bottom: .5rem;
    }
.mt-sm-2 {
    margin-top: .5rem;
    }
.mb-sm-3 {
    margin-bottom: 1rem;
    }
.mt-sm-3 {
    margin-top: 1rem;
    }
.mb-sm-4 {
    margin-bottom: 1.5rem;
    }
.mt-sm-4 {
    margin-top: 1.5rem;
    }
.mb-sm-5 {
    margin-bottom: 3rem;
    }
.mt-sm-5 {
    margin-top: 3rem;
    }
}

/* md */
@media only screen and (min-width: 960px) {
.md-left {
    text-align: left;
    }
.md-center {
    text-align: center;
    }
.md-right {
    text-align: right;
    }
.md-hide {
    display: none !important;
    }
.md-show {
    display: block !important;
    }
.md-show-inline {
    display: inline-block !important;
    }
.md-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }

/* Spacers */
.mb-md-0 {
    margin-bottom: 0;
    }
.mt-md-0 {
    margin-top: 0;
    }
.mb-md-1 {
    margin-bottom: .25rem;
    }
.mt-md-1 {
    margin-top: .25rem;
    }
.mb-md-2 {
    margin-bottom: .5rem;
    }
.mt-md-2 {
    margin-top: .5rem;
    }
.mb-md-3 {
    margin-bottom: 1rem;
    }
.mt-md-3 {
    margin-top: 1rem;
    }
.mb-md-4 {
    margin-bottom: 1.5rem;
    }
.mt-md-4 {
    margin-top: 1.5rem;
    }
.mb-md-5 {
    margin-bottom: 3rem;
    }
.mt-md-5 {
    margin-top: 3rem;
    }
}

/* lg */
@media only screen and (min-width: 1200px) {
.lg-left {
    text-align: left;
    }
.lg-center {
    text-align: center;
    }
.lg-right {
    text-align: right;
    }
.lg-hide {
    display: none !important;
    }
.lg-show {
    display: block !important;
    }
.lg-show-inline {
    display: inline-block !important;
    }
.lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }

/* Spacers */
.mb-lg-0 {
    margin-bottom: 0;
    }
.mt-lg-0 {
    margin-top: 0;
    }
.mb-lg-1 {
    margin-bottom: .25rem;
    }
.mt-lg-1 {
    margin-top: .25rem;
    }
.mb-lg-2 {
    margin-bottom: .5rem;
    }
.mt-lg-2 {
    margin-top: .5rem;
    }
.mb-lg-3 {
    margin-bottom: 1rem;
    }
.mt-lg-3 {
    margin-top: 1rem;
    }
.mb-lg-4 {
    margin-bottom: 1.5rem;
    }
.mt-lg-4 {
    margin-top: 1.5rem;
    }
.mb-lg-5 {
    margin-bottom: 3rem;
    }
.mt-lg-5 {
    margin-top: 3rem;
    }
}

/* xl */
@media only screen and (min-width: 1600px) {
.xl-left {
    text-align: left;
    }
.xl-center {
    text-align: center;
    }
.xl-right {
    text-align: right;
    }
.xl-hide {
    display: none !important;
    }
.xl-show {
    display: block !important;
    }
.xl-show-inline {
    display: inline-block !important;
    }
.xl-flex {
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    }

/* Spacers */
.mb-xl-0 {
    margin-bottom: 0;
    }
.mt-xl-0 {
    margin-top: 0;
    }
.mb-xl-1 {
    margin-bottom: .25rem;
    }
.mt-xl-1 {
    margin-top: .25rem;
    }
.mb-xl-2 {
    margin-bottom: .5rem;
    }
.mt-xl-2 {
    margin-top: .5rem;
    }
.mb-xl-3 {
    margin-bottom: 1rem;
    }
.mt-xl-3 {
    margin-top: 1rem;
    }
.mb-xl-4 {
    margin-bottom: 1.5rem;
    }
.mt-xl-4 {
    margin-top: 1.5rem;
    }
.mb-xl-5 {
    margin-bottom: 3rem;
    }
.mt-xl-5 {
    margin-top: 3rem;
    }
}

/**
 * Spacing
 * Based on {property}{direction}-{breakpoint}-{size}
 * Where:
 *
 * - {property}
 * -- 'p' for padding
 * -- 'm' for margin
 *
 * - {direction}
 * -- 't' applies the spacing for *-top
 * -- 'b' applies the spacing for *-bottom
 * -- 'l' applies the spacing for *-left
 * -- 'r' applies the spacing for *-right
 * -- 'x' applies the spacing for both *-left and *-right
 * -- 'y' applies the spacing for both *-top and *-bottom
 * -- 'a' applies the spacing for the property in all directions
 *
 * - {breakpoint}
 * -- 'xs' Extra small breakpoint
 * -- 'sm' Small breakpoint
 * -- 'md' Medium breakpoint
 * -- 'lg' Large breakpoint
 * -- 'xl' Extra large breakpoint
 *
 * {size}
 * -- 'auto' sets the spacing to auto
 * -- '0' removes the spacing by setting it to 0
 * -- '1' sets the spacing to $spacer-1
 * -- '2' sets the spacing to $spacer-2
 * -- '3' sets the spacing to $spacer-3
 * -- '4' sets the spacing to $spacer-4
 * -- '5' sets the spacing to $spacer-5
 * -- 'auto' sets spacing to 'auto'
 *
 */
@media all and (min-width: 0) {
/* Margins */
/* Padding */
.ma-xs-auto {
    margin: auto auto !important;
    }
.my-xs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
.mx-xs-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    }
.mt-xs-auto {
    margin-top: auto !important;
    }
.mr-xs-auto {
    margin-right: auto !important;
    }
.mb-xs-auto {
    margin-bottom: auto !important;
    }
.ml-xs-auto {
    margin-left: auto !important;
    }
.ma-xs-0 {
    margin: 0 0 !important;
    }
.my-xs-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
.mx-xs-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
.mt-xs-0 {
    margin-top: 0 !important;
    }
.mr-xs-0 {
    margin-right: 0 !important;
    }
.mb-xs-0 {
    margin-bottom: 0 !important;
    }
.ml-xs-0 {
    margin-left: 0 !important;
    }
.ma-xs-1 {
    margin: .25rem .25rem !important;
    }
.my-xs-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    }
.mx-xs-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
    }
.mt-xs-1 {
    margin-top: .25rem !important;
    }
.mr-xs-1 {
    margin-right: .25rem !important;
    }
.mb-xs-1 {
    margin-bottom: .25rem !important;
    }
.ml-xs-1 {
    margin-left: .25rem !important;
    }
.ma-xs-2 {
    margin: .5rem .5rem !important;
    }
.my-xs-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    }
.mx-xs-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    }
.mt-xs-2 {
    margin-top: .5rem !important;
    }
.mr-xs-2 {
    margin-right: .5rem !important;
    }
.mb-xs-2 {
    margin-bottom: .5rem !important;
    }
.ml-xs-2 {
    margin-left: .5rem !important;
    }
.ma-xs-3 {
    margin: 1rem 1rem !important;
    }
.my-xs-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    }
.mx-xs-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    }
.mt-xs-3 {
    margin-top: 1rem !important;
    }
.mr-xs-3 {
    margin-right: 1rem !important;
    }
.mb-xs-3 {
    margin-bottom: 1rem !important;
    }
.ml-xs-3 {
    margin-left: 1rem !important;
    }
.ma-xs-4 {
    margin: 1.5rem 1.5rem !important;
    }
.my-xs-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    }
.mx-xs-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    }
.mt-xs-4 {
    margin-top: 1.5rem !important;
    }
.mr-xs-4 {
    margin-right: 1.5rem !important;
    }
.mb-xs-4 {
    margin-bottom: 1.5rem !important;
    }
.ml-xs-4 {
    margin-left: 1.5rem !important;
    }
.ma-xs-5 {
    margin: 3rem 3rem !important;
    }
.my-xs-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    }
.mx-xs-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    }
.mt-xs-5 {
    margin-top: 3rem !important;
    }
.mr-xs-5 {
    margin-right: 3rem !important;
    }
.mb-xs-5 {
    margin-bottom: 3rem !important;
    }
.ml-xs-5 {
    margin-left: 3rem !important;
    }
.pa-xs-0 {
    padding: 0 0 !important;
    }
.py-xs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
.px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.pt-xs-0 {
    padding-top: 0 !important;
    }
.pr-xs-0 {
    padding-right: 0 !important;
    }
.pb-xs-0 {
    padding-bottom: 0 !important;
    }
.pl-xs-0 {
    padding-left: 0 !important;
    }
.pa-xs-1 {
    padding: .25rem .25rem !important;
    }
.py-xs-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    }
.px-xs-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    }
.pt-xs-1 {
    padding-top: .25rem !important;
    }
.pr-xs-1 {
    padding-right: .25rem !important;
    }
.pb-xs-1 {
    padding-bottom: .25rem !important;
    }
.pl-xs-1 {
    padding-left: .25rem !important;
    }
.pa-xs-2 {
    padding: .5rem .5rem !important;
    }
.py-xs-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    }
.px-xs-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    }
.pt-xs-2 {
    padding-top: .5rem !important;
    }
.pr-xs-2 {
    padding-right: .5rem !important;
    }
.pb-xs-2 {
    padding-bottom: .5rem !important;
    }
.pl-xs-2 {
    padding-left: .5rem !important;
    }
.pa-xs-3 {
    padding: 1rem 1rem !important;
    }
.py-xs-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
.px-xs-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
.pt-xs-3 {
    padding-top: 1rem !important;
    }
.pr-xs-3 {
    padding-right: 1rem !important;
    }
.pb-xs-3 {
    padding-bottom: 1rem !important;
    }
.pl-xs-3 {
    padding-left: 1rem !important;
    }
.pa-xs-4 {
    padding: 1.5rem 1.5rem !important;
    }
.py-xs-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
.px-xs-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
.pt-xs-4 {
    padding-top: 1.5rem !important;
    }
.pr-xs-4 {
    padding-right: 1.5rem !important;
    }
.pb-xs-4 {
    padding-bottom: 1.5rem !important;
    }
.pl-xs-4 {
    padding-left: 1.5rem !important;
    }
.pa-xs-5 {
    padding: 3rem 3rem !important;
    }
.py-xs-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
.px-xs-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    }
.pt-xs-5 {
    padding-top: 3rem !important;
    }
.pr-xs-5 {
    padding-right: 3rem !important;
    }
.pb-xs-5 {
    padding-bottom: 3rem !important;
    }
.pl-xs-5 {
    padding-left: 3rem !important;
    }
}

@media all and (min-width: 600px) {
/* Margins */
/* Padding */
.ma-sm-auto {
    margin: auto auto !important;
    }
.my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
.mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    }
.mt-sm-auto {
    margin-top: auto !important;
    }
.mr-sm-auto {
    margin-right: auto !important;
    }
.mb-sm-auto {
    margin-bottom: auto !important;
    }
.ml-sm-auto {
    margin-left: auto !important;
    }
.ma-sm-0 {
    margin: 0 0 !important;
    }
.my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
.mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
.mt-sm-0 {
    margin-top: 0 !important;
    }
.mr-sm-0 {
    margin-right: 0 !important;
    }
.mb-sm-0 {
    margin-bottom: 0 !important;
    }
.ml-sm-0 {
    margin-left: 0 !important;
    }
.ma-sm-1 {
    margin: .25rem .25rem !important;
    }
.my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    }
.mx-sm-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
    }
.mt-sm-1 {
    margin-top: .25rem !important;
    }
.mr-sm-1 {
    margin-right: .25rem !important;
    }
.mb-sm-1 {
    margin-bottom: .25rem !important;
    }
.ml-sm-1 {
    margin-left: .25rem !important;
    }
.ma-sm-2 {
    margin: .5rem .5rem !important;
    }
.my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    }
.mx-sm-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    }
.mt-sm-2 {
    margin-top: .5rem !important;
    }
.mr-sm-2 {
    margin-right: .5rem !important;
    }
.mb-sm-2 {
    margin-bottom: .5rem !important;
    }
.ml-sm-2 {
    margin-left: .5rem !important;
    }
.ma-sm-3 {
    margin: 1rem 1rem !important;
    }
.my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    }
.mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    }
.mt-sm-3 {
    margin-top: 1rem !important;
    }
.mr-sm-3 {
    margin-right: 1rem !important;
    }
.mb-sm-3 {
    margin-bottom: 1rem !important;
    }
.ml-sm-3 {
    margin-left: 1rem !important;
    }
.ma-sm-4 {
    margin: 1.5rem 1.5rem !important;
    }
.my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    }
.mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    }
.mt-sm-4 {
    margin-top: 1.5rem !important;
    }
.mr-sm-4 {
    margin-right: 1.5rem !important;
    }
.mb-sm-4 {
    margin-bottom: 1.5rem !important;
    }
.ml-sm-4 {
    margin-left: 1.5rem !important;
    }
.ma-sm-5 {
    margin: 3rem 3rem !important;
    }
.my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    }
.mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    }
.mt-sm-5 {
    margin-top: 3rem !important;
    }
.mr-sm-5 {
    margin-right: 3rem !important;
    }
.mb-sm-5 {
    margin-bottom: 3rem !important;
    }
.ml-sm-5 {
    margin-left: 3rem !important;
    }
.pa-sm-0 {
    padding: 0 0 !important;
    }
.py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
.px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.pt-sm-0 {
    padding-top: 0 !important;
    }
.pr-sm-0 {
    padding-right: 0 !important;
    }
.pb-sm-0 {
    padding-bottom: 0 !important;
    }
.pl-sm-0 {
    padding-left: 0 !important;
    }
.pa-sm-1 {
    padding: .25rem .25rem !important;
    }
.py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    }
.px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    }
.pt-sm-1 {
    padding-top: .25rem !important;
    }
.pr-sm-1 {
    padding-right: .25rem !important;
    }
.pb-sm-1 {
    padding-bottom: .25rem !important;
    }
.pl-sm-1 {
    padding-left: .25rem !important;
    }
.pa-sm-2 {
    padding: .5rem .5rem !important;
    }
.py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    }
.px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    }
.pt-sm-2 {
    padding-top: .5rem !important;
    }
.pr-sm-2 {
    padding-right: .5rem !important;
    }
.pb-sm-2 {
    padding-bottom: .5rem !important;
    }
.pl-sm-2 {
    padding-left: .5rem !important;
    }
.pa-sm-3 {
    padding: 1rem 1rem !important;
    }
.py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
.px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
.pt-sm-3 {
    padding-top: 1rem !important;
    }
.pr-sm-3 {
    padding-right: 1rem !important;
    }
.pb-sm-3 {
    padding-bottom: 1rem !important;
    }
.pl-sm-3 {
    padding-left: 1rem !important;
    }
.pa-sm-4 {
    padding: 1.5rem 1.5rem !important;
    }
.py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
.px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
.pt-sm-4 {
    padding-top: 1.5rem !important;
    }
.pr-sm-4 {
    padding-right: 1.5rem !important;
    }
.pb-sm-4 {
    padding-bottom: 1.5rem !important;
    }
.pl-sm-4 {
    padding-left: 1.5rem !important;
    }
.pa-sm-5 {
    padding: 3rem 3rem !important;
    }
.py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
.px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    }
.pt-sm-5 {
    padding-top: 3rem !important;
    }
.pr-sm-5 {
    padding-right: 3rem !important;
    }
.pb-sm-5 {
    padding-bottom: 3rem !important;
    }
.pl-sm-5 {
    padding-left: 3rem !important;
    }
}

@media all and (min-width: 960px) {
/* Margins */
/* Padding */
.ma-md-auto {
    margin: auto auto !important;
    }
.my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
.mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    }
.mt-md-auto {
    margin-top: auto !important;
    }
.mr-md-auto {
    margin-right: auto !important;
    }
.mb-md-auto {
    margin-bottom: auto !important;
    }
.ml-md-auto {
    margin-left: auto !important;
    }
.ma-md-0 {
    margin: 0 0 !important;
    }
.my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
.mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
.mt-md-0 {
    margin-top: 0 !important;
    }
.mr-md-0 {
    margin-right: 0 !important;
    }
.mb-md-0 {
    margin-bottom: 0 !important;
    }
.ml-md-0 {
    margin-left: 0 !important;
    }
.ma-md-1 {
    margin: .25rem .25rem !important;
    }
.my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    }
.mx-md-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
    }
.mt-md-1 {
    margin-top: .25rem !important;
    }
.mr-md-1 {
    margin-right: .25rem !important;
    }
.mb-md-1 {
    margin-bottom: .25rem !important;
    }
.ml-md-1 {
    margin-left: .25rem !important;
    }
.ma-md-2 {
    margin: .5rem .5rem !important;
    }
.my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    }
.mx-md-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    }
.mt-md-2 {
    margin-top: .5rem !important;
    }
.mr-md-2 {
    margin-right: .5rem !important;
    }
.mb-md-2 {
    margin-bottom: .5rem !important;
    }
.ml-md-2 {
    margin-left: .5rem !important;
    }
.ma-md-3 {
    margin: 1rem 1rem !important;
    }
.my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    }
.mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    }
.mt-md-3 {
    margin-top: 1rem !important;
    }
.mr-md-3 {
    margin-right: 1rem !important;
    }
.mb-md-3 {
    margin-bottom: 1rem !important;
    }
.ml-md-3 {
    margin-left: 1rem !important;
    }
.ma-md-4 {
    margin: 1.5rem 1.5rem !important;
    }
.my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    }
.mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    }
.mt-md-4 {
    margin-top: 1.5rem !important;
    }
.mr-md-4 {
    margin-right: 1.5rem !important;
    }
.mb-md-4 {
    margin-bottom: 1.5rem !important;
    }
.ml-md-4 {
    margin-left: 1.5rem !important;
    }
.ma-md-5 {
    margin: 3rem 3rem !important;
    }
.my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    }
.mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    }
.mt-md-5 {
    margin-top: 3rem !important;
    }
.mr-md-5 {
    margin-right: 3rem !important;
    }
.mb-md-5 {
    margin-bottom: 3rem !important;
    }
.ml-md-5 {
    margin-left: 3rem !important;
    }
.pa-md-0 {
    padding: 0 0 !important;
    }
.py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
.px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.pt-md-0 {
    padding-top: 0 !important;
    }
.pr-md-0 {
    padding-right: 0 !important;
    }
.pb-md-0 {
    padding-bottom: 0 !important;
    }
.pl-md-0 {
    padding-left: 0 !important;
    }
.pa-md-1 {
    padding: .25rem .25rem !important;
    }
.py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    }
.px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    }
.pt-md-1 {
    padding-top: .25rem !important;
    }
.pr-md-1 {
    padding-right: .25rem !important;
    }
.pb-md-1 {
    padding-bottom: .25rem !important;
    }
.pl-md-1 {
    padding-left: .25rem !important;
    }
.pa-md-2 {
    padding: .5rem .5rem !important;
    }
.py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    }
.px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    }
.pt-md-2 {
    padding-top: .5rem !important;
    }
.pr-md-2 {
    padding-right: .5rem !important;
    }
.pb-md-2 {
    padding-bottom: .5rem !important;
    }
.pl-md-2 {
    padding-left: .5rem !important;
    }
.pa-md-3 {
    padding: 1rem 1rem !important;
    }
.py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
.px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
.pt-md-3 {
    padding-top: 1rem !important;
    }
.pr-md-3 {
    padding-right: 1rem !important;
    }
.pb-md-3 {
    padding-bottom: 1rem !important;
    }
.pl-md-3 {
    padding-left: 1rem !important;
    }
.pa-md-4 {
    padding: 1.5rem 1.5rem !important;
    }
.py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
.px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
.pt-md-4 {
    padding-top: 1.5rem !important;
    }
.pr-md-4 {
    padding-right: 1.5rem !important;
    }
.pb-md-4 {
    padding-bottom: 1.5rem !important;
    }
.pl-md-4 {
    padding-left: 1.5rem !important;
    }
.pa-md-5 {
    padding: 3rem 3rem !important;
    }
.py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
.px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    }
.pt-md-5 {
    padding-top: 3rem !important;
    }
.pr-md-5 {
    padding-right: 3rem !important;
    }
.pb-md-5 {
    padding-bottom: 3rem !important;
    }
.pl-md-5 {
    padding-left: 3rem !important;
    }
}

@media all and (min-width: 1200px) {
/* Margins */
/* Padding */
.ma-lg-auto {
    margin: auto auto !important;
    }
.my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
.mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    }
.mt-lg-auto {
    margin-top: auto !important;
    }
.mr-lg-auto {
    margin-right: auto !important;
    }
.mb-lg-auto {
    margin-bottom: auto !important;
    }
.ml-lg-auto {
    margin-left: auto !important;
    }
.ma-lg-0 {
    margin: 0 0 !important;
    }
.my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
.mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
.mt-lg-0 {
    margin-top: 0 !important;
    }
.mr-lg-0 {
    margin-right: 0 !important;
    }
.mb-lg-0 {
    margin-bottom: 0 !important;
    }
.ml-lg-0 {
    margin-left: 0 !important;
    }
.ma-lg-1 {
    margin: .25rem .25rem !important;
    }
.my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    }
.mx-lg-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
    }
.mt-lg-1 {
    margin-top: .25rem !important;
    }
.mr-lg-1 {
    margin-right: .25rem !important;
    }
.mb-lg-1 {
    margin-bottom: .25rem !important;
    }
.ml-lg-1 {
    margin-left: .25rem !important;
    }
.ma-lg-2 {
    margin: .5rem .5rem !important;
    }
.my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    }
.mx-lg-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    }
.mt-lg-2 {
    margin-top: .5rem !important;
    }
.mr-lg-2 {
    margin-right: .5rem !important;
    }
.mb-lg-2 {
    margin-bottom: .5rem !important;
    }
.ml-lg-2 {
    margin-left: .5rem !important;
    }
.ma-lg-3 {
    margin: 1rem 1rem !important;
    }
.my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    }
.mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    }
.mt-lg-3 {
    margin-top: 1rem !important;
    }
.mr-lg-3 {
    margin-right: 1rem !important;
    }
.mb-lg-3 {
    margin-bottom: 1rem !important;
    }
.ml-lg-3 {
    margin-left: 1rem !important;
    }
.ma-lg-4 {
    margin: 1.5rem 1.5rem !important;
    }
.my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    }
.mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    }
.mt-lg-4 {
    margin-top: 1.5rem !important;
    }
.mr-lg-4 {
    margin-right: 1.5rem !important;
    }
.mb-lg-4 {
    margin-bottom: 1.5rem !important;
    }
.ml-lg-4 {
    margin-left: 1.5rem !important;
    }
.ma-lg-5 {
    margin: 3rem 3rem !important;
    }
.my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    }
.mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    }
.mt-lg-5 {
    margin-top: 3rem !important;
    }
.mr-lg-5 {
    margin-right: 3rem !important;
    }
.mb-lg-5 {
    margin-bottom: 3rem !important;
    }
.ml-lg-5 {
    margin-left: 3rem !important;
    }
.pa-lg-0 {
    padding: 0 0 !important;
    }
.py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
.px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.pt-lg-0 {
    padding-top: 0 !important;
    }
.pr-lg-0 {
    padding-right: 0 !important;
    }
.pb-lg-0 {
    padding-bottom: 0 !important;
    }
.pl-lg-0 {
    padding-left: 0 !important;
    }
.pa-lg-1 {
    padding: .25rem .25rem !important;
    }
.py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    }
.px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    }
.pt-lg-1 {
    padding-top: .25rem !important;
    }
.pr-lg-1 {
    padding-right: .25rem !important;
    }
.pb-lg-1 {
    padding-bottom: .25rem !important;
    }
.pl-lg-1 {
    padding-left: .25rem !important;
    }
.pa-lg-2 {
    padding: .5rem .5rem !important;
    }
.py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    }
.px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    }
.pt-lg-2 {
    padding-top: .5rem !important;
    }
.pr-lg-2 {
    padding-right: .5rem !important;
    }
.pb-lg-2 {
    padding-bottom: .5rem !important;
    }
.pl-lg-2 {
    padding-left: .5rem !important;
    }
.pa-lg-3 {
    padding: 1rem 1rem !important;
    }
.py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
.px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
.pt-lg-3 {
    padding-top: 1rem !important;
    }
.pr-lg-3 {
    padding-right: 1rem !important;
    }
.pb-lg-3 {
    padding-bottom: 1rem !important;
    }
.pl-lg-3 {
    padding-left: 1rem !important;
    }
.pa-lg-4 {
    padding: 1.5rem 1.5rem !important;
    }
.py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
.px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
.pt-lg-4 {
    padding-top: 1.5rem !important;
    }
.pr-lg-4 {
    padding-right: 1.5rem !important;
    }
.pb-lg-4 {
    padding-bottom: 1.5rem !important;
    }
.pl-lg-4 {
    padding-left: 1.5rem !important;
    }
.pa-lg-5 {
    padding: 3rem 3rem !important;
    }
.py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
.px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    }
.pt-lg-5 {
    padding-top: 3rem !important;
    }
.pr-lg-5 {
    padding-right: 3rem !important;
    }
.pb-lg-5 {
    padding-bottom: 3rem !important;
    }
.pl-lg-5 {
    padding-left: 3rem !important;
    }
}

@media all and (min-width: 1600px) {
/* Margins */
/* Padding */
.ma-xl-auto {
    margin: auto auto !important;
    }
.my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
    }
.mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
    }
.mt-xl-auto {
    margin-top: auto !important;
    }
.mr-xl-auto {
    margin-right: auto !important;
    }
.mb-xl-auto {
    margin-bottom: auto !important;
    }
.ml-xl-auto {
    margin-left: auto !important;
    }
.ma-xl-0 {
    margin: 0 0 !important;
    }
.my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    }
.mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }
.mt-xl-0 {
    margin-top: 0 !important;
    }
.mr-xl-0 {
    margin-right: 0 !important;
    }
.mb-xl-0 {
    margin-bottom: 0 !important;
    }
.ml-xl-0 {
    margin-left: 0 !important;
    }
.ma-xl-1 {
    margin: .25rem .25rem !important;
    }
.my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    }
.mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
    }
.mt-xl-1 {
    margin-top: .25rem !important;
    }
.mr-xl-1 {
    margin-right: .25rem !important;
    }
.mb-xl-1 {
    margin-bottom: .25rem !important;
    }
.ml-xl-1 {
    margin-left: .25rem !important;
    }
.ma-xl-2 {
    margin: .5rem .5rem !important;
    }
.my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    }
.mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    }
.mt-xl-2 {
    margin-top: .5rem !important;
    }
.mr-xl-2 {
    margin-right: .5rem !important;
    }
.mb-xl-2 {
    margin-bottom: .5rem !important;
    }
.ml-xl-2 {
    margin-left: .5rem !important;
    }
.ma-xl-3 {
    margin: 1rem 1rem !important;
    }
.my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    }
.mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
    }
.mt-xl-3 {
    margin-top: 1rem !important;
    }
.mr-xl-3 {
    margin-right: 1rem !important;
    }
.mb-xl-3 {
    margin-bottom: 1rem !important;
    }
.ml-xl-3 {
    margin-left: 1rem !important;
    }
.ma-xl-4 {
    margin: 1.5rem 1.5rem !important;
    }
.my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    }
.mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    }
.mt-xl-4 {
    margin-top: 1.5rem !important;
    }
.mr-xl-4 {
    margin-right: 1.5rem !important;
    }
.mb-xl-4 {
    margin-bottom: 1.5rem !important;
    }
.ml-xl-4 {
    margin-left: 1.5rem !important;
    }
.ma-xl-5 {
    margin: 3rem 3rem !important;
    }
.my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    }
.mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
    }
.mt-xl-5 {
    margin-top: 3rem !important;
    }
.mr-xl-5 {
    margin-right: 3rem !important;
    }
.mb-xl-5 {
    margin-bottom: 3rem !important;
    }
.ml-xl-5 {
    margin-left: 3rem !important;
    }
.pa-xl-0 {
    padding: 0 0 !important;
    }
.py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
.px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
.pt-xl-0 {
    padding-top: 0 !important;
    }
.pr-xl-0 {
    padding-right: 0 !important;
    }
.pb-xl-0 {
    padding-bottom: 0 !important;
    }
.pl-xl-0 {
    padding-left: 0 !important;
    }
.pa-xl-1 {
    padding: .25rem .25rem !important;
    }
.py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    }
.px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    }
.pt-xl-1 {
    padding-top: .25rem !important;
    }
.pr-xl-1 {
    padding-right: .25rem !important;
    }
.pb-xl-1 {
    padding-bottom: .25rem !important;
    }
.pl-xl-1 {
    padding-left: .25rem !important;
    }
.pa-xl-2 {
    padding: .5rem .5rem !important;
    }
.py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    }
.px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    }
.pt-xl-2 {
    padding-top: .5rem !important;
    }
.pr-xl-2 {
    padding-right: .5rem !important;
    }
.pb-xl-2 {
    padding-bottom: .5rem !important;
    }
.pl-xl-2 {
    padding-left: .5rem !important;
    }
.pa-xl-3 {
    padding: 1rem 1rem !important;
    }
.py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    }
.px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    }
.pt-xl-3 {
    padding-top: 1rem !important;
    }
.pr-xl-3 {
    padding-right: 1rem !important;
    }
.pb-xl-3 {
    padding-bottom: 1rem !important;
    }
.pl-xl-3 {
    padding-left: 1rem !important;
    }
.pa-xl-4 {
    padding: 1.5rem 1.5rem !important;
    }
.py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    }
.px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
.pt-xl-4 {
    padding-top: 1.5rem !important;
    }
.pr-xl-4 {
    padding-right: 1.5rem !important;
    }
.pb-xl-4 {
    padding-bottom: 1.5rem !important;
    }
.pl-xl-4 {
    padding-left: 1.5rem !important;
    }
.pa-xl-5 {
    padding: 3rem 3rem !important;
    }
.py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    }
.px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    }
.pt-xl-5 {
    padding-top: 3rem !important;
    }
.pr-xl-5 {
    padding-right: 3rem !important;
    }
.pb-xl-5 {
    padding-bottom: 3rem !important;
    }
.pl-xl-5 {
    padding-left: 3rem !important;
    }
}

/*
    # Text Styles
    Including headings, subtitles, eyebrows and paragraphs
    
    Sections:
    
    - Defaults
    - Paragraphs
    - Eyebrows
    - Headings (<h1> to <h6>)
    - Subtitles
    - Text Alignment
    - Force nowrap (text-nowrap)
    - Truncate text with ellipsis (text-truncate)
    - Readability
 */
/* 
    @section Defaults 
    Definition of default font family, size, weight and line-height
    should be responsive for all elements within the page.
*/
html,
body,
input,
textarea {
    color: var(--text-color);
    font-family: var(--text-font-family);
    font-size: var(--text-font-size-min);
    font-style: var(--text-font-style);
    font-weight: var(--text-font-weight);
    line-height: var(--text-line-height);
    }
@media screen and (min-width: 600px) {
html,
body,
input,
textarea {
    font-size: var(--text-font-size-mid);
    }
}

@media screen and (min-width: 1600px) {
html,
body,
input,
textarea {
    font-size: var(--text-font-size-max);
    }
}

/**
 * @section Paragraphs
 */
p {
    margin-top: 0;
    }
p.wrap-balance {
    text-wrap: balance;
    }

/*
 * @section Eyebrows
 * Eyebrows should be short strings that typically appear above headings.
 */
.eyebrow {
    color: var(--eyebrow-color);
    font-family: var(--eyebrow-font-family);
    font-size: var(--eyebrow-font-size-min);
    font-style: var(--eyebrow-font-style);
    font-weight: var(--eyebrow-font-weight);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 0;
    }
.eyebrow + h1,
.eyebrow + .heading-1,
.eyebrow + h2,
.eyebrow + .heading-2,
.eyebrow + h3,
.eyebrow + .heading-3,
.eyebrow + h4,
.eyebrow + .heading-4,
.eyebrow + h5,
.eyebrow + .heading-5,
.eyebrow + h6,
.eyebrow + .heading-6 {
    margin-top: .1em;
    }
@media screen and (min-width: 600px) {
.eyebrow {
    font-size: var(--eyebrow-font-size-mid);
    }
}

@media screen and (min-width: 1600px) {
.eyebrow {
    font-size: var(--eyebrow-font-size-max);
    }
}

* + .eyebrow {
    margin-top: 2.5rem;
    }

/* 
   @section Headings (<h1> to <h6>)
   
   1. By default we'll add a bottom margin...
   2. unless they have adjacent elements.
   
   Note: we use 'rem' units because they give 
   a more consistent look versus 'em'
*/
h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
    color: var(--heading-color);
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    font-style: var(--heading-font-style);
    margin: 0 0 .25em;
    line-height: 1.4em;
    }
* + h1,
* + .heading-1,
* + h2,
* + .heading-2,
* + h3,
* + .heading-3,
* + h4,
* + .heading-4,
* + h5,
* + .heading-5,
* + h6,
* + .heading-6 {
    margin-top: 2rem;
    }
h1,
.heading-1 {
    font-size: var(--heading-1-min);
    }
h2,
.heading-2 {
    font-size: var(--heading-2-min);
    }
h3,
.heading-3 {
    font-size: var(--heading-3-min);
    }
h4,
.heading-4 {
    font-size: var(--heading-4-min);
    }
h5,
.heading-5 {
    font-size: var(--heading-5-min);
    }
h6,
.heading-6 {
    font-size: var(--heading-6-min);
    }
@media screen and (min-width: 600px) {
h1,
.heading-1 {
    font-size: var(--heading-1-mid);
    }
h2,
.heading-2 {
    font-size: var(--heading-2-mid);
    }
h3,
.heading-3 {
    font-size: var(--heading-3-mid);
    }
h4,
.heading-4 {
    font-size: var(--heading-4-mid);
    }
h5,
.heading-5 {
    font-size: var(--heading-5-mid);
    }
h6,
.heading-6 {
    font-size: var(--heading-6-mid);
    }
}

@media screen and (min-width: 1600px) {
h1,
.heading-1 {
    font-size: var(--heading-1-max);
    }
h2,
.heading-2 {
    font-size: var(--heading-2-max);
    }
h3,
.heading-3 {
    font-size: var(--heading-3-max);
    }
h4,
.heading-4 {
    font-size: var(--heading-4-max);
    }
h5,
.heading-5 {
    font-size: var(--heading-5-max);
    }
h6,
.heading-6 {
    font-size: var(--heading-6-max);
    }
}

h1.clamp-1 {
    font-size: clamp(1.375rem,3.67vw,2.5rem);
    }
h1.clamp-2 {
    font-size: clamp(1.375rem,3.05vw,2.5rem);
    }
h1.clamp-3 {
    font-size: clamp(1.375rem,2.5vw,2.5rem);
    }
h1.clamp-4 {
    font-size: clamp(1.375rem,calc(1.375rem + (2.5 - 1.375) * ((100vw - 600px) / 62.5)),2.5rem);
    }

/*
    v = (100 * (y2 - y1)) / (x2 - x1)
    r = ((x1 * y2) - (x2 * y1)) / (x1 - x2)
    
    x1 = small viewport (px) = 600px
    x2 = large viewport (px) = 1600px
    y1 = small font (px) = 1.375 * 16 = 22px
    y2 = large font (px) = 2.5 * 16 = 40px
    
    v = (100 * (40 - 22)) / (1600 - 600) = 1800 / 1000 = 1.8vw
    r = ((600 * 40) - (1600 * 22)) / (600 - 1600) = (24000 - 35200) / -1000 = -11200 / -1000 = 11.2px = 0.7rem
*/
h1.clamp-5 {
    font-size: clamp(1.375rem,calc(1.8vw + .7rem),2.5rem);
    }
h1.wrap-balance,
h2.wrap-balance,
h3.wrap-balance,
h4.wrap-balance,
h5.wrap-balance,
h6.wrap-balance {
    text-wrap: balance;
    }

/**
 * @section Subtitles
 */
.subtitle {
    color: var(--subtitle-color);
    font-family: var(--subtitle-font-family);
    font-weight: var(--subtitle-font-weight);
    font-size: var(--subtitle-font-size-min);
    font-style: var(--subtitle-font-style);
    line-height: var(--subtitle-line-height);
    }
@media screen and (min-width: 600px) {
.subtitle {
    font-size: var(--subtitle-font-size-mid);
    }
}

@media screen and (min-width: 1600px) {
.subtitle {
    font-size: var(--subtitle-font-size-max);
    }
}

/**
 * @section Text Alignment, wrapping and truncation
 * 1. General text alignment (text-{alignment})
 * 2. Alignment overrides for various device sizes (text-{breakpoint}-{alignment})
 */
/* 1 */
.text-center {
    text-align: center !important;
    }
.text-justify {
    text-align: justify !important;
    }
.text-left {
    text-align: left !important;
    }
.text-right {
    text-align: right !important;
    }

/* 2 */
@media all and (min-width: 0px) {
.text-xs-center {
    text-align: center !important;
    }
.text-xs-left {
    text-align: left !important;
    }
.text-xs-right {
    text-align: right !important;
    }
}

@media all and (min-width: 600px) {
.text-sm-center {
    text-align: center !important;
    }
.text-sm-left {
    text-align: left !important;
    }
.text-sm-right {
    text-align: right !important;
    }
}

@media all and (min-width: 960px) {
.text-md-center {
    text-align: center !important;
    }
.text-md-left {
    text-align: left !important;
    }
.text-md-right {
    text-align: right !important;
    }
}

@media all and (min-width: 1200px) {
.text-lg-center {
    text-align: center !important;
    }
.text-lg-left {
    text-align: left !important;
    }
.text-lg-right {
    text-align: right !important;
    }
}

@media all and (min-width: 1600px) {
.text-xl-center {
    text-align: center !important;
    }
.text-xl-left {
    text-align: left !important;
    }
.text-xl-right {
    text-align: right !important;
    }
}

/**
 * @section Force nowrap (text-nowrap)
 */
.text-nowrap {
    white-space: nowrap !important;
    }

/**
 * @section Truncate text with ellipsis (text-truncate)
 */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    }

/**
 * @section Readability
 */
.text-readable {
    max-width: 50rem;
    }
.text-readable.centered {
    margin: 0 auto;
    }

/**
 * @section Text transformations
 * 1. lowercase text
 * 2. uppercase text
 * 3. capitalize text
 */
/* 1 */
.text-lowercase {
    text-transform: lowercase;
    }

/* 2 */
.text-uppercase {
    text-transform: uppercase;
    }

/* 3 */
.text-capitalize {
    text-transform: capitalize;
    }

/**
 *  @section Sizes
 *  We add additional large and small font-size modifiers.
 */
.text-large {
    font-size: 1.125em !important;
    }
.text-medium {
    font-size: 1em !important;
    }
small,
.text-small {
    font-size: .875em !important;
    }

/**
 *  @section SKU
 *  SKU should be used as a modifier to .eyebrow
 */
.sku,
.highlight {
    color: var(--link-color);
    }

/**
    @section Paragraph styles
 */
p.info,
p.important,
p.warning,
p.evAlert,
div.info,
div.important,
div.warning,
div.evAlert {
    display: block;
    border-left: 4px solid #1B79E6;
    border-radius: 4px;
    padding: 20px 20px 20px 48px;
    background: var(--info-background);
    color: var(--info-color);
    position: relative;
    }
p.info:after,
p.important:after,
p.warning:after,
p.evAlert:after,
div.info:after,
div.important:after,
div.warning:after,
div.evAlert:after {
    font-family: 'icons' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e913";
    font-size: 24px;
    color: #1B79E6;
    position: absolute;
    left: 12px;
    top: 12px;
    }
p.important,
p.evAlert,
div.important,
div.evAlert {
    background: var(--important-background);
    color: var(--important-color);
    border-color: #E6951B;
    }
p.important:after,
p.evAlert:after,
div.important:after,
div.evAlert:after {
    content: "\e932";
    color: #E6951B;
    }
p.warning,
div.warning {
    background: var(--warning-background);
    color: var(--warning-color);
    border-color: #DD355E;
    }
p.warning:after,
div.warning:after {
    content: "\e90d";
    color: #DD355E;
    }

/**
    @section Code styling
*/
code,
p.code {
    font-family: var(--mono-font-family);
    font-weight: var(--mono-font-weight);
    font-style: var(--mono-font-style);
    background: var(--code-background);
    padding: 1rem;
    border-radius: 4px;
    border-left: 4px solid var(--code-border);
    color: var(--code-color);
    }
b.lozenge-green,
b.lozenge-blue {
    text-transform: uppercase;
    color: #fff;
    font-size: 75%;
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 3px;
    line-height: 1.5;
    letter-spacing: .1em;
    }
b.lozenge-green {
    background: var(--lozenge-green);
    }
b.lozenge-blue {
    background: var(--lozenge-blue);
    }

/*
    # Links
    
    Sections:
    - Defaults
    - More Links
    - Continue links
    - More Buttons
    - Link Animations
    - Icon Links
*/
/**
 * @section Defaults
 */
a {
    background: -webkit-linear-gradient(to right,var(--link-color),var(--link-color));
    background: linear-gradient(to right,var(--link-color),var(--link-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 .125em;
    color: var(--link-color);
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-size 400ms ease-in-out;
    transition: background-size 400ms ease-in-out;
    }
a:hover,
a:focus {
    background-size: 100% .125em;
    }
a.no-decoration {
    text-decoration: none;
    background: none !important;
    }

/**
 *  @section More Links
 */
a.more,
a.back {
    position: relative;
    margin-left: 2em;
    z-index: 0;
    }
a.more:before,
a.back:before {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--button-background);
    border-radius: 50%;
    content: "\e933";
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-family: icons;
    font-size: 1.5em;
    height: 1em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .4em 0 -1.33333em;
    text-indent: .1em;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 1em;
    vertical-align: top;
    line-height: 1;
    }
.mini-banner.is-promo a.more:before,
.mini-banner.is-promo a.back:before {
    background: var(--link-color);
    color: #fff;
    }
a.more:after,
a.back:after {
    content: '';
    position: absolute;
    background: var(--link-color);
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    left: -2em;
    z-index: -1;
    opacity: 0;
    }
a.more:hover:before,
a.more:focus:before,
a.back:hover:before,
a.back:focus:before {
    background: var(--link-color);
    color: #fff;
    }
a.more:hover:after,
a.more:focus:after,
a.back:hover:after,
a.back:focus:after {
    -webkit-animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    }

/*
    @section Back link
    Continues from more link
*/
a.back:before {
    content: "\e90c";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    }

/**
    @section Continue link
 */
a.continue {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    cursor: pointer;
    padding-right: .5rem;
    }
a.continue:after {
    content: "\e90c";
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-family: icons;
    font-size: 24px;
    height: 24px;
    line-height: inherit;
    -webkit-transition: .25s transform ease-in-out;
    transition: .25s transform ease-in-out;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    }
a.continue:hover:after,
a.continue:focus:after {
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
    }

/**
 * @section More Buttons
 */
a.more-button,
button.more-button,
span.more-button {
    text-transform: uppercase;
    font-size: var(--eyebrow-font-size-max);
    font-family: var(--eyebrow-font-family);
    font-weight: var(--eyebrow-font-weight);
    letter-spacing: .1em;
    padding: .714em 1.788em .714em 0;
    border: 0;
    border-bottom: 2px solid var(--link-color);
    background: none;
    position: relative;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-transition: .25s transform ease-in-out,.25s color ease-in-out;
    transition: .25s transform ease-in-out,.25s color ease-in-out;
    cursor: pointer;
    color: var(--link-color);
    line-height: var(--text-line-height);
    margin-right: 2.375rem;
    }
a.more-button:before,
button.more-button:before,
span.more-button:before {
    content: '';
    width: 7px;
    height: 34px;
    position: absolute;
    bottom: -2px;
    background: var(--link-color);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    right: -1px;
    -webkit-transition: .25s width ease-in-out,.25s box-shadow ease-in-out;
    transition: .25s width ease-in-out,.25s box-shadow ease-in-out;
    }
a.more-button:after,
button.more-button:after,
span.more-button:after {
    content: "\e90c";
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-family: icons;
    font-size: 24px;
    height: 24px;
    line-height: 1;
    position: absolute;
    right: -6px;
    top: calc(50% - 12px);
    -webkit-transition: .25s transform ease-in-out,.25s color ease-in-out;
    transition: .25s transform ease-in-out,.25s color ease-in-out;
    }
a.more-button:hover,
a.more-button:focus,
button.more-button:hover,
button.more-button:focus {
    -webkit-transform: translateY(-.125rem);
    -ms-transform: translateY(-.125rem);
    transform: translateY(-.125rem);
    color: var(--link-color);
    }
a.more-button:hover:before,
a.more-button:focus:before,
button.more-button:hover:before,
button.more-button:focus:before {
    width: 30px;
    -webkit-box-shadow: -8px 2px 0 -2px rgba(27,121,230,.5);
    box-shadow: -8px 2px 0 -2px rgba(27,121,230,.5);
    }
a.more-button:hover:after,
a.more-button:focus:after,
button.more-button:hover:after,
button.more-button:focus:after {
    color: #fff;
    -webkit-transform: translate(10px,5px);
    -ms-transform: translate(10px,5px);
    transform: translate(10px,5px);
    }

/**
 * @section Link Animations
 */
@-webkit-keyframes more-link-pulse {
0% {
    opacity: 1;
    }
80%,
100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    }
}

@keyframes more-link-pulse {
0% {
    opacity: 1;
    }
80%,
100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    }
}

/**
 * @section Icon Links
 */
a.is-icon,
button.is-icon {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 2.25em;
    height: 2.25em;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    background: none !important;
    text-decoration: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    }
a.is-icon:before,
button.is-icon:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--link-color);
    z-index: -1;
    border-radius: 50%;
    opacity: 0;
    }
a.is-icon:hover:before,
a.is-icon:focus:before,
button.is-icon:hover:before,
button.is-icon:focus:before {
    -webkit-animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    animation: more-link-pulse 1.25s cubic-bezier(.215,.61,.355,1) infinite;
    }

/**
    # Buttons
    
    Sections:
    - Defaults
    - Action & Proceed Buttons
    - Angled Buttons
    - Icon animations
 */
/**
  * @section Defaults
  */
.evButton,
.button,
.action-button {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none !important;
    border: 0;
    border-radius: 3px;
    color: var(--link-color);
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-family: var(--eyebrow-font-family);
    font-size: var(--eyebrow-font-size-min);
    font-style: var(--eyebrow-font-style);
    font-weight: var(--eyebrow-font-weight);
    height: 3em;
    letter-spacing: .1em;
    line-height: 1.5;
    outline: 0;
    padding: 0 1.5em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 0;
    -webkit-transition: .25s filter ease-in-out,.25s transform ease-in-out;
    transition: .25s filter ease-in-out,.25s transform ease-in-out;
    }
.evButton:before,
.button:before,
.action-button:before {
    border-radius: 3px;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--button-background);
    content: '';
    }
.evButton:hover,
.evButton:focus,
.button:hover,
.button:focus,
.action-button:hover,
.action-button:focus {
    -webkit-filter: drop-shadow(0 3px 2px rgba(0,0,0,.25)) drop-shadow(0 0 10px rgba(27,121,230,.35));
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.25)) drop-shadow(0 0 10px rgba(27,121,230,.35));
    -webkit-transform: translateY(-.125rem);
    -ms-transform: translateY(-.125rem);
    transform: translateY(-.125rem);
    }
.evButton .icon,
.button .icon,
.action-button .icon {
    color: inherit !important;
    }
.evButton span + span,
.button span + span,
.action-button span + span {
    margin-left: .5em;
    }
@media screen and (min-width: 600px) {
.evButton,
.button,
.action-button {
    font-size: var(--eyebrow-font-size-mid);
    }
}

@media screen and (min-width: 1600px) {
.evButton,
.button,
.action-button {
    font-size: var(--eyebrow-font-size-max);
    }
}

/**
 * @section Action & Proceed Buttons
 */
.evButtonAction,
.evButtonProceed,
.action-button {
    color: #fff;
    }
.evButtonAction:before,
.evButtonProceed:before,
.action-button:before {
    background: var(--link-color);
    }
.evButtonAction .icon,
.evButtonAction [class^="icon-"],
.evButtonAction [class*=" icon-"],
.evButtonProceed .icon,
.evButtonProceed [class^="icon-"],
.evButtonProceed [class*=" icon-"],
.action-button .icon,
.action-button [class^="icon-"],
.action-button [class*=" icon-"] {
    color: #fff;
    vertical-align: middle;
    }

/**
 * @section Angled Buttons
 */
.evButton.is-angled-left {
    border-radius: 0 3px 3px 0;
    padding-left: 3em;
    }
.evButton.is-angled-left:before {
    -webkit-clip-path: var(--clip-angle-left);
    clip-path: var(--clip-angle-left);
    }
.evButton.is-angled-right {
    border-radius: 3px 0 0 3px;
    padding-right: 3em;
    }
.evButton.is-angled-right:before {
    -webkit-clip-path: var(--clip-angle-right);
    clip-path: var(--clip-angle-right);
    }
.evButton.is-angled-right + .evButton.is-angled-left {
    margin-left: -2em;
    }

/**
 * @section Icon animations
 */
.evButton .icon-continue {
    -webkit-transition: .25s transform ease-in-out;
    transition: .25s transform ease-in-out;
    }
.evButton .label + .icon-cancel {
    margin: 0 -8px 0 2px;
    }
.evButton:hover .icon-continue,
.evButton:focus .icon-continue {
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
    }

/**
 *  @section is-loading modifier
 */
.evButton.is-loading {
    pointer-events: none;
    }
.evButton.is-loading > * {
    opacity: 0;
    }
.evButton.is-loading:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-animation: loading-spinner 1s infinite ease-in-out;
    animation: loading-spinner 1s infinite ease-in-out;
    margin-top: -9px;
    margin-left: -9px;
    }

/**
 *  evButton classes
 */
.evButton.is-large {
    height: 56px;
    }
.evButton.is-round {
    aspect-ratio: 1;
    padding: 0 !important;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    }
.evButton.is-round:before {
    border-radius: 50%;
    }
.evButton.is-round [class^="icon-"],
.evButton.is-round [class*=" icon-"] {
    color: inherit;
    }
.evButton.is-round.is-active {
    color: var(--main-background);
    }
.evButton.is-round.is-active:before {
    background: var(--link-color);
    }
.evButton.is-nav .icon {
    line-height: 1;
    }
.evButton.is-fullwidth,
.evButton.grow {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }
.evButton.is-fullwidth {
    width: 100%;
    }
.evButton:disabled {
    pointer-events: none;
    opacity: .4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
    }

/*
    @section Rounded button
*/
.evButton.is-rounded:before {
    border-radius: 24px;
    }

/*
    @section Active button
*/
.evButton.is-active {
    color: var(--main-background);
    }
.evButton.is-active:before {
    background: var(--link-color);
    }

/*
    @section Option Button
    This is mainly used for geolocation and locale option/selections.
*/
a.option-button {
    background: none;
    padding: 8px 12px;
    margin: -8px -12px;
    border-radius: 3px;
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    border: 1px solid transparent;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
a.option-button:hover,
a.option-button:focus {
    background: rgba(192,205,241,.15);
    border: 1px solid rgba(192,205,241,.25);
    }

/**
    Text field

    - <ev:textfield>
    - <ev:textarea>

 */
/**
    @section <ev:textfield>

    <div class="evTextfield">
        <input type="text" class="ev-textfield-native" />
    </div>
 */
.evTextField {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--field-background);
    border: 2px solid var(--field-border);
    border-radius: .1875rem;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 .625em;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 100%;
    -webkit-transition: border-bottom-color .25s ease-in-out;
    transition: border-bottom-color .25s ease-in-out;
    }
.evTextField > * {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 1;
    }
.evTextField .evTextFieldIcon .icon {
    margin-right: 5px;
    color: inherit;
    -webkit-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    }
.evTextField > .evTextFieldInput {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }
.evTextField > .evTextFieldInput input {
    background: transparent;
    border: 0;
    height: 2.375em;
    line-height: 1;
    outline: 0;
    width: 100%;
    padding: 0;
    }
.evTextField.focus {
    border-bottom-color: var(--field-border-focus);
    }
.evTextField.focus .evTextFieldIcon .icon {
    color: var(--icon-color);
    }
.evTextField.is-large {
    height: 56px;
    }
.evTextField.error {
    border-color: #FA8991;
    }
.evTextField.is-angled-right {
    position: relative;
    }
.evTextField.is-angled-right:after {
    content: '';
    background: #f00;
    top: -2px;
    right: -2px;
    width: 3rem;
    height: calc(100% + 4px);
    position: absolute;
    z-index: 0;
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: skewX(-28deg);
    -ms-transform: skewX(-28deg);
    transform: skewX(-28deg);
    border-radius: .1875rem;
    background-color: var(--field-background);
    border: 2px solid var(--field-border);
    border-left: 0;
    -webkit-transition: border-bottom-color .25s ease-in-out;
    transition: border-bottom-color .25s ease-in-out;
    }
.evTextField.is-angled-right.focus:after {
    border-bottom-color: var(--field-border-focus);
    }

/**
    @section <ev:textarea>
*/
/*
    evTextArea
	----------
	CSS for:
	* UI Object Evml TextArea
	* <ev:textarea></ev:textarea>
*/
.evTextArea {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    background-color: var(--field-background);
    border: 2px solid var(--field-border);
    border-radius: .1875rem;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
.evTextArea.focus {
    border-bottom-color: var(--field-border-focus);
    }
.evTextArea textarea {
    margin: 0;
    overflow-y: scroll;
    border: 0;
    padding: .625em;
    outline: none;
    line-height: 20px;
    background: transparent;
    width: 100%;
    resize: vertical;
    }
.evTextArea.error {
    border-color: #FA8991;
    }
.evTextArea .footer {
    opacity: .8;
    border-top: 1px solid var(--field-border);
    width: 100%;
    margin: 0;
    }
.evTextArea .footer .cell {
    padding: 8px;
    display: table-cell;
    }
.evTextArea .counter .remaining {
    font-weight: bold;
    }
.evTextArea .highlight .remaining {
    color: #f00;
    }
.evTextArea .autosubmit {
    text-align: right;
    }

/*
    Forms
    
    Sections:
    - evSelect
    - evCheckbox
    - evRadio
    - evSwitch
*/
/*
    @section evSelect
*/
select.evSelect {
    padding: 0;
    margin: 0;
    height: 42px;
    overflow: hidden;
    border: 0;
    width: 100%;
    outline: none;
    cursor: pointer;
    position: relative;
    }
.evSelectButton {
    display: inline-block;
    overflow: visible;
    vertical-align: middle;
    position: relative;
    width: 100%;
    }
.evSelectButton > .evButton {
    display: none;
    margin-bottom: -42px;
    position: relative;
    text-transform: none;
    letter-spacing: 0;
    background-color: var(--main-background);
    border: 2px solid var(--field-border);
    color: inherit;
    font-size: 1rem;
    padding: 0 .625em;
    font-weight: normal;
    height: 2.625rem;
    }
.evSelectButton > .evButton .label {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }
.evSelectButton > .evButton:before {
    display: none;
    }
.evSelectButton > .evButton:hover,
.evSelectButton > .evButton.hover,
.evSelectButton > .evButton:focus,
.evSelectButton > .evButton.focus {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-bottom-color: var(--field-border-focus) !important;
    }
.evSelectButtonJs > .evButton {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    }
.evSelectButtonJs > select {
    opacity: 0;
    }
.evSelectButtonJs > select option {
    background-color: var(--alternate-background);
    color: var(--text-color);
    }

/*
    @section evCheckbox
    Note: evCheckbox and evRadio share common
    styling. We include the common styling here.
*/
a.evRadio,
a.evCheckbox {
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    border: 2px solid var(--field-border);
    font-family: 'ev2';
    speak: none;
    outline: none;
    background: none;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: transparent;
    }
a.evRadio:after,
a.evCheckbox:after {
    content: "\e0ef";
    }
a.evRadio.hover,
a.evRadio:hover,
a.evRadio.checked,
a.evCheckbox.hover,
a.evCheckbox:hover,
a.evCheckbox.checked {
    border-color: var(--field-border-focus);
    }
a.evRadio.hover,
a.evRadio:hover,
a.evCheckbox.hover,
a.evCheckbox:hover {
    color: var(--field-border-focus);
    }
a.evRadio.checked,
a.evCheckbox.checked {
    background-color: var(--field-border-focus);
    color: var(--main-background);
    }
a.evCheckbox {
    border-radius: 3px;
    }

/*
    @section evRadio
    Note: evCheckbox and evRadio share common
    styling. See evCheckbox for more.
*/
a.evRadio {
    border-radius: 50%;
    }

/*
    @section evSwitch
*/
a.evSwitch {
    white-space: nowrap;
    display: inline-block;
    border: 2px solid var(--field-border);
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background: none;
    background-color: var(--field-border);
    height: 34px;
    width: 64px;
    text-decoration: none;
    font-family: 'ev2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: relative;
    color: var(--main-background);
    overflow: hidden;
    border-radius: 17px;
    outline: none;
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    }
a.evSwitch .inner {
    background: var(--main-background);
    display: block;
    height: 28px;
    width: 28px;
    border-radius: 14px;
    white-space: nowrap;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-transition: left .25s ease-in-out;
    transition: left .25s ease-in-out;
    }
a.evSwitch .inner:before,
a.evSwitch .inner:after {
    position: absolute;
    height: 28px;
    line-height: 1;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    top: 0;
    width: 28px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    }
a.evSwitch .inner:before {
    content: "\e0ef";
    left: -28px;
    }
a.evSwitch .inner:after {
    content: "\e0f0";
    right: -28px;
    }
a.evSwitch.hover,
a.evSwitch.checked {
    border-color: var(--field-border-focus);
    }
a.evSwitch.checked {
    background-color: var(--field-border-focus);
    }
a.evSwitch.checked .inner {
    left: 31px;
    }
.ev-errors {
    color: #e82230;
    }
.ev-errors-field-message:last-child {
    margin-bottom: 0;
    }
input[type="checkbox"] + label,
.evSwitch + .iconLabel {
    margin-left: .5rem;
    }
.ev-form-ajax .evButtonAction {
    padding: 2em;
    width: 100%;
    }
.ev-form-ajax .evButtonAction .label {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.ev-form-ajax .evButtonAction .label:after {
    content: "\e90c";
    font-family: icons;
    font-size: 24px;
    -webkit-transition: .25s transform ease-in-out;
    transition: .25s transform ease-in-out;
    will-change: transform;
    }
.ev-form-ajax .evButtonAction:hover .label:after,
.ev-form-ajax .evButtonAction:focus .label:after {
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
    }

.evBubble {
    -webkit-filter: drop-shadow(0 3px 2px rgba(0,0,0,.15)) drop-shadow(0 0 10px rgba(0,0,0,.15));
    filter: drop-shadow(0 3px 2px rgba(0,0,0,.15)) drop-shadow(0 0 10px rgba(0,0,0,.15));
    }
.evBubbleBody {
    background: var(--alternate-background);
    border-radius: 3px;
    padding: 2rem;
    }
.evBubbleBody p:last-child {
    margin-bottom: 0;
    }
.evBubble > .triangleWrapper {
    position: absolute;
    left: 50px;
    top: -10px;
    width: 16px;
    height: 10px;
    overflow: hidden;
    }
.evBubble > .evBubbleBody {
    overflow: auto;
    }
.triangleWrapper > .triangle {
    width: 10px;
    height: 10px;
    background: var(--alternate-background);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    top: 5px;
    left: 3px;
    }
.triangleWrapper.topLeft,
.triangleWrapper.bottomLeft {
    left: 50px;
    }
.triangleWrapper.topRight,
.triangleWrapper.bottomRight {
    left: auto;
    right: 50px;
    }
.triangleWrapper.topCenter,
.triangleWrapper.bottomCenter {
    left: 50%;
    margin-left: -8px;
    }
.triangleWrapper.bottomLeft,
.triangleWrapper.bottomRight,
.triangleWrapper.bottomCenter {
    top: auto;
    bottom: -10px;
    }
.triangleWrapper.bottomLeft > .triangle,
.triangleWrapper.bottomRight > .triangle,
.triangleWrapper.bottomCenter > .triangle {
    top: -5px;
    }
.triangleWrapper.leftTop,
.triangleWrapper.leftBottom,
.triangleWrapper.leftCenter {
    left: -10px;
    height: 16px;
    width: 10px;
    }
.triangleWrapper.leftTop > .triangle,
.triangleWrapper.leftBottom > .triangle,
.triangleWrapper.leftCenter > .triangle {
    top: 3px;
    left: 4px;
    }
.triangleWrapper.leftTop,
.triangleWrapper.rightTop {
    top: 24px;
    }
.triangleWrapper.leftBottom,
.triangleWrapper.rightBottom {
    top: auto;
    bottom: 24px;
    }
.triangleWrapper.leftCenter,
.triangleWrapper.rightCenter {
    top: 50%;
    margin-top: -8px;
    }
.triangleWrapper.rightTop,
.triangleWrapper.rightBottom,
.triangleWrapper.rightCenter {
    left: auto;
    right: -10px;
    height: 16px;
    width: 10px;
    }
.triangleWrapper.rightTop > .triangle,
.triangleWrapper.rightBottom > .triangle,
.triangleWrapper.rightCenter > .triangle {
    top: 3px;
    left: -6px;
    }

/**
    # Lists
    
    Sections:
    - <ul> Defaults
    - <ul> Navigation
    - <ul> Menu
    - <ul> Locales
    - Aside Menu
    - <ul> Subsections
 */
/**
 * @section <ul> Defaults
 */
ul {
    padding: 0;
    margin: 1em 0;
    }
ul li {
    list-style: none;
    padding-left: 2em;
    position: relative;
    margin: .5rem 0;
    }
ul li:before {
    font-family: icons;
    content: "\e90e";
    font-size: 1.5em;
    line-height: 1;
    color: var(--link-color);
    position: absolute;
    top: 0;
    left: .125em;
    }
ol {
    margin: 1em 0;
    }
ol li {
    margin: .5rem 0;
    }

/**
 *  @section Navigation
 *  No styling, just a list of links
 */
ul.navigation {
    list-style: none;
    }
ul.navigation li {
    padding: 0;
    }
ul.navigation li:before {
    content: none;
    }
ul.navigation li + li {
    margin-top: .5rem;
    }

/**
 *  @section Menu
 *  Styled links
 */
ul.menu {
    list-style: none;
    }
ul.menu li {
    padding: 0;
    margin: 0;
    }
ul.menu li:before {
    content: none;
    }
ul.menu li a {
    background: none;
    color: inherit;
    border-radius: 5px;
    padding: .5em 2rem .5em .5em;
    display: block;
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    }
ul.menu li a:before {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-family: icons;
    content: "\e90c";
    font-size: 24px;
    position: absolute;
    right: .25rem;
    top: 50%;
    margin-top: -12px;
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    opacity: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: translateX(-.5rem);
    -ms-transform: translateX(-.5rem);
    transform: translateX(-.5rem);
    line-height: 1;
    }
ul.menu li a:hover,
ul.menu li a:focus {
    color: var(--link-color);
    background: var(--button-background);
    }
ul.menu li a:hover:before,
ul.menu li a:focus:before {
    opacity: .75;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
ul.menu li.is-selected a {
    background: var(--link-color);
    color: #fff !important;
    }
ul.menu li.is-selected a:before {
    opacity: .75;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }

/**
 *  @section Locales
 */
ul.locales {
    margin: -2rem;
    padding: .5rem;
    }
ul.locales li a {
    position: relative;
    padding: 8px 2rem 8px 42px !important;
    line-height: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
ul.locales li a .description {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    }
ul.locales li a .country {
    font-weight: 700;
    display: block;
    color: var(--heading-color);
    font-size: .9em;
    }
ul.locales li a .currency {
    opacity: .75;
    -webkit-transform: translateX(1.5em);
    -ms-transform: translateX(1.5em);
    transform: translateX(1.5em);
    -webkit-transition: .25s all ease-in-out;
    transition: .25s all ease-in-out;
    }
ul.locales li a .language,
ul.locales li a .currency {
    font-size: .8em;
    }
ul.locales li a .flag {
    position: absolute;
    left: 8px;
    top: 14px;
    }
ul.locales li a:hover .country,
ul.locales li a:focus .country {
    color: inherit;
    }
ul.locales li a:hover .currency,
ul.locales li a:focus .currency {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }
ul.evMenu.is-horizontal {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 1px .5rem;
    }
ul.evMenu.is-horizontal li {
    margin: 0 .5rem;
    padding: 0;
    }
ul.evMenu.is-horizontal li:before {
    content: none;
    }
li.plus:before {
    content: "\e91b";
    }

/**
    @section Aside Menu
*/
.aside--menu ul.evMenu ul {
    display: none;
    margin: 0;
    padding: .5em 0;
    }
.aside--menu ul.evMenu li {
    position: relative;
    }
.aside--menu ul.evMenu li a {
    color: inherit;
    }
.aside--menu ul.evMenu li.active > a {
    color: var(--link-color);
    }
.aside--menu ul.evMenu li.active > ul {
    display: block;
    }
.aside--menu ul.evMenu > li {
    list-style: none;
    padding: 1.5rem 0;
    margin: 0;
    border-top: 1px solid var(--body-border);
    }
.aside--menu ul.evMenu > li:before {
    content: none;
    }
.aside--menu ul.evMenu > li > a .evMenuLinkTitle {
    color: var(--heading-color);
    font-size: var(--heading-4-min);
    font-weight: var(--heading-font-weight);
    }
.aside--menu ul.evMenu > li.active > a .evMenuLinkTitle {
    color: var(--link-color);
    }
.aside--menu .expand-toggle {
    outline: none;
    border: 0;
    background: transparent;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: -5px;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: currentColor;
    }
.aside--menu .expand-toggle .icon-more {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: inherit;
    }
.aside--menu .expand-toggle.is-open .icon-more {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    }
.aside--menu .expand-toggle:focus,
.aside--menu .expand-toggle:hover {
    background: var(--alternate-background);
    }
.aside--menu ul.evMenu > li > .expand-toggle {
    top: 18px;
    }

/**
    @section <ul> Subsections
*/
ul.subsections {
    padding: 0;
    margin: 0;
    }
ul.subsections li {
    padding: 0;
    margin: 0;
    }
ul.subsections li:before {
    content: none;
    }
ul.subsections li a {
    color: inherit;
    background: none;
    display: block;
    background: var(--alternate-background);
    padding: 2rem 6rem 2rem 2rem;
    position: relative;
    border-radius: 4px;
    }
ul.subsections li a .heading-1,
ul.subsections li a .heading-2,
ul.subsections li a .heading-3,
ul.subsections li a .heading-4,
ul.subsections li a .heading-5,
ul.subsections li a .heading-6 {
    color: var(--link-color);
    }
ul.subsections li a:after {
    content: "\e934";
    font-family: "icons";
    position: absolute;
    right: 2rem;
    top: 50%;
    width: 46px;
    height: 46px;
    background: var(--main-background);
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    margin-top: -23px;
    color: var(--link-color);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    }
ul.subsections li a:hover:after,
ul.subsections li a:focus:after {
    background: var(--link-color);
    color: #fff;
    }
ul.subsections li + li {
    margin-top: 10px;
    }
ul.theme-menu li a {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
ul.theme-menu li a .label {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding-left: 1em;
    }
ul.theme-menu li.is-selected .icon-theme {
    position: relative;
    color: #fff;
    }
ul.theme-menu li.is-selected .icon-theme:before {
    z-index: 1;
    }
ul.theme-menu li.is-selected .icon-theme:after {
    content: '';
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--link-color);
    border-radius: 50%;
    color: #fff;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 0;
    }

/* Product Support etc. */
ul.list-line-above-item li {
    border-top: 1px solid #E3E5E8;
    padding-top: .75rem;
    padding-bottom: .25rem;
    padding-left: 2.5rem;
    }
ul.list-line-above-item li:before {
    padding-top: .75rem;
    }

/*
    # Editor
    
    A list of all styles made available the CMS editor.
*/
.evEditable a.continue,
.evEditable a.more,
.evEditable a.back,
.evEditable a.button,
.evEditable a.action-button,
.evEditable a.more-button,
.evEditable a.link-card,
.evEditable p.eyebrow,
.evEditable p.subtitle,
.evEditable p.code,
.evEditable p.quotation,
.evEditable b.lozenge-green,
.evEditable b.lozenge-blue {
    zoom: normal;
    }
.evEditable h1.heading-1,
.evEditable h1.heading-2,
.evEditable h1.heading-3,
.evEditable h1.heading-4,
.evEditable h1.heading-5,
.evEditable h1.heading-6,
.evEditable h2.heading-1,
.evEditable h2.heading-2,
.evEditable h2.heading-3,
.evEditable h2.heading-4,
.evEditable h2.heading-5,
.evEditable h2.heading-6,
.evEditable h3.heading-1,
.evEditable h3.heading-2,
.evEditable h3.heading-3,
.evEditable h3.heading-4,
.evEditable h3.heading-5,
.evEditable h3.heading-6,
.evEditable h4.heading-1,
.evEditable h4.heading-2,
.evEditable h4.heading-3,
.evEditable h4.heading-4,
.evEditable h4.heading-5,
.evEditable h4.heading-6,
.evEditable h5.heading-1,
.evEditable h5.heading-2,
.evEditable h5.heading-3,
.evEditable h5.heading-4,
.evEditable h5.heading-5,
.evEditable h5.heading-6,
.evEditable h6.heading-1,
.evEditable h6.heading-2,
.evEditable h6.heading-3,
.evEditable h6.heading-4,
.evEditable h6.heading-5,
.evEditable h6.heading-6,
.evEditable p.heading-1,
.evEditable p.heading-2,
.evEditable p.heading-3,
.evEditable p.heading-4,
.evEditable p.heading-5,
.evEditable p.heading-6,
.evEditable b.heading-1,
.evEditable b.heading-2,
.evEditable b.heading-3,
.evEditable b.heading-4,
.evEditable b.heading-5,
.evEditable b.heading-6,
.evEditable strong.heading-1,
.evEditable strong.heading-2,
.evEditable strong.heading-3,
.evEditable strong.heading-4,
.evEditable strong.heading-5,
.evEditable strong.heading-6 {
    zoom: normal;
    }
.evEditable h1.wrap-balance,
.evEditable h2.wrap-balance,
.evEditable h3.wrap-balance,
.evEditable h4.wrap-balance,
.evEditable h5.wrap-balance,
.evEditable h6.wrap-balance,
.evEditable p.wrap-balance {
    zoom: normal;
    }
.evEditable p.info,
.evEditable p.important,
.evEditable p.warning {
    zoom: normal;
    }
.evEditable li.icon-partners,
.evEditable li.icon-support,
.evEditable li.icon-screwdriver,
.evEditable li.icon-resources,
.evEditable li.icon-info,
.evEditable li.icon-quality,
.evEditable li.icon-previous,
.evEditable li.icon-next,
.evEditable li.icon-more,
.evEditable li.icon-3d,
.evEditable li.icon-altitude,
.evEditable li.icon-angular-rotation,
.evEditable li.icon-azexis,
.evEditable li.icon-battery,
.evEditable li.icon-bug,
.evEditable li.icon-call,
.evEditable li.icon-cart,
.evEditable li.icon-continue,
.evEditable li.icon-danger,
.evEditable li.icon-dislike,
.evEditable li.icon-dot,
.evEditable li.icon-email,
.evEditable li.icon-evance,
.evEditable li.icon-fullscreen,
.evEditable li.icon-like,
.evEditable li.icon-minus,
.evEditable li.icon-movement,
.evEditable li.icon-path,
.evEditable li.icon-plus,
.evEditable li.icon-pressure,
.evEditable li.icon-satellite,
.evEditable li.icon-search,
.evEditable li.icon-semiconductor,
.evEditable li.icon-semiconductor-wafer,
.evEditable li.icon-settings,
.evEditable li.icon-simulation,
.evEditable li.icon-strain,
.evEditable li.icon-success,
.evEditable li.icon-switching,
.evEditable li.icon-thermocouple,
.evEditable li.icon-thermometer,
.evEditable li.icon-toc,
.evEditable li.icon-user,
.evEditable li.icon-video-play,
.evEditable li.icon-warning,
.evEditable li.plus {
    zoom: normal;
    }
.evEditable ul.menu,
.evEditable ul.subsections,
.evEditable ul.expanding-list {
    zoom: normal;
    }
.evEditable img.avatar {
    zoom: normal;
    }
.evEditable table.standard,
.evEditable tr.highlight-yellow,
.evEditable tr.highlight-green,
.evEditable tr.highlight-blue,
.evEditable tr.highlight-orange {
    zoom: normal;
    }

.flag {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
    }
.flag:before {
    content: "\00a0";
    }
.flag + .country {
    margin-left: .5em;
    }
.flag.ad {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ad.svg?v=1741701014);
    }
.flag.ae {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ae.svg?v=1741701014);
    }
.flag.af {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/af.svg?v=1741701014);
    }
.flag.ag {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ag.svg?v=1741701014);
    }
.flag.ai {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ai.svg?v=1741701014);
    }
.flag.al {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/al.svg?v=1741701014);
    }
.flag.am {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/am.svg?v=1741701014);
    }
.flag.ao {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ao.svg?v=1741701014);
    }
.flag.aq {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/aq.svg?v=1741701014);
    }
.flag.ar {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ar.svg?v=1741701014);
    }
.flag.as {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/as.svg?v=1741701014);
    }
.flag.at {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/at.svg?v=1741701014);
    }
.flag.au {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/au.svg?v=1741701015);
    }
.flag.aw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/aw.svg?v=1741701015);
    }
.flag.ax {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ax.svg?v=1741701015);
    }
.flag.az {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/az.svg?v=1741701015);
    }
.flag.ba {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ba.svg?v=1741701015);
    }
.flag.bb {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bb.svg?v=1741701015);
    }
.flag.bd {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bd.svg?v=1741701015);
    }
.flag.be {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/be.svg?v=1741701015);
    }
.flag.bf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bf.svg?v=1741701015);
    }
.flag.bg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bg.svg?v=1741701015);
    }
.flag.bh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bh.svg?v=1741701015);
    }
.flag.bi {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bi.svg?v=1741701015);
    }
.flag.bj {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bj.svg?v=1741701015);
    }
.flag.bl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bl.svg?v=1741701015);
    }
.flag.bm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bm.svg?v=1741701015);
    }
.flag.bn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bn.svg?v=1741701015);
    }
.flag.bo {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bo.svg?v=1741701015);
    }
.flag.bq {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bq.svg?v=1741701015);
    }
.flag.br {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/br.svg?v=1741701015);
    }
.flag.bs {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bs.svg?v=1741701015);
    }
.flag.bt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bt.svg?v=1741701015);
    }
.flag.bv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bv.svg?v=1741701015);
    }
.flag.bw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bw.svg?v=1741701015);
    }
.flag.by {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/by.svg?v=1741701015);
    }
.flag.bz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/bz.svg?v=1741701015);
    }
.flag.ca {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ca.svg?v=1741701015);
    }
.flag.cc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cc.svg?v=1741701015);
    }
.flag.cd {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cd.svg?v=1741701015);
    }
.flag.cf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cf.svg?v=1741701015);
    }
.flag.cg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cg.svg?v=1741701015);
    }
.flag.ch {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ch.svg?v=1741701015);
    }
.flag.ci {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ci.svg?v=1741701015);
    }
.flag.ck {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ck.svg?v=1741701015);
    }
.flag.cl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cl.svg?v=1741701015);
    }
.flag.cm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cm.svg?v=1741701015);
    }
.flag.cn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cn.svg?v=1741701015);
    }
.flag.co {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/co.svg?v=1741701015);
    }
.flag.cr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cr.svg?v=1741701015);
    }
.flag.cu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cu.svg?v=1741701015);
    }
.flag.cv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cv.svg?v=1741701015);
    }
.flag.cw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cw.svg?v=1741701015);
    }
.flag.cx {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cx.svg?v=1741701015);
    }
.flag.cy {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cy.svg?v=1741701015);
    }
.flag.cy2 {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cy2.svg?v=1741701015);
    }
.flag.cz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/cz.svg?v=1741701015);
    }
.flag.de {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/de.svg?v=1741701015);
    }
.flag.dj {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/dj.svg?v=1741701015);
    }
.flag.dk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/dk.svg?v=1741701015);
    }
.flag.dm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/dm.svg?v=1741701015);
    }
.flag.do {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/do.svg?v=1741701014);
    }
.flag.dz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/dz.svg?v=1741701014);
    }
.flag.ec {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ec.svg?v=1741701014);
    }
.flag.ee {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ee.svg?v=1741701014);
    }
.flag.eg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/eg.svg?v=1741701014);
    }
.flag.eh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/eh.svg?v=1741701014);
    }
.flag.er {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/er.svg?v=1741701014);
    }
.flag.es {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/es.svg?v=1741701014);
    }
.flag.et {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/et.svg?v=1741701015);
    }
.flag.fi {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fi.svg?v=1741701015);
    }
.flag.fj {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fj.svg?v=1741701015);
    }
.flag.fk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fk.svg?v=1741701015);
    }
.flag.fm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fm.svg?v=1741701015);
    }
.flag.fo {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fo.svg?v=1741701015);
    }
.flag.fr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/fr.svg?v=1741701015);
    }
.flag.ga {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ga.svg?v=1741701015);
    }
.flag.gb {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gb.svg?v=1741701015);
    }
.flag.gd {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gd.svg?v=1741701015);
    }
.flag.ge {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ge.svg?v=1741701014);
    }
.flag.gf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gf.svg?v=1741701014);
    }
.flag.gg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gg.svg?v=1741701014);
    }
.flag.gh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gh.svg?v=1741701014);
    }
.flag.gi {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gi.svg?v=1741701015);
    }
.flag.gl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gl.svg?v=1741701015);
    }
.flag.gm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gm.svg?v=1741701015);
    }
.flag.gn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gn.svg?v=1741701015);
    }
.flag.gp {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gp.svg?v=1741701015);
    }
.flag.gq {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gq.svg?v=1741701015);
    }
.flag.gr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gr.svg?v=1741701015);
    }
.flag.gs {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gs.svg?v=1741701015);
    }
.flag.gt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gt.svg?v=1741701015);
    }
.flag.gu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gu.svg?v=1741701015);
    }
.flag.gw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gw.svg?v=1741701015);
    }
.flag.gy {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/gy.svg?v=1741701015);
    }
.flag.hk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/hk.svg?v=1741701015);
    }
.flag.hm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/hm.svg?v=1741701015);
    }
.flag.hn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/hn.svg?v=1741701015);
    }
.flag.hr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/hr.svg?v=1741701015);
    }
.flag.ht {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ht.svg?v=1741701015);
    }
.flag.hu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/hu.svg?v=1741701015);
    }
.flag.id {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/id.svg?v=1741701015);
    }
.flag.ie {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ie.svg?v=1741701015);
    }
.flag.il {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/il.svg?v=1741701015);
    }
.flag.im {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/im.svg?v=1741701015);
    }
.flag.in {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/in.svg?v=1741701015);
    }
.flag.io {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/io.svg?v=1741701015);
    }
.flag.iq {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/iq.svg?v=1741701015);
    }
.flag.ir {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ir.svg?v=1741701015);
    }
.flag.is {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/is.svg?v=1741701015);
    }
.flag.it {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/it.svg?v=1741701015);
    }
.flag.je {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/je.svg?v=1741701015);
    }
.flag.jm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/jm.svg?v=1741701015);
    }
.flag.jo {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/jo.svg?v=1741701015);
    }
.flag.jp {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/jp.svg?v=1741701015);
    }
.flag.ke {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ke.svg?v=1741701015);
    }
.flag.kg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kg.svg?v=1741701015);
    }
.flag.kh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kh.svg?v=1741701015);
    }
.flag.ki {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ki.svg?v=1741701015);
    }
.flag.km {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/km.svg?v=1741701015);
    }
.flag.kn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kn.svg?v=1741701015);
    }
.flag.kp {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kp.svg?v=1741701015);
    }
.flag.kr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kr.svg?v=1741701015);
    }
.flag.kw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kw.svg?v=1741701015);
    }
.flag.ky {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ky.svg?v=1741701015);
    }
.flag.kz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/kz.svg?v=1741701015);
    }
.flag.la {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/la.svg?v=1741701015);
    }
.flag.lb {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lb.svg?v=1741701015);
    }
.flag.lc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lc.svg?v=1741701015);
    }
.flag.li {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/li.svg?v=1741701015);
    }
.flag.lk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lk.svg?v=1741701015);
    }
.flag.lr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lr.svg?v=1741701015);
    }
.flag.ls {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ls.svg?v=1741701015);
    }
.flag.lt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lt.svg?v=1741701015);
    }
.flag.lu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lu.svg?v=1741701015);
    }
.flag.lv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/lv.svg?v=1741701015);
    }
.flag.ly {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ly.svg?v=1741701015);
    }
.flag.ma {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ma.svg?v=1741701015);
    }
.flag.mc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mc.svg?v=1741701015);
    }
.flag.md {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/md.svg?v=1741701015);
    }
.flag.me {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/me.svg?v=1741701015);
    }
.flag.mf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mf.svg?v=1741701015);
    }
.flag.mg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mg.svg?v=1741701015);
    }
.flag.mh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mh.svg?v=1741701015);
    }
.flag.mk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mk.svg?v=1741701015);
    }
.flag.ml {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ml.svg?v=1741701015);
    }
.flag.mm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mm.svg?v=1741701015);
    }
.flag.mn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mn.svg?v=1741701015);
    }
.flag.mo {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mo.svg?v=1741701015);
    }
.flag.mp {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mp.svg?v=1741701015);
    }
.flag.mq {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mq.svg?v=1741701015);
    }
.flag.mr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mr.svg?v=1741701015);
    }
.flag.ms {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ms.svg?v=1741701015);
    }
.flag.mt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mt.svg?v=1741701015);
    }
.flag.mu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mu.svg?v=1741701015);
    }
.flag.mv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mv.svg?v=1741701015);
    }
.flag.mw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mw.svg?v=1741701015);
    }
.flag.mx {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mx.svg?v=1741701015);
    }
.flag.my {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/my.svg?v=1741701015);
    }
.flag.mz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/mz.svg?v=1741701015);
    }
.flag.na {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/na.svg?v=1741701015);
    }
.flag.nc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nc.svg?v=1741701015);
    }
.flag.ne {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ne.svg?v=1741701015);
    }
.flag.nf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nf.svg?v=1741701015);
    }
.flag.ng {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ng.svg?v=1741701015);
    }
.flag.ni {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ni.svg?v=1741701015);
    }
.flag.nl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nl.svg?v=1741701015);
    }
.flag.no {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/no.svg?v=1741701015);
    }
.flag.np {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/np.svg?v=1741701015);
    }
.flag.nr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nr.svg?v=1741701015);
    }
.flag.nu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nu.svg?v=1741701015);
    }
.flag.nz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/nz.svg?v=1741701016);
    }
.flag.om {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/om.svg?v=1741701016);
    }
.flag.pa {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pa.svg?v=1741701016);
    }
.flag.pe {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pe.svg?v=1741701016);
    }
.flag.pf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pf.svg?v=1741701016);
    }
.flag.pg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pg.svg?v=1741701016);
    }
.flag.ph {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ph.svg?v=1741701016);
    }
.flag.pk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pk.svg?v=1741701016);
    }
.flag.pl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pl.svg?v=1741701016);
    }
.flag.pm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pm.svg?v=1741701016);
    }
.flag.pn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pn.svg?v=1741701016);
    }
.flag.pr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pr.svg?v=1741701016);
    }
.flag.ps {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ps.svg?v=1741701016);
    }
.flag.pt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pt.svg?v=1741701016);
    }
.flag.pw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/pw.svg?v=1741701016);
    }
.flag.py {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/py.svg?v=1741701016);
    }
.flag.qa {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/qa.svg?v=1741701016);
    }
.flag.re {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/re.svg?v=1741701016);
    }
.flag.ro {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ro.svg?v=1741701016);
    }
.flag.rs {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/rs.svg?v=1741701016);
    }
.flag.ru {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ru.svg?v=1741701016);
    }
.flag.rw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/rw.svg?v=1741701016);
    }
.flag.sa {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sa.svg?v=1741701016);
    }
.flag.sb {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sb.svg?v=1741701016);
    }
.flag.sc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sc.svg?v=1741701016);
    }
.flag.sd {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sd.svg?v=1741701016);
    }
.flag.se {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/se.svg?v=1741701016);
    }
.flag.sg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sg.svg?v=1741701016);
    }
.flag.sh {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sh.svg?v=1741701016);
    }
.flag.si {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/si.svg?v=1741701016);
    }
.flag.sj {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sj.svg?v=1741701016);
    }
.flag.sk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sk.svg?v=1741701016);
    }
.flag.sl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sl.svg?v=1741701016);
    }
.flag.sm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sm.svg?v=1741701016);
    }
.flag.sn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sn.svg?v=1741701016);
    }
.flag.so {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/so.svg?v=1741701016);
    }
.flag.sr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sr.svg?v=1741701016);
    }
.flag.ss {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ss.svg?v=1741701016);
    }
.flag.st {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/st.svg?v=1741701016);
    }
.flag.sv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sv.svg?v=1741701016);
    }
.flag.sx {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sx.svg?v=1741701016);
    }
.flag.sy {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sy.svg?v=1741701016);
    }
.flag.sz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/sz.svg?v=1741701016);
    }
.flag.tc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tc.svg?v=1741701016);
    }
.flag.td {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/td.svg?v=1741701016);
    }
.flag.tf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tf.svg?v=1741701016);
    }
.flag.tg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tg.svg?v=1741701016);
    }
.flag.th {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/th.svg?v=1741701016);
    }
.flag.tj {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tj.svg?v=1741701016);
    }
.flag.tk {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tk.svg?v=1741701016);
    }
.flag.tl {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tl.svg?v=1741701016);
    }
.flag.tm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tm.svg?v=1741701016);
    }
.flag.tn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tn.svg?v=1741701016);
    }
.flag.to {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/to.svg?v=1741701016);
    }
.flag.tr {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tr.svg?v=1741701016);
    }
.flag.tt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tt.svg?v=1741701016);
    }
.flag.tv {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tv.svg?v=1741701016);
    }
.flag.tw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tw.svg?v=1741701016);
    }
.flag.tz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/tz.svg?v=1741701016);
    }
.flag.ua {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ua.svg?v=1741701016);
    }
.flag.ug {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ug.svg?v=1741701016);
    }
.flag.um {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/um.svg?v=1741701016);
    }
.flag.us {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/us.svg?v=1741701016);
    }
.flag.uy {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/uy.svg?v=1741701016);
    }
.flag.uz {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/uz.svg?v=1741701016);
    }
.flag.va {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/va.svg?v=1741701016);
    }
.flag.vc {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/vc.svg?v=1741701016);
    }
.flag.ve {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ve.svg?v=1741701016);
    }
.flag.vg {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/vg.svg?v=1741701016);
    }
.flag.vi {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/vi.svg?v=1741701016);
    }
.flag.vn {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/vn.svg?v=1741701016);
    }
.flag.vu {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/vu.svg?v=1741701016);
    }
.flag.wf {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/wf.svg?v=1741701016);
    }
.flag.ws {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ws.svg?v=1741701016);
    }
.flag.ye {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/ye.svg?v=1741701016);
    }
.flag.yt {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/yt.svg?v=1741701016);
    }
.flag.za {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/za.svg?v=1741701016);
    }
.flag.zm {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/zm.svg?v=1741701016);
    }
.flag.zw {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/css/../images/flags/zw.svg?v=1741701016);
    }

.image-container,
.aspect-square {
    position: relative;
    }
.image-container img,
.aspect-square img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    }
.image-container .image,
.aspect-square .image {
    height: 0;
    overflow: hidden;
    padding-bottom: 75%;
    background: #E7EBF1;
    position: relative;
    }
.category-card-image,
.product-card-image {
    margin: 0 auto;
    margin-bottom: 1rem;
    }
.category-card-image img,
.product-card-image img {
    object-fit: contain;
    }
.product-card-image {
    max-width: 240px;
    }
.video-container video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    }
img.shape-round {
    border-radius: 999px;
    }

/*
    Breadcrumbs
*/
ul.evBreadcrumbs {
    font-size: var(--eyebrow-font-size-max);
    }
ul.evBreadcrumbs li {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    }
ul.evBreadcrumbs li:before {
    content: none;
    }
ul.evBreadcrumbs li a {
    color: var(--eyebrow-color);
    }
ul.evBreadcrumbs li.separator {
    padding-left: 5px;
    padding-right: 5px;
    color: var(--eyebrow-color);
    }

/**
 * Owl Carousel v2.1.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    }
.owl-carousel .owl-stage {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -ms-touch-action: pan-Y;
    }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: none;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    }
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
    }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.owl-carousel.owl-loaded {
    display: block;
    }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
    }
.owl-carousel.owl-hidden {
    opacity: 0;
    }
.owl-carousel.owl-refresh .owl-item {
    display: none;
    }
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    }
.owl-carousel.owl-rtl {
    direction: rtl;
    }
.owl-carousel.owl-rtl .owl-item {
    float: right;
    }

/* No Js */
.no-js .owl-carousel {
    display: block;
    }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    }
.owl-carousel .owl-animated-in {
    z-index: 0;
    }
.owl-carousel .owl-animated-out {
    z-index: 1;
    }
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    }
@-webkit-keyframes fadeOut {
0% {
    opacity: 1;
    }
100% {
    opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
0% {
    opacity: 1;
    }
100% {
    opacity: 0;
    }
}

@keyframes fadeOut {
0% {
    opacity: 1;
    }
100% {
    opacity: 0;
    }
}

/*
 *     Owl Carousel - Auto Height Plugin
 */
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
    }

/*
 *     Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    }
.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
    }
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(/portal/web/256/theme/pickering-2025-03-11/common/plugin/owl.carousel/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -webkit-transition: transform 100ms ease;
    transition: transform 100ms ease;
    }
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
    }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
    }
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    }
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    }

.ev-password-strength {
    display: block;
    }
.ev-password-strength--indicator {
    background: #eee;
    width: 100%;
    margin: 1rem 0 .5rem 0;
    }
.ev-password-strength--bar {
    display: block;
    height: 10px;
    background: rgb(253,80,91);
    -webkit-transition: width .25s ease-in,background .25s ease-in;
    transition: width .25s ease-in,background .25s ease-in;
    border-radius: 3px;
    }
.strength-0 .ev-password-strength--bar {
    width: 20%;
    }
.strength-1 .ev-password-strength--bar {
    width: 40%;
    }
.strength-2 .ev-password-strength--bar {
    width: 60%;
    }
.strength-3 .ev-password-strength--bar {
    width: 80%;
    background: rgb(53,161,109);
    }
.strength-4 .ev-password-strength--bar {
    width: 100%;
    background: rgb(53,161,109);
    }

/*
 * Ensure the banner video poster appears
 * the same size as the video itself
 */
.big-banner .video-control .video-play.hidden {
    display: none;
    }
.big-banner .video-control .video-pause.hidden {
    display: none;
    }
.big-banner video[poster] {
    object-fit: fill;
    }
.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 100;
    align-items: center;
    justify-content: center;
    }
.modal-video.hidden {
    display: none;
    }
.modal-video .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    z-index: 999;
    }
.model-video--content {
    max-width: 90%;
    max-height: 100dvh;
    display: flex;
    aspect-ratio: 16/9;
    }
.model-video--content video {
    position: relative;
    box-shadow: var(--shadow-default);
    }
.modal-video-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--background-primary);
    opacity: .8;
    z-index: 99;
    }
.modal-video-backdrop.hidden {
    display: none;
    }
body.no-scroll {
    height: 100%;
    overflow-y: hidden;
    }
#product-selector .mini-banner {
    min-height: 250px;
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/backgrounds/product-selector-bg.png?v=1741701014);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center,center;
    }
#product-selector .mini-banner .mini-banner--content {
    width: 100%;
    }
html.is-modal body > header,
html.is-modal body > main {
    z-index: 1;
    }
html.is-modal #ot-sdk-btn-floating.ot-floating-button {
    z-index: 0;
    }

/* Added pods 2024-08-07 */
.microwave-link,
.connectivity-link {
    background: var(--alternate-background);
    }
.microwave-link .image-container,
.connectivity-link .image-container {
    position: relative;
    padding-top: 100%;
    }
.microwave-link .image-container img,
.connectivity-link .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    }
.microwave-link .card-content,
.connectivity-link .card-content {
    padding-left: 2rem;
    padding-right: 1rem;
    }
.microwave-link .card-content h3,
.connectivity-link .card-content h3 {
    margin-top: 1rem;
    }

/*
    Pic Slide Controls
    ---
    These are buttons for navigation of Pic Slideshow.
*/
.pic-slides-controls {
    text-align: right;
    margin: 2rem 0;
    }
.pic-slides-controls button {
    height: 3rem;
    outline: 0;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    }
.pic-slides-controls button span {
    height: 8px;
    width: 58px;
    background: var(--link-color);
    transform: skew(-45deg);
    margin: 5px;
    border: none;
    display: block;
    transition: all .25s ease-in-out;
    }
.pic-slides-controls button span:before,
.pic-slides-controls button span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
    transition: all .25s ease-in-out;
    }
.pic-slides-controls button span:before {
    top: 0;
    left: 0;
    }
.pic-slides-controls button span:after {
    bottom: 0;
    right: 0;
    }
.pic-slides-controls button.is-current span,
.pic-slides-controls button:hover span,
.pic-slides-controls button:focus span {
    background: var(--pic-slide-control);
    }
.pic-slides-controls button.is-current span:before,
.pic-slides-controls button.is-current span:after,
.pic-slides-controls button:hover span:before,
.pic-slides-controls button:hover span:after,
.pic-slides-controls button:focus span:before,
.pic-slides-controls button:focus span:after {
    width: 100%;
    background: var(--pic-slide-control);
    }
.pic-slides-controls button.is-current span {
    box-shadow: 0 0 20px 4px #27B1FF;
    }
.pic-slides-controls button.is-current span:before {
    transform: translateY(-4px);
    }
.pic-slides-controls button.is-current span:after {
    transform: translateY(4px);
    }
.pic-slides {
    position: relative;
    }
.pic-slides .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    }
.pic-slides .slide img {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    }
.pic-slides .slide.is-current,
.pic-slides .slide.is-entering,
.pic-slides .slide.is-exiting {
    display: block;
    }
.pic-slides .slide.is-current {
    z-index: 1;
    }
.pic-slides .slide.is-entering,
.pic-slides .slide.is-entering-left,
.pic-slides .slide.is-entering-right {
    z-index: 2;
    }
.pic-slides .slide.is-entering-left {
    animation: 1s slide-enter-left linear;
    }
.pic-slides .slide.is-entering-right {
    animation: 1s slide-enter-right linear;
    }
@keyframes slide-enter-right {
0% {
    clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
    }
25% {
    clip-path: polygon(75% 0,100% 0,100% 100%,100% 100%);
    }
50% {
    clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);
    }
75% {
    clip-path: polygon(25% 0,100% 0,100% 100%,0 100%);
    }
100% {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }
}

@keyframes slide-enter-left {
0% {
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
    }
25% {
    clip-path: polygon(0 0,25% 0,0 100%,0 100%);
    }
50% {
    clip-path: polygon(0 0,50% 0,50% 100%,0 100%);
    }
75% {
    clip-path: polygon(0 0,75% 0,100% 100%,0 100%);
    }
100% {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }
}

.pic-contents {
    padding-bottom: 4rem;
    }
.pic-contents .content {
    opacity: 0;
    height: 0;
    pointer-events: none;
    }
.pic-contents .content.is-current {
    animation: .75s content-enter ease-in-out 0s forwards;
    height: auto;
    pointer-events: auto;
    }
.pic-contents .content.is-current .evEditable > * {
    transform: translateY(3rem);
    animation: .5s slide-up ease-in-out 0s forwards;
    }
.pic-contents .content.is-current .evEditable > *:nth-child(2) {
    animation: .5s slide-up ease-in-out .1s forwards;
    }
.pic-contents .content.is-current .evEditable > *:nth-child(3) {
    animation: .5s slide-up ease-in-out .2s forwards;
    }
.pic-contents .content.is-current .evEditable > *:nth-child(4) {
    animation: .5s slide-up ease-in-out .3s forwards;
    }
.pic-contents .content.is-current .evEditable > *:nth-child(5) {
    animation: .5s slide-up ease-in-out .4s forwards;
    }
.pic-contents .content.is-exiting {
    opacity: 1;
    height: auto;
    animation: .75s content-exiting ease-in-out .25s forwards;
    }
@keyframes slide-up {
0% {
    transform: translateY(3rem);
    }
100% {
    transform: translateY(0);
    }
}

@keyframes content-enter {
0% {
    opacity: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    transform: translateY(20%);
    }
100% {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
    }
}

@keyframes content-exiting {
0% {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translateY(0);
    }
100% {
    opacity: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px);
    transform: translateY(-20%);
    }
}

header ul.evMenu li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    }
header ul.evMenu li.evMenuFlyout ul li a {
    background: none;
    border-radius: 3px;
    padding: .825em 1.75em .825em 1em;
    display: block;
    transition: .25s all ease-in-out;
    }
header ul.evMenu li.evMenuFlyout ul li a:hover,
header ul.evMenu li.evMenuFlyout ul li a:focus {
    color: var(--link-color);
    background: var(--button-background);
    }
header ul.evMenu li.evMenuFlyout ul li:not(.evMenuParent) > a:before {
    display: inline-flex;
    font-family: icons;
    content: "\e90c";
    font-size: 24px;
    position: absolute;
    right: .25rem;
    top: 50%;
    margin-top: -12px;
    transition: .25s all ease-in-out;
    opacity: 0;
    width: 24px;
    height: 24px;
    transform: translateX(-.5rem);
    line-height: 1;
    }
header ul.evMenu li.evMenuFlyout ul li:not(.evMenuParent) > a:hover:before,
header ul.evMenu li.evMenuFlyout ul li:not(.evMenuParent) > a:focus:before {
    opacity: .75;
    transform: translateX(0);
    }
header ul.evMenu li.evMenuFlyout ul li.evMenuParent > a:after {
    font-size: 1.5rem;
    content: "\e933";
    font-family: 'icons' !important;
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
    color: inherit;
    opacity: .5;
    }
header ul.evMenu li.evMenuFlyout ul li.evMenuParent > a:hover:after,
header ul.evMenu li.evMenuFlyout ul li.evMenuParent > a:focus:after {
    opacity: 1;
    color: var(--icon-color);
    }
header ul.evMenu li.evMenuFlyout ul li.evMenuParent:hover > ul,
header ul.evMenu li.evMenuFlyout ul li.evMenuParent:focus > ul,
header ul.evMenu li.evMenuFlyout ul li.evMenuParent.open > ul {
    animation: .25s submenu-open ease-in-out;
    }
header ul.evMenu ul {
    font-size: .9375rem;
    position: absolute;
    background: var(--main-background);
    padding: .5em;
    display: none;
    box-shadow: var(--shadow-default);
    margin: 0;
    border-radius: 3px;
    }
header ul.evMenu li.evMenuMegamenu {
    position: initial;
    }
header ul.evMenu li.evMenuMegamenu > ul {
    width: 100%;
    justify-content: center;
    padding: 2rem 0 2rem 0;
    }
header ul.evMenu li.evMenuMegamenu:hover > ul,
header ul.evMenu li.evMenuMegamenu:focus > ul,
header ul.evMenu li.evMenuMegamenu.open > ul {
    display: flex;
    }
header ul.evMenu li.evMenuColumn {
    float: none;
    padding: 0 1.5rem;
    }
header ul.evMenu li.evMenuColumn:not(.menuPreview) + li.evMenuColumn {
    border-left: 1px solid var(--body-border);
    }
header ul.evMenu li.evMenuColumn > ul,
header ul.evMenu li.evMenuColumn > ul > li > ul {
    display: block;
    margin: 0;
    padding: 0;
    background: none transparent;
    left: auto !important;
    top: auto !important;
    position: relative !important;
    box-shadow: none;
    }
header ul.evMenu li.evMenuColumn:hover > ul,
header ul.evMenu li.evMenuColumn:hover > ul > li > ul,
header ul.evMenu li.evMenuColumn:focus > ul,
header ul.evMenu li.evMenuColumn:focus > ul > li > ul,
header ul.evMenu li.evMenuColumn.open > ul,
header ul.evMenu li.evMenuColumn.open > ul > li > ul {
    animation: none !important;
    }
header ul.evMenu li.evMenuColumn > ul > li {
    padding-bottom: .5rem;
    }
header ul.evMenu li.evMenuColumn > ul > li > a {
    color: var(--heading-color);
    font-weight: bold;
    font-size: 1rem;
    }
header ul.evMenu li.evMenuColumn > ul > li > a:after {
    display: none;
    }
header ul.evMenu li.evMenuColumn > ul > li > ul > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    }
header ul.evMenu > li {
    display: flex;
    }
header ul.evMenu > li > ul {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    }
header ul.evMenu > li:hover > ul,
header ul.evMenu > li:focus > ul,
header ul.evMenu > li.open > ul {
    animation: .25s menu-open ease-in-out;
    }
header ul.evMenu > li.product-menu {
    position: initial;
    }
header ul.evMenu > li.product-menu > ul {
    width: 100%;
    justify-content: center;
    padding: 2rem 0 2rem 0;
    }
header ul.evMenu > li.product-menu > ul > li {
    width: 100%;
    max-width: 1600px;
    padding: 1.5rem;
    padding-bottom: 0;
    }
header ul.evMenu > li.product-menu > ul > li li {
    width: auto;
    }
header ul.evMenu > li.product-menu li.evMenuLevel_2 > ul {
    min-height: calc(70vh - var(--header-height));
    }
header ul.evMenu > li.product-menu li.evMenuLevel_3 {
    position: initial;
    max-width: 260px;
    }
header ul.evMenu > li.product-menu li.evMenuLevel_3 > ul {
    position: absolute !important;
    top: 0 !important;
    left: 260px !important;
    right: 0;
    display: none;
    bottom: 0;
    overflow: auto;
    justify-content: start;
    }
header ul.evMenu > li.product-menu li.evMenuLevel_3 > a .evMenuLinkTitle {
    background: linear-gradient(to right,var(--link-color),var(--link-color));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 .125em;
    transition: background-size 400ms ease-in-out;
    font-size: 18px;
    }
header ul.evMenu > li.product-menu li.evMenuLevel_3.active > a .evMenuLinkTitle {
    background-size: 100% .125em;
    }
header ul.evMenu > li.product-menu li.evMenuLevel_3.active > ul {
    display: flex;
    }
header ul.evMenu > li.product-menu:hover > ul,
header ul.evMenu > li.product-menu:focus > ul,
header ul.evMenu > li.product-menu.open > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    }
@keyframes submenu-open {
0% {
    transform: translateX(-.5rem);
    opacity: 0;
    }
80%,
100% {
    transform: translateX(0);
    opacity: 1;
    }
}

@keyframes menu-open {
0% {
    transform: translate(-50%,-.5rem);
    opacity: 0;
    }
80%,
100% {
    transform: translate(-50%,0);
    opacity: 1;
    }
}

header ul.evMenu li:hover > ul,
header ul.evMenu li.open > ul {
    display: block;
    position: absolute;
    }
header ul.evMenu > li li {
    min-width: 220px;
    color: var(--text-color);
    }
header ul.evMenu > li li a {
    padding: 1em;
    display: block;
    background: none;
    color: inherit;
    }
header ul.evMenu > li li.open > ul,
header ul.evMenu > li li:hover > ul {
    left: 98%;
    top: 2px;
    }

/*
    Mobile Menu
    ---
*/
.menu-mobile {
    overflow: hidden;
    margin-top: .5em;
    }
.menu-mobile ul.evMenu {
    margin: 0;
    padding: 0 1em;
    position: relative;
    transition: transform .25s ease-in-out;
    }
.menu-mobile ul.evMenu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: static;
    }
.menu-mobile ul.evMenu li a {
    background: none;
    border: 0;
    border-radius: 5px;
    color: inherit;
    display: block;
    padding: 1em;
    position: relative;
    }
.menu-mobile ul.evMenu li:before {
    content: none;
    }
.menu-mobile ul.evMenu li.evMenuParent > a {
    padding: 1em 2em 1em 1em;
    }
.menu-mobile ul.evMenu li.evMenuParent > a:after {
    content: "\e092";
    font-family: "ev2";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    right: .5em;
    top: calc(50% - 8px);
    speak: none;
    }
.menu-mobile ul.evMenu li.is-selected > ul {
    display: block;
    left: 100%;
    position: absolute;
    top: 0;
    }
.menu-mobile ul.evMenu ul {
    margin: 0;
    min-width: auto;
    padding: 0 1em;
    position: absolute;
    width: 100%;
    display: none;
    }
ul.evMenu li.menu-back {
    border-bottom: 1px solid var(--body-border);
    margin-bottom: 1em;
    }
ul.evMenu li.menu-back a {
    padding-left: 3em;
    color: var(--heading-color);
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    }
ul.evMenu li.menu-back a:before {
    content: "\e935";
    display: inline-flex;
    font-family: 'icons' !important;
    font-size: 1.5rem;
    font-style: normal;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    left: .5em;
    line-height: 1;
    position: absolute;
    speak: never;
    top: calc(50% - 12px);
    }

.image-container.partner-thumbnail {
    background: #FFF;
    top: 0;
    }
.image-container.partner-thumbnail img {
    border: 1px solid #E3E5E8;
    object-fit: contain;
    }
.main,
.aside {
    position: relative;
    top: 0;
    }
.resources-slide {
    padding-top: 1rem;
    }
@media all and (min-width: 600px) {
}

@media all and (min-width: 960px) {
.big-banner.partner-banner {
    height: 250px;
    min-height: 0;
    }
}

@media all and (min-width: 1200px) {
}

@media all and (min-width: 1600px) {
}

/*
 * evDialog
 * --------
 * used by <ev:dialog /> and respective JS Files
 * 
 */
.evDialog {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    padding: 40px 0;
    text-align: center;
    overflow: auto;
    }
.evDialogHelper {
    display: inline-block;
    height: 100%;
    width: 1px;
    background-color: transparent;
    vertical-align: middle;
    margin-right: -10px;
    }
.evDialog .evDialogWindow {
    background-color: var(--main-background);
    z-index: 2;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,.6);
    box-shadow: 0 0 40px rgba(0,0,0,.6);
    margin: 0 auto auto auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    min-height: 180px;
    width: 100%;
    border-radius: 4px;
    }
.evDialogWindow > .header {
    display: table;
    border-bottom: 1px solid var(--body-border);
    width: 100%;
    }
.evDialogWindow > .header > .headerIcon,
.evDialogWindow > .header > .headerTitle {
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    }
.evDialogWindow > .header > .headerTitle .label {
    margin: 0;
    margin-left: 5px;
    }
.evDialogWindow > .header > .headerIcon {
    width: 40px;
    text-align: center;
    }
.evDialogWindow > .content {
    position: relative;
    z-index: 1;
    min-height: 140px;
    }
.evDialogWindow > .footer {
    display: none;
    }
.evDialogWindow > .closeIcon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    }
.evDialog.evDialogModal {
    background-color: rgba(0,0,0,.7);
    }
body.evDialogOpen {
    overflow: hidden;
    }

/*
 * Target specific field area widgets
 * to make them half width at min width 960.
 *
 * Registration Form
 * -----------------
 * First Name is widget class "widgetUserForename"
 * Last Name is widget class "widgetUserSurname"
 * Country is widget class "widget11187"
 * State is widget class "widget11190"
 *
 * Sales Enquiry
 * -------------
 * First Name is widget class "widget2541"
 * Last Name is widget class "widget10701"
 *
 * Country and Region are widget class "widget10894"
 * State widget class "widget11156"
 *
 * Support
 * _______
 * First Name is widget class "widget10264"
 * Last Name is widget class "widget10716"
 *
 * Country and Region are widget class "widget10891"
 * State widget class "widget11159"
 ^
 * General
 * -------
 ^ First Name is widget class "widget10279"
 * Last Name is widget class "widget10663"
 *
 * Country and Region are widget class "widget10888"
 * State widget class "widget11162"
 */
@media only screen and (min-width: 960px) {
.fieldArea.widget2541,
.fieldArea.widget10701,
.fieldArea.widget10264,
.fieldArea.widget10716,
.fieldArea.widget10279,
.fieldArea.widget10663,
.fieldArea.widget11625,
.fieldArea.widget11628,
.fieldArea.widget11631,
.fieldArea.widget11634,
.fieldArea.widget11637,
.fieldArea.widget11640,
.fieldArea.widgetUserForename,
.fieldArea.widgetUserSurname {
    display: inline-flex;
    flex-direction: column;
    width: 49.6%;
    }

/* Country widget container */
.evCountry[data-locale="US"],
.evCountry[data-locale="DE"],
.evCountry[data-locale="FR"] {
    display: inline-flex;
    flex-direction: column;
    width: 49.6%;
    }

/* Country widgets */
.fieldArea.widget10894,
.fieldArea.widget10891,
.fieldArea.widget10888,
.fieldArea.widget11187,
.fieldArea.widget11112 {
    width: 100%;
    }

/* State on sales enquiry */
.fieldArea.widget11156,
.fieldArea.widget11159,
.fieldArea.widget11162,
.fieldArea.widget11190,
.fieldArea.widget11145,
.fieldArea.widget11625,
.fieldArea.widget11628,
.fieldArea.widget11631,
.fieldArea.widget11634,
.fieldArea.widget11637,
.fieldArea.widget11640 {
    display: inline-flex;
    flex-direction: column;
    width: 49.6%;
    }
}

.chinese-qr-codes img {
    height: 300px;
    }
.mini-banner .eyebrow {
    margin-top: 2.5rem;
    }
.mini-banner .heading-4 {
    margin-top: 0;
    }

/* Checkout */
.ev-checkout-summary {
    padding: 1rem !important;
    }
table.evCartLines,
table.cartTotals {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    }
table.cartTotals td {
    padding: .75rem 0 !important;
    }
table.cartTotals tbody tr:nth-child(2n) {
    background-color: transparent !important;
    }
table.evCartLines tbody tr:nth-child(2n) {
    background-color: transparent !important;
    }
table.evCartLines button {
    margin-top: 1rem;
    }
table.evCartTotals {
    margin: 0 !important;
    }
table.evCartLines > tbody > tr {
    margin: 0 !important;
    }
table#evShippingOptions .first > * {
    text-align: left;
    }
#evCartScreen table#evShippingOptions td.first {
    text-align: left;
    }
table.standard td {
    border-bottom: none;
    }
.evCartContinue .ev-icon {
    margin-right: .5rem;
    }
#evCheckoutButtons button span.label {
    display: inline-block !important;
    margin-left: .5rem !important;
    }
button#placeOrder span.label {
    display: inline-block !important;
    margin-left: .5rem !important;
    }
#evCartUpdate button span.label {
    display: inline-block !important;
    margin-left: .5rem !important;
    }
#evCheckoutPayment .cartSubtotal {
    font-weight: normal;
    }
#evCheckoutPayment .postageOption .label {
    font-weight: normal;
    }
#evCheckoutPayment .cartTax {
    font-weight: normal;
    }
#evCheckoutPayment .total .price {
    font-weight: 700;
    }
.minicart-item--product > div {
    padding-top: 2rem;
    }

li#menu-product-selector {
    width: 100%;
    height: auto;
    padding: 0;
    max-width: 100%;
    border-top: 1px solid var(--body-border);
    background-color: var(--alternate-background);
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    }
li#menu-product-selector:hover {
    background-color: var(--button-background);
    }
li#menu-product-selector a {
    background-image: url(/portal/web/256/theme/pickering-2025-03-11/common/images/circuit-lines.svg?v=1741773778);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 400px 100%;
    margin: 0;
    padding: 1.5rem 0;
    color: inherit;
    }
li#menu-product-selector a:before {
    display: none;
    }
li#menu-product-selector a:hover span.more-button {
    -webkit-transform: translateY(-.125rem);
    -ms-transform: translateY(-.125rem);
    transform: translateY(-.125rem);
    color: var(--link-color);
    }
li#menu-product-selector a:hover span.more-button:before {
    width: 30px;
    -webkit-box-shadow: -8px 2px 0 -2px rgba(27,121,230,.5);
    box-shadow: -8px 2px 0 -2px rgba(27,121,230,.5);
    }
li#menu-product-selector a:hover span.more-button:after {
    color: #fff;
    -webkit-transform: translate(10px,5px);
    -ms-transform: translate(10px,5px);
    transform: translate(10px,5px);
    }
li#menu-product-selector a .start-button {
    text-align: right;
    margin-right: 400px;
    }
li#menu-product-selector a .link-content p,
li#menu-product-selector a .link-content h1,
li#menu-product-selector a .link-content h2,
li#menu-product-selector a .link-content h3,
li#menu-product-selector a .link-content h4,
li#menu-product-selector a .link-content h5,
li#menu-product-selector a .link-content h6 {
    -webkit-transition: color .5s;
    transition: color .5s;
    color: var(--heading-color);
    padding: 0 0 0 1.5rem;
    margin: 0;
    }
li#menu-product-selector a .link-content h3 {
    font-size: 18px;
    }