/*
CONTENTS
--------------
[1] NORMALIZE.CSS
[2] GENERIC
[3] TYPOGRAPHY
[4] SEARCH
[5] SITEMAP
[6] FORMS MODULE
[7] SITE LAYOUT
[8] DISTRIBUTOR POST SEARCH
[9] SIGN UP FORMS
[10] 2021 HOMEPAGE
[11] 2022 PORTAL
[12] LANDING BUTTON STYLES
[13] TRAINING LANDING
*/

@font-face {
    font-family: Mont;
    src: url("/media/1pzje1un/fontfabric-mont-heavy.otf");
}

@font-face {
    font-family: Hanzel;
    src: url("/media/531jffo4/hanzel-normal_0.woff");
}

@font-face {
    font-family: MyriadPro-Regular;
    src: url("/media/htkehr52/myriadpro-regular.woff");
}

@font-face {
    font-family: MyriadPro-Light;
    src: url("/media/k1cgkgxr/myriadpro-light.woff");
}

@font-face {
    font-family: MyriadPro-Bold;
    src: url("/media/qgvlw1s1/myriadpro-bold.woff");
}


/* [1] NORMALIZE ----------------[BEGIN]  */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
	 * 1. Set default font family to sans-serif.
	 * 2. Prevent iOS text size adjust after orientation change, without disabling
	 *    user zoom.
	 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
	 * Remove default margin.
	 */
body {
    margin: 0;
}

/* HTML5 display definitions
	   ========================================================================== */
/**
	 * Correct `block` display not defined for any HTML5 element in IE 8/9.
	 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
	 * Correct `block` display not defined for `main` in IE 11.
	 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
	 * 1. Correct `inline-block` display not defined in IE 8/9.
	 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
	 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
	 * Prevent modern browsers from displaying `audio` without controls.
	 * Remove excess height in iOS 5 devices.
	 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
	 * Address `[hidden]` styling not present in IE 8/9/10.
	 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
	 */
[hidden],
template {
    display: none;
}

/* Links
	   ========================================================================== */
/**
	 * Remove the gray background color from active links in IE 10.
	 */
a {
    background: transparent;
}

    /**
	 * Improve readability when focused and also mouse hovered in all browsers.
	 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
	   ========================================================================== */
/**
	 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
	 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
	 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
	 */
b,
strong {
    font-weight: bold;
}

/**
	 * Address styling not present in Safari and Chrome.
	 */
dfn {
    font-style: italic;
}

/**
	 * Address variable `h1` font-size and margin within `section` and `article`
	 * contexts in Firefox 4+, Safari, and Chrome.
	 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
	 * Address styling not present in IE 8/9.
	 */
mark {
    background: #ff0;
    color: #000;
}

/**
	 * Address inconsistent and variable font size in all browsers.
	 */
small {
    font-size: 80%;
}

/**
	 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
	 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
	   ========================================================================== */
/**
	 * Remove border when inside `a` element in IE 8/9/10.
	 */
img {
    border: 0;
}

/**
	 * Correct overflow not hidden in IE 9/10/11.
	 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
	   ========================================================================== */
/**
	 * Address margin not present in IE 8/9 and Safari.
	 */
figure {
    margin: 1em 40px;
}

/**
	 * Address differences between Firefox and other browsers.
	 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
	 * Contain overflow in all browsers.
	 */
pre {
    overflow: auto;
}

/**
	 * Address odd `em`-unit font size rendering in all browsers.
	 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
	   ========================================================================== */
/**
	 * Known limitation: by default, Chrome and Safari on OS X allow very limited
	 * styling of `select`, unless a `border` property is set.
	 */
/**
	 * 1. Correct color not being inherited.
	 *    Known issue: affects color of disabled elements.
	 * 2. Correct font properties not being inherited.
	 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
	 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
	 * Address `overflow` set to `hidden` in IE 8/9/10/11.
	 */
button {
    overflow: visible;
}

/**
	 * Address inconsistent `text-transform` inheritance for `button` and `select`.
	 * All other form control elements do not inherit `text-transform` values.
	 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
	 * Correct `select` style inheritance in Firefox.
	 */
button,
select {
    text-transform: none;
}

/**
	 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
	 *    and `video` controls.
	 * 2. Correct inability to style clickable `input` types in iOS.
	 * 3. Improve usability and consistency of cursor style between image-type
	 *    `input` and others.
	 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
	 * Re-set default cursor for disabled elements.
	 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
	 * Remove inner padding and border in Firefox 4+.
	 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
	 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
	 * the UA stylesheet.
	 */
input {
    line-height: normal;
}

    /**
	 * It's recommended that you don't attempt to style these elements.
	 * Firefox's implementation doesn't respect box-sizing, padding, or width.
	 *
	 * 1. Address box sizing set to `content-box` in IE 8/9/10.
	 * 2. Remove excess padding in IE 8/9/10.
	 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
	 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
	 * `font-size` values of the `input`, it causes the cursor style of the
	 * decrement button to change from `default` to `text`.
	 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
	 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
	 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
	 *    (include `-moz` to future-proof).
	 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
    }

        /**
	 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
	 * Safari (but not Chrome) clips the cancel button when the search input has
	 * padding (and `textfield` appearance).
	 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
	 * Define consistent border, margin, and padding.
	 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
	 * 1. Correct `color` not being inherited in IE 8/9/10/11.
	 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
	 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
	 * Remove default vertical scrollbar in IE 8/9/10/11.
	 */
textarea {
    overflow: auto;
}

/**
	 * Don't inherit the `font-weight` (applied by a rule above).
	 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
	 */
optgroup {
    font-weight: bold;
}

/* Tables
	   ========================================================================== */
/**
	 * Remove most spacing between table cells.
	 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/* [1] NORMALIZE ----------------[END]  */

/* [2] GENERIC ----------------[BEGIN]  */
body {
    margin: 0px;
    background-color: #EAEAEA;
    color: #FFFFFF;
    font-family: MyriadPro-Regular,Arial,Helvetica,sans-serif;
}

a img {
    border-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

td.content {
    vertical-align: top;
}

.visually-hidden {
    position: fixed;
    left: -100vw;
    top: -100vw;
}

.tableMobileWrapper {
    width: 100%;
    overflow-x: auto;
}
/* [2] GENERIC ----------------[END]  */

/* [3] TYPOGRAPHY --------------[BEGIN]  */
/* h1 styles */
h1, div.newstitle, div.eventstitle, div.sitemap, div.extranetLoginTitle, div.EditProfileTitle, div#SKPersonalDetailsHeader {
    color: #000000;
    font-size: 1.95em;
    line-height: 110%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    font-weight: normal;
    text-transform: uppercase;
}
/* h2 styles */
h2, span.eventname, .FAQlisthead, .searcherrortext, div.guestbooktitle {
    color: #000000;
    font-size: 1.45em;
    line-height: 120%;
    margin: 10px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    text-transform: uppercase;
}
/* h3 styles */
h3, span.searchheading {
    color: #000000;
    font-size: 1.15em;
    line-height: 150%;
    margin: 14px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    text-transform: uppercase;
}
/* h4 styles */
h4 {
    color: #000000;
    font-size: 1.0em;
    line-height: 120%;
    margin: 14px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
/* h5 styles */
h5 {
    color: #000000;
    font-size: 0.95em;
    line-height: 120%;
    margin: 14px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
/* h6 styles */
h6, span.newsarticletitle, div.FAQPageIntroText {
    color: #000000;
    font-size: 0.9em;
    line-height: 120%;
    margin: 14px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}
/* standard text styles (including p, li and similar) */
address, .guestbookmessagetext, .newsPicCaption, td.postcards, .listby-description, .listby-alphabet, .listby-Header, a.sitemaplink, span.sitemapsummary,
/*span.formTextbox,
	span.formTextarea,
	span.formGeneral,
	span.formCheckboxGroup,
	span.formCountryDropdown,
	span.formAttach,
	span.formBreakButton,
	span.formHidden,
	span.formPersonalDetails,
	span.formFieldset,
	span.formPassword,
	span.formCheckbox,
	span.formOption,
	span.formDropdown,
	span.formAddress,
	*/
/*label.umbraco-forms-label,*/
/*
	.SKForm label,
	span.formChannels,
	fieldset.formFieldset,
	span.formPersonalDetails,
	legend.formLegend,
	.SKForm legend,
	*/
span.guestbookmessageinfo, span.guestbookmessagerule, .faqsearchtext, .faqsearchfor, .faq-question, span.faqsearchfor, div.FAQlisthead, div#FAQFullList, div.faq-question, div.faq-question-detail, div.faq-backtolist, div.FAQreferencehead, div.related-faq, span.EventDetail, span.EventDetailHeading, span.f_div_date, .f_div_subject, span.f_div_auth, td.f_cell_formtitle, td.f_cell_formelement, td.f_cell_messageBody, td.f_messageTableHeader, span.f_div_subject, td.f_cell_messageNum, span.newsarticlesummary, span.newsarticledate, small.newsPicCaption, span.eventwhere, span.eventdate, div.listby-description, span.listBy-Summary-sp, span.formtextbox, span.faqsearchtext, span.extranettext, span.extranetLoginText, span.formCaptcha,
p, li, input, textarea, select {
    color: #000000;
    font-size: 1em;
    line-height: 130%;
    margin: 0px 0px 20px 0px;
    padding: 0.25rem 0;
}
/* basic anchor style */
a, span.listBy-Title-sp a {
    color: #626262;
    font-size: 0.85em;
    line-height: 130%;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

    a:focus {
        outline: #00559D dotted 1px;
    }

p a {
    font-weight: bold;
}
/* 100% */
p table td li span {
    font-size: 0.95em !important;
}

    .printsitetitle, span.searchtext, span.searchfor, a span.searchagain, span.searhcresultcount, a span.searchnextlast, p span, .newsarticlesummary p, div.newsarticlebody p, div.newsarticlebody ul, div.newsarticlebody a, div.newsarticlebody li, span.newsarticletitle a, .formLabel p, .formLabel a, .faq-question a, .faq-backtolist a, p a, li a, p li, p li span, p table td li span span, li p {
        font-size: 100% !important;
        line-height: inherit;
    }

h2 a, h3 a, h4 a, h5 a, h6 a {
    font-size: 100%;
    color: #626262;
    padding: 0px;
    margin: 0px;
    line-height: inherit;
}

span.guestbooktext, span.guestbooktextsmall, .guestbookmessagetext, .guestbookmessageinfo, .guestbooktitle {
    color: #464648;
    font-size: 0.95em;
}
/* hide default module titles */
div.searchresults, div.forumtitle, .printsitetitle, div.extranettitle {
    display: none;
}

ul, ol {
    margin-left: 10px;
    margin-bottom: 18px;
    padding-left: 20px;
}

    ul ul {
        margin-left: 20px;
    }

li li {
    font-size: 100%;
}

ul li, ol li {
    margin: 2px 0px;
}

ul li {
    margin: 0px 0px 10px 0px;
}

p br, li br, h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, a br, td br, th br {
    display: inline;
}

hr, td hr, td.content hr {
    border-style: none;
    height: 1px;
    color: #C7C9CB !important;
    background-color: #C7C9CB !important;
}

td, th {
    border: 1px solid #EAEAEA;
    padding: 5px;
}

.noBorder {
    border: 0;
}

    .noBorder td, .noBorder th {
        border: 0 !important;
    }
/* Added by James at Sitekit */
td {
    font-size: 0.85em;
}

    td.content, table.content td, table.f_messageTable td, table.f_formtable td {
        font-size: 1em;
        border-style: none;
    }
/* [3] TYPOGRAPHY --------------[END]  */

/* [4] SEARCH (SK)  --------------[BEGIN]  */
div.SearchResults, ul.SearchIndexResults, div#SearchResultsPageNavigator ul {
    display: block;
    float: left;
    width: 100%;
}

ul.SearchIndexResults, div#SearchResultsPageNavigator ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    ul.SearchIndexResults li {
        display: block;
        float: left;
        width: 100%;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 1px solid #C7C9CB;
        background-image: none;
    }

        ul.SearchIndexResults li h3 {
            margin-top: 0px;
        }

div#SearchResultsPageNavigator {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 0px 10px 0px;
}

    div#SearchResultsPageNavigator ul li {
        display: block;
        float: left;
        padding: 0px 8px 0px 0px;
        background-image: none;
    }
/*.noSearchResultsText {display: none;}*/
/* [4] SEARCH (SK)  --------------[END]  */

/* [5] SITEMAP  -------------[BEGIN]  */
div.sitemap {
    display: none;
}

.sitemapbody {
    display: block;
    float: left;
    width: 100%;
}

    .sitemapbody dl, .sitemapbody dt, .sitemapbody dd {
        display: block;
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        color: #000000;
    }

        .sitemapbody dl dl {
            width: 95%;
            padding: 30px 0px 0px 5%;
        }

            .sitemapbody dl dl dl {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .sitemapbody dl dt {
            font-size: 1.2em;
            text-transform: uppercase;
        }

        .sitemapbody dl dd {
            text-transform: unset;
        }
/* [5] SITEMAP  -------------[END]  */

/* [6] FORMS MODULE  -------------[BEGIN]  */
.umbraco-forms-form {
    max-width: 1920px;
    box-sizing: border-box;
    padding: 0 90px;
}

.umb-block-list .umbraco-forms-form {
    margin: 0 0 50px;
}

.umbraco-forms-fieldset, fieldset.umbraco-forms-field {
    border-style: none;
    padding: 0;
    margin: 0;
}

fieldset.umbraco-forms-field {
    margin-left: auto;
    margin-right: auto;
}

.umbraco-forms-form legend {
    font-size: 1.4em;
    color: #000;
    padding: 24px 0 8px;
    display: block;
    width: 100%;
    max-width: 1170px;
    margin: 40px auto 0;
}

fieldset.umbraco-forms-field legend {
    display: block;
    float: left;
    width: 30%;
    font-size: 1.2em;
    padding: 16px 0 8px;
    margin: 0;
}

.field-validation-error {
    display: block;
    color: #990000;
    font-size: 1em;
    padding: 0.5em 0 0;
}

.umbraco-forms-form.tfa_login .validation-summary-errors ul {
    list-style-type: none;
    margin: 0;
    font-size: 1em;
    padding: 0.5em 0 0;
}

    .umbraco-forms-form.tfa_login .validation-summary-errors ul li {
        margin: 0;
        padding: 0;
        color: #990000;
    }

.umbraco-forms-field.mandatory label::after,
.umbraco-forms-fieldset.mandatory legend::after,
.umbraco-forms-fieldset.mandatory legend::after {
    content: '*';
    color: #990000;
    font-weight: bold;
    padding: 0 0 0 0.25em;
}

.umbraco-forms-field.mandatory.multiplechoice label::after,
.umbraco-forms-field.mandatory.singlechoice label::after {
    content: none;
}

.umbraco-forms-form input,
.umbraco-forms-form textarea,
.umbraco-forms-form select {
    width: 100%;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
}

    .umbraco-forms-form input[type="submit"], .umbraco-forms-form input[type="button"], .umbraco-forms-form button {
        float: right;
        background-color: #081f2b;
        color: #fff;
        font-style: italic;
        padding: 10px 40px;
        margin: 0 0 0 1rem;
        border-style: none;
        cursor: pointer;
        -webkit-appearance: button;
        width: auto;
    }

.umbraco-forms-form.returns-form input[type="submit"] {
    margin: 0;
}

.umbraco-forms-form input[type="file"] {
    padding-left: 0;
    padding-right: 0;
}

.umbraco-forms-form label {
    font-size: 1.2em;
    color: #000;
    margin-right: 5%;
    vertical-align: top;
    padding: 24px 0 8px;
    order: 1;
}

.umbraco-forms-field-wrapper {
    padding-top: 14px;
    padding-bottom: 10px;
    display: inline-block;
    width: 65%;
    order: 2;
}

.umbraco-forms-field.richtext .umbraco-forms-field-wrapper {
    width: 100%;
}

.umbraco-forms-tooltip {
    order: 3;
    color: #4D4D4D;
    width: 30%;
    margin-top: -0.5em;
}

.umbraco-forms-field,
.umbraco-forms-navigation > div:first-child {
    max-width: 1170px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.umbraco-forms-navigation > div:first-child {
    justify-content: flex-end;
}

.returns-form .umbraco-forms-navigation > div:first-child {
    justify-content: flex-start;
}

.umbraco-forms-field.richtext {
    max-width: 100%;
}

    .umbraco-forms-field.richtext .umbraco-forms-field-wrapper {
        padding: 0;
    }

    .umbraco-forms-field.richtext + .umbraco-forms-field,
    .umbraco-forms-form legend + .row-fluid > .umbraco-forms-container > .umbraco-forms-field:first-child {
        margin-top: 0;
    }

.umbraco-forms-form legend.visually-hidden + .row-fluid > .umbraco-forms-container > .umbraco-forms-field:first-child {
    margin-top: 40px;
}

.umbraco-forms-field input[readonly] {
    border: 1px solid #eaeaea;
    color: #666;
}

.umbraco-forms-field.richtext .field-validation-valid,
.umbraco-forms-hidden,
.umbraco-forms-field.hidden {
    display: none;
}

.checkboxlist-vertical, checkboxlist-vertical {
    display: flex;
    flex-direction: column;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.umbraco-forms-page .checkboxlist-vertical, .umbraco-forms-page .checkboxlist-vertical {
    margin: 0 0 10px;
}

.checkboxlist-vertical div, .checkboxlist-vertical div {
    display: flex;
    align-items: center;
    position: relative;
}

    .checkboxlist-vertical div label,
    .umbraco-forms-field .checkboxlist-vertical div label,
    .checkboxlist-vertical div label,
    .umbraco-forms-field .checkboxlist-vertical div label {
        font-weight: normal;
        margin: 0 0 0 1em;
        cursor: pointer;
        width: auto;
        padding: 0px 0 8px;
    }

        .checkboxlist-vertical div label::before,
        .checkboxlist-vertical div label:before {
            content: '';
            display: block;
            width: 40px;
            height: 40px;
            border: 2px solid #00283b;
            background-color: #ffffff;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .checkboxlist-vertical div input[type="radio"] + label::before, .checkboxlist-vertical div input[type="radio"] + label::before {
        border-radius: 50%;
    }

    .checkboxlist-vertical div input[type="radio"]:checked + label::after, .checkboxlist-vertical div input[type="radio"]:checked + label::after {
        content: '' !important;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        border-radius: 50%;
        background-color: #000000;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .checkboxlist-vertical div input[type="checkbox"]:checked + label::after, .checkboxlist-vertical div input[type="checkbox"]:checked + label::after {
        content: '' !important;
        display: block;
        width: 36px;
        height: 36px;
        position: absolute;
        left: 2px;
        top: 2px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkuNTI1IDkuNTI1Ij48cGF0aCBkPSJNMjUuNzc3IDkuNTE0IDE0LjQ2NSAyMC44MjhsLTQuMjQyLTQuMjQyLTIuODMgMi44MjggNy4wNzIgNy4wNzIgMi44MjgtMi44MyAxMS4zMTItMTEuMzEyLTIuODI4LTIuODN6IiBzdHlsZT0iZmlsbDojMzMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdHJhbnNmb3JtPSJzY2FsZSguMjY0NTgpIi8+PC9zdmc+");
    }

    .checkboxlist-vertical div input, .checkboxlist-vertical div input {
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        opacity: 0;
    }

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
    position: relative;
}

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper::before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        border: 2px solid #00283b;
        background-color: #ffffff;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 14px;
    }

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        top: 14px;
        z-index: 2;
        opacity: 0;
    }

        .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"]:checked ~ span::after {
            content: '' !important;
            display: block;
            width: 36px;
            height: 36px;
            position: absolute;
            left: 2px;
            top: 16px;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkuNTI1IDkuNTI1Ij48cGF0aCBkPSJNMjUuNzc3IDkuNTE0IDE0LjQ2NSAyMC44MjhsLTQuMjQyLTQuMjQyLTIuODMgMi44MjggNy4wNzIgNy4wNzIgMi44MjgtMi44MyAxMS4zMTItMTEuMzEyLTIuODI4LTIuODN6IiBzdHlsZT0iZmlsbDojMzMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdHJhbnNmb3JtPSJzY2FsZSguMjY0NTgpIi8+PC9zdmc+");
        }

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .field-validation-error {
        margin: 44px 0 0;
    }

.umbraco-forms-form.tfa-form {
    display: flex;
}

.login-error.validation-summary-errors {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 0;
}

    .login-error.validation-summary-errors ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .login-error.validation-summary-errors ul li {
            color: #990000;
        }

.login-introduction {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 0;
}

@media (max-width: 1300px) {
    .umbraco-forms-form {
        padding: 0 50px;
    }
}

@media (max-width: 767px) {
    .umbraco-forms-form {
        padding: 0 2rem;
    }
}

@media (max-width: 500px) {
    .umbraco-forms-form {
        padding: 0 2rem;
    }

        .umbraco-forms-form label,
        .umbraco-forms-field-wrapper {
            width: 100%;
            margin: 0;
        }

    .umbraco-forms-field .checkboxlist-vertical div label {
        width: calc(100% - 40px);
    }

    .umbraco-forms-tooltip {
        order: 1;
        width: 100%;
        margin-top: 0;
    }

    .umbraco-forms-form legend.visually-hidden + .row-fluid > .umbraco-forms-container > .umbraco-forms-field:first-child,
    .umbraco-forms-field, .umbraco-forms-navigation > div:first-child,
    .umbraco-forms-form legend {
        margin-top: 20px;
    }

    fieldset.umbraco-forms-field legend {
        width: 100%;
    }
}
/* [6] FORMS MODULE  -------------[END]  */

/* [7] SITE LAYOUT  --------[BEGIN]  */
.outerWrapper, .innerWrapper {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
}

.headerWrapper {
    float: left;
    width: 100%;
}

.headerLogo {
    float: left;
    padding: 34px 65px 27px 50px;
}

.headerMobileButtons {
    display: none;
    margin: 30px 50px 0px 0px;
    float: right;
    height: 57px;
}

    .headerMobileButtons ul {
        display: block;
        float: left;
        width: 100%;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .headerMobileButtons ul li {
            display: block;
            float: left;
            margin: 0px 0px 0px 10px;
        }

            .headerMobileButtons ul li:first-child {
                margin: 0px;
            }

            .headerMobileButtons ul li a {
                display: block;
                float: left;
                width: 57px;
                height: 57px;
                margin: 0px;
                padding: 0px;
                text-indent: -1000px;
                overflow: hidden;
                background-color: #EAEAEA;
                background-image: url(/media/twmd4msv/v3-mobileicons.png);
            }

            .headerMobileButtons ul li#mobileSearchBtn a {
                background-position: 0px -57px;
            }

.desktopNav {
    float: left;
    position: relative;
}
    /* DEFAULT + LEVEL 1 */
    .desktopNav ul {
        float: left;
        list-style-type: none;
        margin: 44px 0px 0px 0px;
        padding: 0px;
        z-index: 1000;
    }

        .desktopNav ul li {
            display: block;
            float: left;
            margin: 0px 35px 0px 0px;
            position: relative;
            line-height: 110%;
        }

            .desktopNav ul li a, .desktopNav ul li span {
                display: block;
                text-transform: uppercase;
                font-weight: bold;
                padding: 26px 0px 29px 0px;
                line-height: 110%;
                color: #626262;
            }

                .desktopNav ul li a:hover, .desktopNav ul li:hover a, .desktopNav ul li:hover span {
                    text-decoration: none;
                    color: #626262;
                }

            .desktopNav ul li.incidentalItems {
                background-image: url(/media/4oykirrd/horznavdelim.gif);
                background-repeat: no-repeat;
                background-position: 0px 20px;
                padding-left: 37px;
            }
        /* LEVEL 2 */
        .desktopNav ul ul {
            display: none;
            width: 822px;
            position: absolute;
            left: -310px;
            margin: 0px;
            padding: 0px 0px 30px 0px;
            top: 100%;
            background-color: rgba(0,0,0,0.9);
        }

            .desktopNav ul ul li {
                float: left;
                width: 136px;
                margin: 30px 0px 0px 54px;
            }

        .desktopNav ul li:hover li span {
            color: #626262;
        }

        .desktopNav ul ul li:hover span {
            color: #FFFFFF;
        }

        .desktopNav ul ul li.fireCol1 {
            width: 168px;
        }

        .desktopNav ul ul li.fireCol2 {
            width: 126px;
        }

        .desktopNav ul ul li.fireCol3 {
            width: 126px;
        }

        .desktopNav ul ul li.fireCol4 {
            width: 146px;
        }

        .desktopNav ul li:hover li a {
            color: #626262;
        }

        .desktopNav ul ul li a, .desktopNav ul ul li span {
            display: block;
            float: left;
            width: 100%;
            text-transform: uppercase;
            font-weight: bold;
            padding: 0px 0px 13px 0px;
            border-bottom: 1px solid #626262;
            line-height: 110%;
            color: #626262;
        }

        .desktopNav ul li:hover li a:hover {
            color: #FFFFFF;
        }

        .desktopNav ul ul li:hover a {
            color: #FFFFFF;
        }

        .desktopNav ul li:hover ul {
            display: block;
        }
        /* additional drop downs */
        /* training */
        .desktopNav ul ul#trainingDd {
            width: 564px;
        }

        .desktopNav ul ul li.trainingCol1, .desktopNav ul ul li.trainingCol2 {
            width: 200px;
        }
        /* Military */
        .desktopNav ul ul.desktopNav_Military, .desktopNav ul ul.desktopNav_Law {
            left: -198px;
        }
        /* Portal */
        .desktopNav ul ul#portalDd {
            width: 575px;
            left: -450px;
        }

            .desktopNav ul ul#portalDd li span {
                padding-top: 22px;
            }

        .desktopNav ul ul li.portalCol1, .desktopNav ul ul li.portalCol2 {
            width: 225px;
        }

        .desktopNav ul ul.desktopNav_Contact {
            left: -0px;
            width: 240px;
        }



        /* LEVEL 3 */
        .desktopNav ul ul li:hover li a {
            color: #626262;
        }

        .desktopNav ul ul ul {
            width: 100%;
            position: static;
            background-color: transparent;
            margin: 0px;
            padding: 0px;
        }

            .desktopNav ul ul ul li {
                width: 100%;
                margin: 0px 0px 0px 0px;
                padding: 0px;
            }

                .desktopNav ul ul ul li a {
                    padding: 18px 0px 0px 0px;
                    border-style: none;
                }

                    .desktopNav ul ul ul li a:hover {
                        color: #FFFFFF;
                    }
/* MOBILE NAV LEVEL 1+DEFAULT */
.burgerNav {
    display: none;
    float: left;
    width: 100%;
}

    .burgerNav ul {
        display: block;
        float: left;
        width: 100%;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

        .burgerNav ul li {
            display: block;
            float: left;
            width: 100%;
            border-top: 1px solid #5F5F5F;
            padding: 0px;
            margin: 0px;
            font-size: 1.3em;
            background-image: url(/media/qdweowjh/mobilenav_lev1-2_arrows.png);
            background-repeat: no-repeat;
            background-position: right 45px;
            cursor: pointer;
        }

            .burgerNav ul li.burgerNavExpanded {
                background-position: right -175px;
            }

            .burgerNav ul li a.burgerNavAnchor, .burgerNav ul li span.burgerNavAnchor {
                color: #626262;
            }

            .burgerNav ul li a, .burgerNav ul li span {
                display: block;
                float: left;
                padding: 40px 0px 40px 50px;
                margin: 0px 106px 0px 0px;
                text-transform: uppercase;
                font-weight: bold;
                color: #626262;
            }
        /* LEVEL 2 */
        .burgerNav ul ul {
            display: none;
        }

            .burgerNav ul ul li {
                background-color: #313131;
                font-size: 100%;
            }
            /* LEVEL 3 */
            .burgerNav ul ul ul li {
                background-image: none;
            }

                .burgerNav ul ul ul li a {
                    width: 100%;
                    padding: 40px 106px 40px 50px;
                    margin: 0px;
                    background-image: url(/media/mognxrmd/mobilenav_lev3_arrows.png);
                    background-repeat: no-repeat;
                    background-position: right 35px;
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                }

                    .burgerNav ul ul ul li a:active, .burgerNav ul ul ul li a:hover {
                        color: #FFFFFF;
                        background-position: right -110px;
                    }

.headerTop {
    width: 100%;
    background-color: #435764;
    min-height: 35px;
    display: flex;
}

    .headerTop div#Search {
        margin-left: auto;
    }

        .headerTop div#Search label {
            position: fixed;
            left: -200vw;
        }

        .headerTop div#Search input[type="text"] {
            border-style: none;
            min-height: 35px;
            width: 155px;
            background-color: #8e9aa2;
            padding: 0.5em;
            box-sizing: border-box;
            font-size: 1em;
        }

        .headerTop div#Search input[type="submit"] {
            width: 35px;
            height: 35px;
            background-color: transparent;
            border-radius: 0;
            border-style: none;
            overflow: hidden;
            text-indent: -1000px;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.26 9.26' height='35' width='35'%3e%3cdefs%3e%3cclipPath id='a' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M0 0h1920v8922H0Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cg style='stroke-width:2.3272738457' clip-path='url(%23a)' transform='matrix(.15158 0 0 -.15158 -282.208 1343.37)'%3e%3cg style='stroke-width:2.3272738457'%3e%3cpath style='fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2.3272738457' d='m0 0-6.747 7.095a2.885 2.885 0 0 1-1.813.882 15.982 15.982 0 0 1 3.255 9.712c0 8.584-6.645 15.567-14.814 15.567s-14.814-6.983-14.814-15.567c0-8.583 6.645-15.565 14.814-15.565 3.081 0 5.945.997 8.318 2.695.02-.776.304-1.541.864-2.129l6.746-7.092a2.887 2.887 0 0 1 2.098-.913c.757 0 1.514.304 2.093.913C1.157-3.188 1.157-1.216 0 0m-20.119 7.312c-5.444 0-9.876 4.657-9.876 10.377 0 5.721 4.432 10.378 9.876 10.378 5.444 0 9.876-4.657 9.876-10.378 0-5.72-4.432-10.377-9.876-10.377' transform='translate(1909.306 8817.697)'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
        }

    .headerTop .extranetHeader {
        display: flex;
        align-items: center;
    }

        .headerTop .extranetHeader p {
            margin: 0;
            padding: 0 0 0 20px;
            color: #F7F7F7;
            font-size: 0.9em;
        }

            .headerTop .extranetHeader p span {
                color: #FFF;
                font-weight: bold;
            }

        .headerTop .extranetHeader form button {
            text-transform: uppercase;
            font-weight: bold;
            display: inline-block;
            padding: 0 0 0 10px;
            margin: 0;
            color: #FFF;
            border-style: none;
            background-color: transparent;
        }

        .headerTop .extranetHeader p a {
            text-transform: uppercase;
            display: inline-block;
            padding: 0 0 0 10px;
            margin: 0;
            color: #FFF;
        }

            .headerTop .extranetHeader p a::before,
            .headerTop .extranetHeader form button::before {
                content: '[';
                display: inline-block;
                padding: 0 5px 0 0;
            }

            .headerTop .extranetHeader p a::after,
            .headerTop .extranetHeader form button::after {
                content: ']';
                display: inline-block;
                padding: 0 0 0 5px;
            }

            .headerTop .extranetHeader p a.manage-account::before,
            .headerTop .extranetHeader p a.manage-account::after {
                content: none;
            }

            .headerTop .extranetHeader p a.manage-account {
                text-transform: none;
                padding-left: 5px;
            }

.headerBtm {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
}

    .headerBtm nav {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .headerBtm .headerLogo {
        background-color: #435764;
        color: #FFF;
        padding: 35px 50px 35px 55px;
        position: relative;
        box-sizing: border-box;
        min-height: 130px;
    }

        .headerBtm .headerLogo svg {
            width: 150px;
            height: auto;
        }

        .headerBtm .headerLogo span {
            position: fixed;
            left: -200vw;
        }

        .headerBtm .headerLogo::after {
            content: '';
            display: block;
            width: 17px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 100%;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 26.458 26.458' height='100' width='100'%3e%3cpath d='M0 0h26.458L0 26.458z' fill='%23435764'/%3e%3c/svg%3e");
        }

    .headerBtm .headerNavWrapper {
        width: 100%;
        font-family: MyriadPro-Bold,Arial,Sans-serif;
    }

        .headerBtm .headerNavWrapper ul {
            list-style-type: none;
            margin: 0;
            padding: 0 0 0 50px;
            display: flex;
        }

            .headerBtm .headerNavWrapper ul li {
                margin: 0;
                padding: 0;
                font-size: 1.1em;
            }

                .headerBtm .headerNavWrapper ul li + li::before {
                    content: '|';
                    padding: 0 1em;
                    color: #081F2C;
                }

                .headerBtm .headerNavWrapper ul li a {
                    color: #000;
                    text-transform: uppercase;
                }

.headerNavWrapper > #menu {
    width: 100%;
    padding-left: 50px;
    box-sizing: border-box;
}

    .headerNavWrapper > #menu > ul {
        display: flex;
        justify-content: flex-start;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .headerNavWrapper > #menu > ul li#root {
            display: none;
        }

            .headerNavWrapper > #menu > ul li#root + li::before {
                content: none;
            }

        .headerNavWrapper > #menu > ul li {
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
        }

        .headerNavWrapper > #menu > ul > li > a {
            display: block;
            padding: 52px 0;
            min-height: 130px;
            box-sizing: border-box;
        }

        .headerNavWrapper > #menu > ul > li ul {
            display: none;
        }

        .headerNavWrapper > #menu > ul > li:hover > a {
            background-size: 60px auto;
            background-position: center bottom;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='50' width='100'%3e%3cpath d='M0 50L50 0l50 50z' style='marker:none' fill='%23081F2C' overflow='visible'/%3e%3c/svg%3e");
        }

        .headerNavWrapper > #menu > ul > li:hover > ul {
            display: flex;
            flex-wrap: wrap;
            position: absolute;
            top: 100%;
            right: 0;
            width: 100vw;
            padding: 0;
            margin: 0;
            list-style-type: none;
            background-color: #081F2C;
            padding: 40px 15px 40px 55px;
            box-sizing: border-box;
        }

            .headerNavWrapper > #menu > ul > li:hover > ul > li {
                margin: 20px 40px 0 0;
                padding: 0;
                width: calc((100% / 4) - 40px);
                text-align: center;
            }

                .headerNavWrapper > #menu > ul > li:hover > ul > li::before {
                    content: none;
                }

                .headerNavWrapper > #menu > ul > li:hover > ul > li > a {
                    display: block;
                    flex-grow: 1;
                    color: #FFF;
                    border: 1px solid #FFF;
                    text-transform: uppercase;
                    padding: 0.5em 1em;
                }

#dtMenu > ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 50px;
    display: flex;
    font-family: MyriadPro-Bold,Arial,Sans-serif;
}

    #dtMenu > ul li {
        margin: 0;
        padding: 0;
        font-size: 1.1em;
    }

        #dtMenu > ul li + li::before {
            content: '|';
            padding: 0 1em;
            color: #081F2C;
        }

        #dtMenu > ul li button {
            color: #000;
            text-transform: uppercase;
            font-size: 100%;
            border-style: none;
            padding: 0;
            margin: 0;
            min-height: 132px;
            background-color: transparent;
            border-radius: 0;
        }

            #dtMenu > ul li button[aria-selected="true"] {
                background-size: 60px auto;
                background-position: center bottom;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='50' width='100'%3e%3cpath d='M0 50L50 0l50 50z' style='marker:none' fill='%23081F2C' overflow='visible'/%3e%3c/svg%3e");
            }

    #dtMenu > ul + div {
        position: absolute;
        right: 0;
        top: 100%;
        width: 100vw;
    }

    #dtMenu > ul li a {
        min-height: 132px;
        display: inline-flex;
        align-items: center;
    }

#dtMenu div[role="tabpanel"] {
    background-color: rgba(8, 31, 44, .95);
    padding: 40px 55px;
    width: 100%;
    box-sizing: border-box;
}

#dtMenu div[aria-hidden="true"] {
    display: none;
}

#dtMenu div ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

    #dtMenu div ul li {
        margin: 0;
        padding: 0;
    }

        #dtMenu div ul li::before {
            content: none;
        }

        #dtMenu div ul li a {
            display: inline-block;
            color: #FFF;
            border: 1px solid #FFF;
            text-transform: uppercase;
            padding: 0.5em 1em;
            background-color: rgb(8, 31, 44);
        }

#dtMenu div > ul > li > a {
    border: 2px solid #435764;
    font-size: 1.1em;
    background-color: rgb(8, 31, 44);
}

#dtMenu div > ul > li {
    font-size: 1.1em;
    width: 100%
}

    #dtMenu div > ul > li * {
        font-size: 100%;
    }

    #dtMenu div > ul > li ul {
        margin-left: -40px;
        width: calc(100% + 40px);
    }

    #dtMenu div > ul > li li {
        width: calc((100% / 4) - 40px);
        margin-top: 20px;
        margin-left: 40px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

        #dtMenu div > ul > li li a {
            display: flex;
            flex-direction: column;
            flex: 1 0 auto;
            justify-content: center;
        }

    #dtMenu div > ul > li > ul > li > ul {
        display: none;
    }

#dtMenu div > div:first-child > ul > li > ul > li {
    width: calc(100% - 40px);
}

    #dtMenu div > div:first-child > ul > li > ul > li + li {
        margin-top: 40px;
    }

    #dtMenu div > div:first-child > ul > li > ul > li > a {
        width: calc((100% / 4) - 40px);
    }

    #dtMenu div > div:first-child > ul > li > ul > li > ul {
        display: flex;
        width: calc(100% + 40px);
    }

        #dtMenu div > div:first-child > ul > li > ul > li > ul > li {
            font-size: 0.9em;
            width: calc((100% / 6) - 40px);
        }

            #dtMenu div > div:first-child > ul > li > ul > li > ul > li > a {
                border: 2px solid #435764;
            }

@media (max-width:1200px) {
    #dtMenu > ul li + li::before {
        padding: 0 0.5em;
    }
}

@media (max-width:900px) {
    #dtMenu > ul li + li::before {
        padding: 0 0.25em;
    }
}

.sectorFilters {
    width: 100%;
    padding: 10px 0 20px;
}

    .sectorFilters fieldset {
        border-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        font-family: MyriadPro-Regular,Arial,Sans-serif;
    }

        .sectorFilters fieldset::before {
            content: 'Filter by sector:';
            display: flex;
            color: #a8b5bd;
            font-size: 1.1em;
        }

        .sectorFilters fieldset > div {
            display: flex;
            float: left;
            color: #a8b5bd;
            font-size: 1.1em;
        }

        .sectorFilters fieldset label {
            margin: 0 0 0 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

            .sectorFilters fieldset label::before {
                content: '';
                width: 20px;
                height: 20px;
                display: flex;
                border: 1px solid #a8b5bd;
                margin: 0 10px 0 0;
            }

        .sectorFilters fieldset input, .sectorFilters fieldset legend {
            position: fixed;
            left: -200vw;
        }

            .sectorFilters fieldset input:checked + label {
                color: #FFF;
            }

                .sectorFilters fieldset input:checked + label::before {
                    border: 1px solid #FFF;
                    background-image: url("data:image/svg+xml,%3csvg width='21' height='21' viewBox='0 0 5.556 5.556' xmlns='http://www.w3.org/2000/svg'%3e%3cpath style='fill:%23fff;' d='M5.904 4.49 4.49 5.904 9.086 10.5 4.49 15.096l1.414 1.414 4.596-4.596 4.596 4.596 1.414-1.414-4.596-4.596 4.596-4.596-1.414-1.414L10.5 9.086 5.904 4.49z' transform='scale(.26458)'/%3e%3c/svg%3e");
                    ;
                }

.sectorResults {
    width: 100%;
    padding: 0;
}

    .sectorResults .sectorCatResult {
        width: 100%;
        display: flex;
        align-items: flex-start;
        padding: 0;
        box-sizing: border-box;
    }

        .sectorResults .sectorCatResult h2 {
            width: 220px;
            margin: 20px 20px 0 0;
            padding: 0.5em 1em;
            font-size: 1.1em;
            box-sizing: border-box;
            border: 2px solid #FFF;
            background-color: #FFF;
            text-align: center;
        }

        .sectorResults .sectorCatResult ul {
            width: calc(100% - 240px);
            display: flex;
        }

#dtMenu div div.sectorResults div.sectorCatResult ul li {
    width: auto;
    margin: 20px 20px 0 0;
}

@media (max-width: 1300px) {
    .sectorFilters {
        padding: 10px 0 5px;
    }

        .sectorFilters fieldset::before {
            width: 100%;
            padding: 0 0 10px;
        }

        .sectorFilters fieldset label {
            margin: 0;
        }

        .sectorFilters fieldset div {
            padding: 0 15px 15px 0;
        }
}

.headerNavWrapperMobile {
    display: none;
}

#menuMOBILE {
    width: 100%;
}

    #menuMOBILE > ul > li > ul,
    #menuMOBILE > ul > li > ul > li > ul {
        display: none;
    }

        #menuMOBILE > ul > li > ul > li a {
            background-color: #D1D9DD;
            color: #081F2C;
        }

    #menuMOBILE > ul > li > button {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 50px;
        text-indent: -1000px;
        overflow: hidden;
        background-color: #435764;
        color: #FFF;
        font-weight: 600;
        padding: 16px 20px;
        border-style: none;
    }

        #menuMOBILE > ul > li > button::before {
            content: '';
            position: absolute;
            display: block;
            width: 26px;
            height: 4px;
            background-color: #FFF;
            left: 12px;
            top: 50%;
            margin-top: -2px;
        }

        #menuMOBILE > ul > li > button::after {
            content: '';
            position: absolute;
            display: block;
            width: 4px;
            height: 26px;
            background-color: #FFF;
            left: 23px;
            top: 50%;
            margin-top: -13px;
            opacity: 1;
            transition: opacity .2s;
        }

        #menuMOBILE > ul > li > button.mobileSelected::after {
            opacity: 0;
        }

    #menuMOBILE > ul > li > ul > li > ul > li > a {
        background-color: #FFFFFF;
        color: #081F2C;
    }

    #menuMOBILE > ul > li > ul > li button {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 50px;
        text-indent: -1000px;
        overflow: hidden;
        background-color: #D1D9DD;
        color: #FFF;
        font-weight: 600;
        padding: 16px 20px;
        border-style: none;
    }

        #menuMOBILE > ul > li > ul > li button::before {
            content: '';
            position: absolute;
            display: block;
            width: 26px;
            height: 4px;
            background-color: #435764;
            left: 12px;
            top: 50%;
            margin-top: -2px;
        }

        #menuMOBILE > ul > li > ul > li button::after {
            content: '';
            position: absolute;
            display: block;
            width: 4px;
            height: 26px;
            background-color: #435764;
            left: 23px;
            top: 50%;
            margin-top: -13px;
            opacity: 1;
            transition: opacity .2s;
        }

        #menuMOBILE > ul > li > ul > li button.mobileSelectedL3::after {
            opacity: 0;
        }

.headerSearch {
    float: right;
    margin: 55px 30px 0px 0px;
}

    .headerSearch label {
        display: none;
    }

    .headerSearch div {
        background-color: #313131;
    }

    .headerSearch input.SKSearchTextbox {
        float: left;
        border-style: none;
        width: 211px;
        font-size: 0.85em;
        background-color: #313131;
        margin: 0px;
        padding: 10px 12px 7px 12px;
    }

    .headerSearch input.SKSearchButton {
        cursor: pointer;
        font-size: 0.01em;
        text-indent: -1000px;
        overflow: hidden;
        width: 35px;
        height: 35px;
        border-style: none;
        background-color: #313131;
        background-image: url(/media/aelfvmq3/searchgo.png);
        background-position: center center;
    }
/*
	::-webkit-input-placeholder{color:#FFFFFF!important;}
	:-moz-placeholder{color:#FFFFFF!important;opacity:1;}
	::-moz-placeholder{color:#FFFFFF!important;opacity:1;}
	:-ms-input-placeholder{color:#FFFFFF!important;}
	*/
.bannerWrapper {
    float: left;
    width: 100%;
    overflow: hidden;
}

    .bannerWrapper div, .bannerWrapper ul.bannerItems {
        display: block;
        float: left;
        width: 100%;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

        .bannerWrapper ul.bannerItems li.bannerItem {
            display: none;
            width: 100%;
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
        }

            .bannerWrapper ul.bannerItems li.bannerItem img {
                position: relative;
                display: block;
                width: 100%;
            }

            .bannerWrapper ul.bannerItems li.bannerItem h2 {
                position: absolute;
                top: 65px;
                left: 60%;
                font-size: 1.9em;
                font-weight: bold;
                text-transform: uppercase;
                width: 360px;
            }

                .bannerWrapper ul.bannerItems li.bannerItem h2 em {
                    display: block;
                    float: left;
                    clear: both;
                    font-style: normal;
                    font-size: 0.85em;
                    padding: 10px 30px 15px 0px;
                    background-image: url(/media/fiebmwsu/bannerlinkarrow.png);
                    background-repeat: no-repeat;
                    background-position: right 18px;
                }

                .bannerWrapper ul.bannerItems li.bannerItem h2, .bannerWrapper ul.bannerItems li.bannerItem h2 a, .bannerWrapper ul.bannerItems li.bannerItem h2 a em {
                    color: #FFFFFF;
                }

                    .bannerWrapper ul.bannerItems li.bannerItem h2 a:hover, .bannerWrapper ul.bannerItems li.bannerItem h2 a:hover em {
                        text-decoration: underline;
                    }

            .bannerWrapper ul.bannerItems li.bannerItem:first-child {
                display: block;
            }

#bannerLeft, #bannerRight {
    float: left;
    position: absolute;
    top: 45%;
    z-index: 999;
    background-image: url(/media/ksnf4t2a/bannerslidearrows.png);
    width: 39px;
    height: 87px;
    text-indent: -1000px;
    overflow: hidden;
}

#bannerLeft {
    left: 50px;
}

#bannerRight {
    right: 50px;
    background-position: 0px -87px;
}

.footerOuterWrapper, .footerInnerWrapper {
    float: left;
    width: 100%;
    font-family: MyriadPro-Regular,Arial,Sans-serif;
}

.footerOuterWrapper {
    margin-top: 100px;
}

.footerProductsWrapper {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 0 30px 55px;
    box-sizing: border-box;
}

    .footerProductsWrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    }

        .footerProductsWrapper ul li {
            padding: 0 20px;
            margin: 0 0 1em;
            font-size: 0.85em;
        }

            .footerProductsWrapper ul li a {
                color: #081f2c;
                margin: 0;
                padding: 0;
            }

            .footerProductsWrapper ul li b {
                display: inline-block;
                width: 100%;
            }

.footerBtm {
    float: left;
    width: 100%;
    background-color: #435764;
    text-align: center;
    padding: 30px 0;
}

.footerLinks {
    float: left;
    width: 100%;
}

.footerBtm ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .footerBtm ul li {
        text-transform: uppercase;
        color: #FFF;
        font-size: 1em;
        margin: 0;
    }

        .footerBtm ul li + li::before {
            content: '|';
            padding: 0 10px;
            display: inline-block;
        }

        .footerBtm ul li a {
            color: #FFF;
        }

.footerBtm p {
    color: #FFF;
    font-size: 1em;
    margin: 10px 0 0;
}

.footerBtm ul.footerSocial {
    margin: 0 0 20px;
}

    .footerBtm ul.footerSocial li + li {
        margin: 0 0 0 15px;
    }

    .footerBtm ul.footerSocial li::before, .footerBtm ul.footerSocial li::after {
        content: none;
    }

    .footerBtm ul.footerSocial li a {
        display: block;
        width: 36px;
        height: 36px;
    }

        .footerBtm ul.footerSocial li a:hover, .footerBtm ul.footerSocial li a:active {
            opacity: 0.8;
        }

    .footerBtm ul.footerSocial li svg {
        width: 100%;
        height: 100%;
    }

    .footerBtm ul.footerSocial li span {
        color: #FFF;
        position: fixed;
        left: -200vw;
    }

.itemTitle {
    display: none;
    float: Left;
    width: 100%;
    border-top: 1px solid #5F5F5F;
}

    .itemTitle h1 {
        color: #FFFFFF;
        text-transform: uppercase;
        margin: 0px;
        padding: 44px 50px;
        font-size: 1.8em;
        background: #505258;
        background-repeat: no-repeat;
        background-position: right center;
    }

.itemDetailWrapper {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    font-size: 0.85em;
    color: #000000;
}

    .itemDetailWrapper:first-child {
        font-size: 110%;
    }

        .itemDetailWrapper:first-child.itemDetailWrapper_noMargin {
            margin-top: 0;
        }

    .itemDetailWrapper table td,
    .itemDetailWrapper table td a {
        font-size: 1em;
    }

.itemHeadingWrapper {
    width: 100%;
    float: left;
    background: #505258;
    text-align: center;
    margin: 0px 0px 20px 0px;
}

.itemHeadingWrapperSignUp {
    margin: 0;
    padding: 60px 0;
}

.itemHeadingWrapper h1, .itemHeadingWrapper h2, .itemHeadingWrapper h3 {
    text-transform: none;
    padding: 16px 0px 14px 0px;
    margin: 0px;
    color: #FFFFFF;
    font-size: 1.85em;
}

.itemHeadingWrapperSignUp * {
    color: #FFF;
}

.itemHeadingWrapperSignUp p {
    color: #FFF;
    font-size: 1.4em;
}

.itemHeadingWrapperSignUp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .itemHeadingWrapperSignUp ul li {
        display: inline-block;
    }

        .itemHeadingWrapperSignUp ul li + li {
            margin: 0 0 0 20px;
        }

.itemIntroCol {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 30px 90px 45px 90px;
    text-align: center;
}

.itemIntroCol1 {
    width: 60%;
}

.itemIntroCol2 {
    width: 40%;
}

.itemIntroCol h3 {
    margin: 0px 0px 50px 0px;
    padding: 0px;
    font-size: 2.5em;
}

.itemIntroCol1 h3, .itemIntroCol2 h3 {
    text-transform: none;
    color: #45535b;
}

.itemIntroCol h4 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 150%;
    margin: 0px 0px 45px 0px;
    padding: 0px;
}

.itemIntroCol p {
    font-size: 1.1em;
    line-height: 150%;
}

.itemBrochureWrapper {
    float: left;
    width: 60%;
}

    .itemBrochureWrapper img {
        clear: both;
    }

    .itemBrochureWrapper p {
        text-transform: uppercase;
        font-size: 0.75em;
        margin: 20px 0px 0px 0px;
        padding: 0px;
    }

        .itemBrochureWrapper p a {
            color: #1C1C1A;
        }

.itemColRow {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 90px 0px 15px;
}

.itemColRow_Title {
    float: left;
    width: 100%;
    margin-left: -15px;
}

.itemIntroColWhole {
    width: 100%;
    background-color: #ffffff;
    text-align: left;
}

.itemColRow.priceItemColumn {
    display: flex;
    flex-wrap: wrap;
}

.promotionPageTextRow {
    margin-top: 40px;
}

.landingResourcesWrapper {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 0 30px 55px;
    box-sizing: border-box;
}

.itemColRowTwoColWrapper {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 45px;
}

.itemColRowTwoColItem {
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0px 80px 30px;
}

.itemColRowTwoColWrapper ul {
    list-style-type: none;
    padding-bottom: 20px;
}

    .itemColRowTwoColWrapper ul li {
        font-size: 1.45em;
        background-image: url(/media/lcml0tnv/bullet_20x20_gray.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
        color: #656565;
        padding: 0px 0px 0px 40px;
        margin: 0px;
    }

.itemColRowTwoColWrapper table, .supplier-table {
    width: 100%;
}

    .itemColRowTwoColWrapper table tr {
    }

    .itemColRowTwoColWrapper table th, .supplier-table th {
        background-color: #45535b;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        font-weight: normal;
        text-align: left;
        font-size: 0.85em;
        padding: 10px 20px;
        vertical-align: top;
    }

        .itemColRowTwoColWrapper table th p, .supplier-table th p {
            color: #FFFFFF;
            margin: 0px;
            padding: 0px;
        }

    .itemColRowTwoColWrapper table tr:first-child th, .supplier-table tr:first-child th {
        background-color: #12110D;
        color: #FFFFFF;
        font-size: 1.1em;
    }

    .itemColRowTwoColWrapper table td, .supplier-table td {
        background-color: #e1e1e1;
        color: #45535b;
        border: 2px solid #FFFFFF;
        font-size: 0.85em;
        padding: 10px 20px;
        vertical-align: top;
        width: 50%;
    }

        .itemColRowTwoColWrapper table td p, .supplier-table td p {
            color: #45535b;
            margin: 0px;
            padding: 0px;
        }

.itemColRowTwoColItem_red, .itemColRowTwoColItem_black {
    padding: 0px;
    margin: 0px 0px 100px 0px;
    border-left: 30px solid #FFFFFF;
    text-transform: uppercase;
}

    .itemColRowTwoColItem_red p, .itemColRowTwoColItem_black p {
        text-align: center;
        padding: 40px 20px 0px 20px;
        margin: 0px;
        font-size: 1.25em !important;
    }

        .itemColRowTwoColItem_red p a, .itemColRowTwoColItem_black p a {
            font-weight: normal;
            font-size: 0.85em !important;
            border: 1px solid;
            padding: 5px 10px;
        }

        .itemColRowTwoColItem_red p:first-child, .itemColRowTwoColItem_black p:first-child {
            padding: 0px 20px 10px 20px;
        }

.itemColRowTwoColItem_red {
    background-color: #a2b0b8;
}

    .itemColRowTwoColItem_red p, .itemColRowTwoColItem_red p a {
        color: #FFFFFF;
        border-color: #FFFFFF;
    }

.itemColRowTwoColItem_black {
    background-color: #000000;
}

    .itemColRowTwoColItem_black p, .itemColRowTwoColItem_black p a {
        color: #a2b0b8;
        border-color: #a2b0b8;
    }

    .itemColRowTwoColItem_red img, .itemColRowTwoColItem_black img {
        float: left;
        margin: 0px 20px 0px 0px;
        max-width: 50%;
    }

.itemColRow_Title h2 {
    margin: 0px 0px 80px 0px;
}

.itemColRow_Col {
    float: left;
    width: 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0px 80px 75px;
}

    .itemColRow_Col img {
        clear: both;
        margin: 0px 0px 44px 0px;
    }

    .itemColRow_Col h3, .itemColRowTwoColItem h3 {
        margin: 0px;
        padding: 0px;
        font-size: 1.3em;
    }

    .itemColRow_Col p, .itemColRowTwoColItem p {
        font-size: 1.4em;
        line-height: 150%;
    }

    .itemColRow_Col ul, .itemColRowTwoColItem ul {
        margin: 35px 0px 35px 20px;
        padding: 0px 0px 0px 0px;
    }

    .itemColRow_Col li, .itemColRowTwoColItem li {
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 10px;
        font-size: 1.4em;
        line-height: 150%;
    }

.itemFeatureRow {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 90px;
    margin: 0px;
}

    .itemFeatureRow .itemColRowTwoColWrapper {
        padding-left: 0px;
    }

    .itemFeatureRow .itemColRowTwoColItem {
        padding: 20px 0px 10px 10px;
    }

        .itemFeatureRow .itemColRowTwoColItem:first-child {
            padding: 20px 10px 10px 0px;
        }

.itemFeatureRowInnerWrapper {
    float: left;
}

.itemFeatureRow .itemColRow_Col {
    width: 50%;
    background-color: #F2F2F2;
    margin: 0px;
    padding: 0px;
    border: 0px solid #FFFFFF;
}

.itemFeatureRow .itemFeatureRowInnerWrapper .itemColRow_Col:nth-child(odd) {
    border-width: 0px 10px 20px 0px;
}

.itemFeatureRow .itemFeatureRowInnerWrapper .itemColRow_Col:nth-child(even) {
    border-width: 0px 0px 20px 10px;
}

.itemFeatureRow .itemColRow_Col img {
    width: 30%;
    float: right;
    margin: 0px;
}
/*	.itemFeatureRow .itemColRow_Col p{font-size:1.4em;line-height:150%;}  */
.itemFeatureRow .itemColRow_Col h3 {
    text-transform: none;
    font-weight: normal;
    margin: 20px;
    color: #636363;
    font-size: 2.2em;
}

.itemFeatureRow .itemColRow_Col ul {
    list-style-type: none;
    padding-bottom: 20px;
}

    .itemFeatureRow .itemColRow_Col ul li {
        font-size: 1.45em;
        background-image: url(/media/lcml0tnv/bullet_20x20_gray.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
        color: #656565;
        padding: 0px 0px 0px 40px;
        margin: 0px;
    }

.itemTechSpecRow .itemColRowTwoColItem p {
    text-align: center;
}

.itemAccessoriesRow ul {
    list-style-type: none;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px;
    display: block;
    float: left;
}

.itemAccessoriesRow h3.selectedTab, .itemAccessoriesRow h3.unSelectedTab {
    display: block;
    float: left;
    padding: 10px;
    margin: 15px 10px 0px 0px;
    cursor: pointer;
    border: 1px solid #45535b;
}

.itemAccessoriesRow #showAllAcc {
    margin-left: 80px;
}

.itemAccessoriesRow h3.selectedTab {
    background-color: #45535b;
    color: #FFFFFF;
}

.itemAccessoriesRow h3.unSelectedTab {
    background-color: #FFFFFF;
    color: #45535b;
}

.itemAccessoriesRow ul li {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 0px 0px 75px;
}

.itemRelProductRow .itemColRow_Col {
    text-align: center;
}

    .itemRelProductRow .itemColRow_Col img, .itemAccessoriesRow ul li {
        margin: 30px 0px 30px 0px;
        font-size: 100%;
    }

        .itemRelProductRow .itemColRow_Col h3, .itemAccessoriesRow ul li h4 {
            border-bottom: 0px solid #45535b;
            padding: 0px 0px 26px 0px;
            margin-bottom: 0px;
            text-transform: none;
            font-weight: normal;
            color: #636363;
            font-size: 1.5em;
        }

        .itemRelProductRow .itemColRow_Col p, .itemAccessoriesRow ul li p {
            padding: 26px 0px 0px 0px;
            color: #616161;
            line-height: 160%;
            font-size: 1.15em;
        }

.itemApprovedImageryRow .itemColRow_Col {
    text-align: center;
}

    .itemApprovedImageryRow .itemColRow_Col img, .itemAccessoriesRow ul li {
        margin: 30px 0px 30px 0px;
        font-size: 100%;
    }

        .itemApprovedImageryRow .itemColRow_Col h3, .itemAccessoriesRow ul li h4 {
            border-bottom: 0px solid #45535b;
            padding: 0px 0px 26px 0px;
            margin-bottom: 0px;
            text-transform: none;
            font-weight: normal;
            color: #636363;
            font-size: 1.5em;
        }

        .itemApprovedImageryRow .itemColRow_Col p, .itemAccessoriesRow ul li p {
            padding: 26px 0px 0px 0px;
            color: #616161;
            line-height: 160%;
            font-size: 1.15em;
        }

.itemTrippleColRow {
    height: 557px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.itemTrippleCol {
    height: 100%;
    width: 32.71%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    text-indent: 110%;
    overflow: hidden;
}

    .itemTrippleCol + .itemTrippleCol {
        margin-left: 0.93%;
    }

.itemTrippleColGreyRow {
    color: #fff;
    float: left;
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
}

.itemTrippleColGrey {
    width: 32.5%;
    background-color: #616268;
    padding: 28px 24px 26px;
    box-sizing: border-box;
    float: left;
    margin: 0.5% 0;
}

    .itemTrippleColGrey + .itemTrippleColGrey {
        background-color: #4e4f55;
        margin-left: 1.25%;
    }

        .itemTrippleColGrey + .itemTrippleColGrey + .itemTrippleColGrey {
            background-color: #3c3d42;
        }

.itemTrippleColGreyRow h2, .itemTrippleColGreyRow h3 {
    color: #fff;
    min-height: 59px;
    margin: 11px 0 21px;
    text-transform: none;
}

    .itemTrippleColGreyRow h2:first-child, .itemTrippleColGreyRow h3:first-child {
        margin-top: 118px;
    }

.itemTrippleColGreyRow img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 272px;
}

.itemTrippleColGreyRow p {
    color: #fff;
    margin: 0 0 1em;
    font-size: 1em;
}

.itemTrippleColGreyRow a {
    color: #fff;
}

.itemTrippleColLightGreyRow {
    color: #fff;
    float: left;
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
}

.itemTrippleColLightGrey {
    width: 32.5%;
    background-color: #8b989f;
    padding: 28px 24px 26px;
    box-sizing: border-box;
    float: left;
    margin: 0.5% 0;
}

    .itemTrippleColLightGrey + .itemTrippleColLightGrey {
        background-color: #79858d;
        margin-left: 1.25%;
    }

        .itemTrippleColLightGrey + .itemTrippleColLightGrey + .itemTrippleColLightGrey {
            background-color: #67737b;
        }

.itemTrippleColLightGreyRow h2, .itemTrippleColLightGreyRow h3 {
    color: #fff;
    min-height: 59px;
    margin: 11px 0 21px;
    text-transform: none;
}

.itemTrippleColLightGreyRow img {
    margin: 0 auto;
    display: block;
}

.itemTrippleColLightGreyRow p {
    color: #fff;
    margin: 0 0 1em;
    font-size: 1em;
}

.itemTrippleColLightGreyRow a {
    color: #fff;
}

.trippleColPhone {
    margin-top: 32px;
    padding-left: 40px;
    background-image: url(/media/1jye2zr2/phone-icon.png);
    background-repeat: no-repeat;
    min-height: 31px;
}

.trippleColEmail {
    margin-top: 29px;
    padding-left: 40px;
    background-image: url(/media/ap2j5mvp/email-icon.png);
    background-repeat: no-repeat;
    min-height: 20px;
}

.moduleWrapper {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
}

.moduleInnerWrapper {
    float: left;
    width: 100%;
    padding: 0px 50px 30px 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.moduleWrapper h1 {
    padding: 20px 0px;
}

.relItemWrapper {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0px 90px 60px 90px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.relItemInnerWrapper {
    width: 100%;
}

.relItemCol {
    float: left;
    width: 30%;
    padding: 0px 0px 0px 5%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .relItemCol:first-child {
        padding: 0px;
    }

    .relItemCol div {
        float: left;
        width: 100%;
    }

    .relItemCol h2 {
        display: inline-block;
        margin: 0px 0px 20px 0px;
        padding: 16px 130px 14px 10px;
        background-color: #12110D;
        color: #FFFFFF;
        background-image: url(/media/3h2eqxtj/headingbg.png);
        background-repeat: no-repeat;
        background-position: right top;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.15em;
    }

    .relItemCol a {
        display: block;
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
        text-transform: uppercase;
        font-size: 1.1em;
    }

    .relItemCol span.internalSummary, .relItemCol span.externalSummary, .relItemCol span.downloadsummary {
        display: block;
        color: #000000;
        font-size: 1em;
        padding: 0px 0px 10px 0px;
    }

.downloadIcon, .downloadblock br {
    display: none;
}

.mediaContactBox {
    background: #a1a1a1;
    display: block;
    float: right;
    width: 20%;
    color: #000000;
    text-align: center;
}

    .mediaContactBox p {
        font-size: 1.1em;
    }

.mediaContentBox {
    background: #ffffff;
    float: left;
    display: block;
    width: 80%;
}

.priceItemTitle h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.priceItemColumn img {
    margin: 0;
}

.priceItemColumn h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 1rem 0 0;
}

.priceItemColumn p {
    font-size: 1em;
}

@media (min-width:1922px) {
    #dtMenu > ul + div {
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        left: 0;
    }

    .relItemWrapper {
        padding: 0px;
    }

    .outerWrapper, .moduleInnerWrapper, .relItemInnerWrapper {
        width: 1920px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .innerWrapper {
        box-shadow: 0 0 0 1px #DDD;
    }

    .itemColRowTwoColItem_red, .itemColRowTwoColItem_black {
        padding-bottom: 20px;
    }
}

@media (max-width: 1400px) {
    #dtMenu div[role="tabpanel"] {
        padding: 40px 35px;
    }

    #dtMenu div > div:first-child > ul > li > ul > li > ul > li {
        width: calc((100% / 5) - 40px);
    }
}

@media (max-width: 1203px) {
    .itemTrippleColGreyRow h2:first-child, .itemTrippleColGreyRow h3:first-child {
        margin-top: 43.382352941176470588235294117647%;
    }

    #dtMenu div[role="tabpanel"] {
        padding: 20px 20px;
    }

    #dtMenu div > div:first-child > ul > li > ul > li > ul > li {
        width: calc((100% / 4) - 40px);
    }
}

@media (min-width:1100px) and (max-width:1300px) {
    .headerLogo {
        padding-right: 20px;
    }

    .desktopNav ul li {
        margin-right: 20px;
    }

        .desktopNav ul li.incidentalItems {
            padding-left: 22px;
        }

    .headerSearch input.SKSearchTextbox {
        width: 155px;
    }

    .itemIntroCol {
        padding: 50px 50px 45px 50px;
    }

    .itemColRow {
        padding: 0px 50px 0px 50px;
    }

    .itemColRow_Col {
        padding-left: 35px;
    }

    .itemColRowTwoColWrapper {
        padding-left: 5px;
    }

    .itemIntroCol h2:first-child, .itemColRow_Title h2 {
        padding: 16px 130px 14px 50px
    }

    .itemIntroCol h2:first-child {
        margin-left: -50px;
    }

    .itemColRowTwoColItem_red, .itemColRowTwoColItem_black {
        padding-bottom: 20px;
    }
}

@media (min-width:768px) and (max-width:1099px) {
    .desktopNav {
        display: none;
    }

    .headerMobileButtons {
        display: block;
        width: 67px;
    }

        .headerMobileButtons ul li#mobileSearchBtn {
            display: none;
        }

    .headerSearch {
        margin: 30px 0px 0px 0px;
    }

        .headerSearch input.SKSearchTextbox {
            float: left;
            border-style: none;
            width: 300px;
            font-size: 0.95em;
            font-weight: bold;
            background-color: #333333;
            margin: 0px;
            padding: 21px 20px 14px 20px;
        }

        .headerSearch input.SKSearchButton {
            cursor: pointer;
            font-size: 0.01em;
            text-indent: -1000px;
            overflow: hidden;
            width: 57px;
            height: 57px;
            border-style: none;
            background-color: #333333;
            background-image: url(/media/aelfvmq3/searchgo.png);
            background-repeat: no-repeat;
        }

    #bannerLeft, #bannerRight {
        float: left;
        position: absolute;
        top: 50%;
        z-index: 999;
        background-image: url(/media/tmkdedqa/bannerslidearrows_tablet.png);
        width: 27px;
        height: 60px;
        text-indent: -1000px;
        overflow: hidden;
        margin-top: -30px;
    }

    #bannerLeft {
        left: 38px;
    }

    #bannerRight {
        right: 38px;
        background-position: 0px -60px;
    }

    .bannerWrapper ul.bannerItems li.bannerItem h2 {
        font-size: 1.6em;
        width: 260px;
        left: 55%;
    }

    .itemIntroCol {
        width: 100%;
    }

    .itemColRow_Col {
        width: 50%;
    }

    .itemIntroCol {
        padding: 50px 50px 45px 50px;
    }

    .itemColRow {
        padding: 0px 50px 0px 15px;
    }

    .itemColRow_Col {
        padding-left: 35px;
    }

    .itemColRowTwoColWrapper {
        padding-left: 5px;
    }

    .itemIntroCol h2:first-child, .itemColRow_Title h2 {
        padding: 16px 130px 14px 50px
    }

    .itemIntroCol h2:first-child {
        margin-left: -50px;
    }


    .itemColRowTwoColItem_red, .itemColRowTwoColItem_black {
        text-align: center;
        padding-bottom: 20px;
    }

    .itemColRowTwoColItem_red {
        margin-bottom: 30px;
    }

        .itemColRowTwoColItem_red img, .itemColRowTwoColItem_black img {
            clear: both;
            float: none;
            margin-top: 40px;
        }

    .itemFeatureRow {
        padding: 0px 50px;
    }

        .itemFeatureRow .itemColRow_Col {
            width: 100%;
            text-align: center;
        }

            .itemFeatureRow .itemColRow_Col ul, .itemFeatureRow .itemColRow_Col p, .itemFeatureRow .itemColRow_Col h3 {
                text-align: left;
            }

                .itemFeatureRow .itemColRow_Col ul li {
                    padding-right: 20px;
                }

            .itemFeatureRow .itemColRow_Col:nth-child(2n), .itemFeatureRow .itemColRow_Col:nth-child(2n+1) {
                border-style: none;
                margin: 0px 0px 20px 0px;
            }

            .itemFeatureRow .itemColRow_Col img {
                float: none;
                width: 100%;
                max-width: 80%;
                margin: 15px 0px 0px 0px;
            }

        .itemFeatureRow .itemColRowTwoColItem {
            padding: 20px 0px;
        }

    .itemAccessoriesRow h3.selectedTab, .itemAccessoriesRow h3.unSelectedTab, .itemAccessoriesRow #showAllAcc {
        float: right;
        width: 90%;
        margin: 5px 0px 0px 0px;
        text-align: center;
    }

    .itemAccessoriesRow #showAllAcc {
        margin: 30px 0px 0px 0px;
    }

    .itemAccessoriesRow {
        width: 100%;
        padding: 0px 50px 0px 15px;
        margin: 0px;
    }

        .itemAccessoriesRow ul {
            width: 100%;
            padding: 0px;
            margin: 0px 0px 0px 0px;
        }

            .itemAccessoriesRow ul li {
                width: 50%;
                margin: 10px 0px;
                padding: 0px 0px 0px 35px;
            }
}

@media (max-width: 1099px) {
    .itemTrippleColGreyRow {
        display: block;
        font-size: 1.6em;
    }

    .itemTrippleColGrey {
        width: 100%;
        margin: 0;
        text-align: center;
    }

        .itemTrippleColGrey + .itemTrippleColGrey {
            margin: 0;
        }

        .itemTrippleColGrey img {
            max-width: 100%;
            width: auto;
        }

    .itemTrippleColGreyRow h2:first-child, .itemTrippleColGreyRow h3:first-child {
        margin-top: 0;
    }

    .itemTrippleColLightGreyRow {
        display: block;
        font-size: 1.6em;
    }

    .itemTrippleColLightGrey {
        width: 100%;
        margin: 0;
    }

        .itemTrippleColLightGrey + .itemTrippleColLightGrey {
            margin: 0;
        }

    .trippleColPhone {
        padding: 40px 0 0;
        background-position: 50% 0;
    }

    .trippleColEmail {
        padding: 40px 0 0;
        background-position: 50% 0;
    }

    .footerBtm ul li::before,
    .footerBtm ul li:last-child::after {
        content: '|';
        padding: 0 10px;
        display: inline-block;
    }

    .footerBtm ul.footerSocial li::before, .footerBtm ul.footerSocial li::after {
        content: none;
    }
}

@media (max-width: 1000px) {
    .headerBtm .headerNavWrapper ul li {
        font-size: 0.9em;
    }

        .headerBtm .headerNavWrapper ul li + li::before {
            padding: 0 0.6em;
        }

    #dtMenu > ul li,
    #dtMenu div > ul > li {
        font-size: 0.9em;
    }
}

@media (max-width: 900px) {
    .itemTrippleColRow {
        height: 240px;
    }
}

@media (max-width:850px) {
    #dtMenu > ul {
        padding-left: 20px;
    }
}

@media (max-width: 800px) {
    .headerTop {
        min-height: 10px;
    }

        .headerTop .extranetHeader p {
            padding: 5px 20px;
        }

        .headerTop #Search,
        .headerBtm {
            position: relative;
            z-index: 3;
        }

            .headerBtm .headerNavWrapper {
                display: none;
            }

            .headerBtm .headerLogo {
                padding: 14px 30px;
                min-height: 1px;
            }

                .headerBtm .headerLogo svg {
                    width: 74px;
                }

                .headerBtm .headerLogo::after {
                    width: 10px;
                }

    .headerNavWrapperMobile {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
    }

        .headerNavWrapperMobile div[aria-hidden="true"] {
            display: none;
        }

    .headerNavWrapperMobile_Controls {
        display: flex;
        align-items: center;
        font-family: MyriadPro-Regular,Arial,Sans-serif;
        font-size: 1em;
    }

        .headerNavWrapperMobile_Controls button {
            margin: 0 20px 0 0;
            border-style: none;
            border-radius: 0;
            background-color: transparent;
            color: #081F2C;
            width: 40px;
            height: 40px;
            padding: 0;
        }

            .headerNavWrapperMobile_Controls button span {
                position: fixed;
                left: -200vw;
            }

            .headerNavWrapperMobile_Controls button:hover, .headerNavWrapperMobile_Controls button:active, .headerNavWrapperMobile_Controls button[aria-selected="true"] {
                background-color: #081F2C;
                color: #FFF;
            }

                .headerNavWrapperMobile_Controls button:hover svg path,
                .headerNavWrapperMobile_Controls button:active svg path {
                    fill: #FFF !important;
                }

                .headerNavWrapperMobile_Controls button[aria-selected="true"] svg {
                    display: none;
                }

            .headerNavWrapperMobile_Controls button[aria-selected="true"] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.583 10.583' height='40' width='40'%3e%3cpath transform='matrix(.26458 0 0 .26458 0 0)' d='m12.93 11.514-1.414 1.416 7.07 7.07-7.07 7.07 1.414 1.414 7.07-7.07 7.07 7.07 1.414-1.414-7.07-7.07 7.07-7.07-1.414-1.414-7.07 7.07-7.07-7.072z' style='opacity:1;fill:%23FFF;fill-opacity:1;stroke:none;stroke-width:3.9999997616;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1'/%3e%3c/svg%3e");
            }

    .headerNavWrapperMobile_Content[aria-hidden="false"] {
        position: absolute;
        right: 0;
        top: 100%;
        background-color: #FFF;
        width: 100vw;
        box-shadow: 0 5px 5px rgba(0,0,0,0.7);
    }

    .headerNavWrapperMobile_Content ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        width: 100%
    }

        .headerNavWrapperMobile_Content ul li {
            margin: 2px 0 0;
            padding: 0;
            width: 100%;
            text-align: center;
            font-size: 0.9em;
            position: relative;
        }

            .headerNavWrapperMobile_Content ul li a {
                display: block;
                background-color: #82939e;
                color: #FFF;
                font-weight: 600;
                padding: 16px 20px;
            }

            .headerNavWrapperMobile_Content ul li li li + li {
                border-top: 1px solid #EAEAEA;
            }

        .headerNavWrapperMobile_Content ul#siteSwitchNavMobile {
            margin-bottom: 4px;
        }

            .headerNavWrapperMobile_Content ul#siteSwitchNavMobile li a {
                background-color: #081f2c;
                color: #a8b5bd;
            }

                .headerNavWrapperMobile_Content ul#siteSwitchNavMobile li a.current {
                    color: #FFF;
                }

            .headerNavWrapperMobile_Content ul#siteSwitchNavMobile li.siteSwitchNavMobile_LastItem a {
                background-color: #435764;
                color: #FFFFFF;
            }

    .footerOuterWrapper {
        margin-top: 40px;
    }

    .footerProductsWrapper {
        display: none;
    }

    .footerBtm ul li,
    .footerBtm p {
        font-size: 0.85em;
    }
}

@media (max-width:767px) { /* LIQUID */
    .desktopNav {
        display: none;
    }

    .headerSearch {
        display: none;
        width: 100%;
        padding: 18px 50px;
        margin: 0px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-top: 1px solid #5F5F5F;
    }

        .headerSearch div {
            float: left;
            width: 100%;
        }

        .headerSearch input.SKSearchTextbox {
            width: 80%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            font-size: 0.95em;
            font-weight: bold;
            background-color: #333333;
            margin: 0px;
            padding: 21px 20px 14px 20px;
        }

        .headerSearch input.SKSearchButton {
            float: right;
            width: 20%;
            background-repeat: no-repeat;
            height: 57px;
            height: 57px;
            background-color: #333333;
            background-image: url(/media/ifqbnszl/mobilesearchgo.png);
        }

    .headerMobileButtons {
        display: block; /*this is what it should be when the search is showing     width: 124px;*/
        width: 57px;
    }

    .bannerWrapper {
        position: static;
    }

        .bannerWrapper ul.bannerItems li.bannerItem h2 {
            position: static;
            left: auto;
            top: auto;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 100%;
            padding: 0px 50px;
            margin: 10px 0px 20px 0px;
            color: #333;
            font-size: 1em;
        }

    #bannerLeft, #bannerRight {
        float: left;
        position: absolute;
        top: 140px;
        z-index: 999;
        background-image: url(/media/jxfn1ag1/bannerslidearrows_mobile.png);
        width: 18px;
        height: 40px;
        text-indent: -1000px;
        overflow: hidden;
    }

    #bannerLeft {
        left: 15px;
    }

    #bannerRight {
        right: 15px;
        background-position: 0px -40px;
    }

    .itemTitle {
        display: block;
    }

    .itemIntroCol {
        width: 100%;
    }

    .itemColRow_Col {
        width: 100%;
    }

    .itemIntroCol {
        padding: 50px 2rem 45px 2rem;
    }

    .itemColRow {
        padding: 0px 50px 0px 15px;
    }

    .itemColRow_Col, .itemColRowTwoColWrapper {
        padding-left: 35px;
    }

    .itemColRowTwoColItem {
        width: 100%;
        padding: 0px 0px 45px 0px;
    }

    .itemIntroCol h2:first-child, .itemColRow_Title h2 {
        padding: 16px 130px 14px 50px
    }

    .itemIntroCol h2:first-child {
        margin-left: -50px;
    }

    .itemColRowTwoColItem_red, .itemColRowTwoColItem_black {
        text-align: center;
    }

    .itemColRowTwoColItem_red {
        margin-bottom: 30px;
    }

        .itemColRowTwoColItem_red img, .itemColRowTwoColItem_black img {
            clear: both;
            float: none;
            margin-top: 40px;
        }

    .itemFeatureRow {
        padding: 0px 50px;
    }

        .itemFeatureRow .itemColRow_Col {
            width: 100%;
            text-align: center;
        }

            .itemFeatureRow .itemColRow_Col ul, .itemFeatureRow .itemColRow_Col p, .itemFeatureRow .itemColRow_Col h3 {
                text-align: left;
            }

                .itemFeatureRow .itemColRow_Col ul li {
                    padding-right: 20px;
                }

            .itemFeatureRow .itemColRow_Col:nth-child(2n), .itemFeatureRow .itemColRow_Col:nth-child(2n+1) {
                border-style: none;
                margin: 0px 0px 20px 0px;
            }

            .itemFeatureRow .itemColRow_Col img {
                float: none;
                width: 100%;
                max-width: 80%;
                margin: 15px 0px 0px 0px;
            }

        .itemFeatureRow .itemColRowTwoColItem {
            padding: 20px 0px;
        }

    .itemAccessoriesRow h3.selectedTab, .itemAccessoriesRow h3.unSelectedTab, .itemAccessoriesRow #showAllAcc {
        float: left;
        width: 100%;
        margin: 5px 0px 0px 0px;
        text-align: center;
    }

    .itemAccessoriesRow #showAllAcc {
        margin: 30px 0px 0px 0px;
    }

    .itemAccessoriesRow {
        width: 100%;
        padding: 0px 50px;
        margin: 0px;
    }

        .itemAccessoriesRow ul {
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

            .itemAccessoriesRow ul li {
                width: 100%;
                margin: 10px 0px;
                padding: 0px;
            }

    .relItemCol {
        width: 100%;
        padding: 0px;
    }

    .itemTrippleColGreyRow, .itemTrippleColLightGreyRow {
        padding: 0;
    }

    div.sectionHeader {
        background-color: #505258;
        color: #fff;
        padding: 18px;
        width: 100%;
        text-align: center;
        border: none;
        outline: none;
    }

    /* Style the buttons that are used to open and close the accordion panel */
    button.accordion {
        background-color: #ddd;
        color: #505258;
        cursor: pointer;
        width: 100%;
        text-align: center;
        border: none;
        outline: none;
        transition: 0.4s;
        font-size: 1.65em;
        padding: 18px;
        text-transform: none;
        margin: 0;
    }

        /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
        button.accordion.active, button.accordion:hover {
            background-color: #505258;
            color: #ddd;
        }

    /* Style the accordion panel. Note: hidden by default */
    div.panel {
        background-color: white;
        display: none;
        width: 100%;
    }

        /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
        div.panel.show {
            display: block;
        }

    button.accordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 13px;
        color: #777;
        float: right;
        margin-left: 5px;
    }

    button.accordion.active:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
    }
}

@media (max-width:480px) { /* LIQUID */
    .headerLogo {
        padding-right: 0px;
    }

    .headerMobileButtons {
        margin-right: 30px;
    }

    #bannerLeft, #bannerRight {
        top: 10%;
    }

    .relItemCol {
        width: 100%;
        padding: 0px;
    }

    .mediaContentBox {
        background: #ffffff;
        float: clear;
        display: block;
        width: 100%;
    }

    .mediaContactBox {
        background: #a1a1a1;
        float: clear;
        width: 100%;
        color: #000000;
        text-align: center;
    }

    .itemTrippleColRow {
        height: auto;
    }

    .itemTrippleCol {
        height: 240px;
        width: 100%;
    }

        .itemTrippleCol + .itemTrippleCol {
            margin: 0;
        }

    .footerBtm ul li,
    .footerBtm p {
        font-size: 0.75em;
    }

    .footerBtm ul.footerSocial {
        padding: 0 20px;
        justify-content: space-between;
    }

        .footerBtm ul.footerSocial li {
            width: 16%;
        }

            .footerBtm ul.footerSocial li + li {
                margin: 0;
            }

            .footerBtm ul.footerSocial li a {
                width: 100%;
                height: auto;
            }

                .footerBtm ul.footerSocial li a svg {
                    width: 100%;
                    height: auto;
                }
}

@media (min-width: 1922px) {
    .footerBtm {
        width: 100vw;
        margin-left: calc( ((100vw - 1920px) / 2) * -1);
        padding: 30px calc( (100vw - 1920px) / 2) );
    }
}

/* genric layout v2  */
div#CMS_helper {
    padding: 0.5em;
    background: rgb(19, 127, 192);
    height: 20px;
    color: #fff;
}

#Text_left {
    float: left;
    width: 46%;
}

#Text_right {
    float: right;
    width: 46%
}

#Pic_left {
    float: right;
    width: 50%;
    text-align: right;
}

#Pic_right {
    float: left;
    width: 50%;
    text-align: left;
}

/* Feedback tab   */

#feedback {
    position: fixed;
    right: 0;
    bottom: 250px;
    height: 223px;
    margin-left: 3px;
    margin-bottom: -3px;
    z-index: 1000;
}

#feedback-tab {
    float: right;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    width: 50px;
    height: 42px;
    background-color: rgba(0,0,0,0.0);
    margin-top: 60px;
    margin-right: 0px;
    padding-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform:
}

    #feedback-tab:hover {
        background-color: rgba(0,0,0,0.0);
    }

@media (max-width:480px) {
    #feedback {
        visibility: hidden;
    }

    #feedback-tab {
        visibility: hidden;
    }
}

/* site switch header/footer */
ul#siteSwitchNav {
    display: flex;
    width: 100%;
    background-color: #081F2C;
    margin: 0;
    padding: 0 20px 0 20px;
    list-style-type: none;
    box-sizing: border-box;
}

    ul#siteSwitchNav li {
        margin: 0;
        font-family: MyriadPro-Regular,Arial,Sans-serif;
        font-size: 1em;
    }

        ul#siteSwitchNav li + li::before {
            content: '|';
            padding: 10px;
            color: #a8b5bd;
        }

        ul#siteSwitchNav li a {
            display: inline-block;
            padding: 10px 0;
            color: #a8b5bd;
            text-decoration: none;
            text-transform: uppercase;
        }

            ul#siteSwitchNav li a:hover, #siteSwitchNav li a:active {
                color: #FFFFFF;
            }

            ul#siteSwitchNav li a.current {
                text-decoration: underline;
                font-weight: 600;
                color: #FFFFFF;
            }

        ul#siteSwitchNav li.siteSwitchNav_LastItem {
            margin-left: auto;
        }

            ul#siteSwitchNav li.siteSwitchNav_LastItem::before {
                content: none;
            }

.burgerNav ul li.burgerNav_externalLink {
    background-image: none;
    background-color: #505258;
}

    .burgerNav ul li.burgerNav_externalLink a {
        color: #FFF;
        float: none;
        padding: 20px;
        margin: 0;
        font-weight: normal;
    }

    .burgerNav ul li.burgerNav_externalLink.current a {
        font-weight: bold;
        text-decoration: underline;
    }

@media (max-width:1100px) {
    .headerInnerWrapper > span:first-child {
        display: block;
        text-align: right;
        padding: 10px 20px 0 !important;
        width: 100%;
    }

    .headerLogo {
        padding-left: 20px;
    }

    .burgerNav ul li a, .burgerNav ul li span {
        padding: 20px;
    }

    .burgerNav ul li {
        background-position: calc(100% + 15px) 31px;
        background-size: 60px;
    }

        .burgerNav ul li.burgerNavExpanded {
            background-position: calc(100% + 15px) -123px;
        }

    .burgerNav ul ul ul li a {
        padding: 20px 0 20px 50px;
        background-size: 60px;
        background-position: calc(100% + 20px) 21px;
    }

        .burgerNav ul ul ul li a:active, .burgerNav ul ul ul li a:hover {
            background-position: calc(100% + 20px) -93px;
        }
}

#footerSiteSwitch {
    float: left;
    width: 100%;
    background-color: #081F2C;
}

    #footerSiteSwitch ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

        #footerSiteSwitch ul li {
            margin: 0;
            padding: 0;
        }

            #footerSiteSwitch ul li + li::before {
                content: '|';
                padding: 0 10px;
                color: #999;
            }

            #footerSiteSwitch ul li a {
                display: inline-block;
                padding: 10px 0;
                color: #FFF;
                text-decoration: none;
                text-transform: uppercase;
            }

                #footerSiteSwitch ul li a:hover, #footerSiteSwitch ul li a:active {
                    text-decoration: underline;
                }

                #footerSiteSwitch ul li a.current {
                    font-weight: bold;
                    text-decoration: underline;
                }

.footerWrapper, .footerLeft, .footerRight {
    background-color: #5B6770 !important;
}

@media (max-width:800px) {
    ul#siteSwitchNav {
        display: none;
    }
}

@media (max-width:500px) {
    #footerSiteSwitch ul li {
        width: 100%;
    }

        #footerSiteSwitch ul li + li::before {
            content: none;
        }
}

@media (min-width:1922px) {
    div#footerSiteSwitch {
        width: 100vw;
        margin-left: calc( ((100vw - 1920px) / 2) * -1);
    }

    ul#siteSwitchNav {
        width: 100vw;
        margin-left: calc( ((100vw - 1920px) / 2) * -1);
        padding-left: calc( ((100vw - 1920px) / 2) + 20px );
    }
}
/* end: site switch header/footer */

.ctaButtonItem {
    width: 100%;
}

    .ctaButtonItem a {
        display: inline-block;
        padding: 16px 25px;
        background-color: #081f2c;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1em;
        text-decoration: none;
    }

        .ctaButtonItem a:hover, .ctaButtonItem a:active {
            background-color: #435764;
        }

.blVideoWrapper {
    width: 100%;
    float: left;
    box-sizing: border-box;
    background-color: #d1d9dd;
    padding: 55px 60px;
    margin: 50px 0 0;
}

    .blVideoWrapper:first-child {
        margin-top: 0;
    }

.blVideoInnerWrapper {
    max-width: 960px;
    margin: 0 auto;
}

.blVideoWrapper .video-description {
    width: 100%;
    box-sizing: border-box;
    background-color: #ffffff;
    padding: 15px;
}

.blVideoWrapper .video-container {
    padding-top: 56.25%;
    height: 0;
    position: relative;
}

    .blVideoWrapper .video-container iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 0;
    }
/* [7] SITE LAYOUT  --------[END]  */


/* [8] DISTRIBUTOR POST SEARCH */
.distributorSearchWrapper {
    color: #000;
    padding-left: 30px;
    padding-bottom: 20px;
    font-size: 1.15em;
}

    .distributorSearchWrapper p {
        font-size: 1em;
    }

.distributorSearchResultsWrapper {
    margin: 2em 0 0 0;
}

.resultsTable thead {
    background-color: #45535b;
    color: #fff;
}

.resultsTable tr:nth-child(4n-1) {
    background-color: #f2f2f2;
}

.distributorCountryList {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-wrap: wrap;
}

    .distributorCountryList li {
        margin: 0 0.25em 0 0;
        padding: 0;
    }

        .distributorCountryList li::after {
            content: ", ";
        }

        .distributorCountryList li:last-child::after {
            content: none;
        }

.distributorSearchResultsWrapperFooter {
    padding: 2em;
    text-align: center;
}

    .distributorSearchResultsWrapperFooter a {
        font-size: 1.4em;
        color: #ffffff
    }

/* ----------------------------- TEMP NAV CHANGE ----------------------------- */
/* 'Confined Space' section removed from both mobile and desktop nav. 
	To reinstate:
	- Removing this CSS block
	- Remove Sitekit IF statements and HTML comments from the FIRE-BURGER-NAV variable block
	- Remove Sitekit IF statements and HTML comments from the FIRE-DESKTOP-NAV variable block
	*/
.fireCol1 {
    display: none !important;
}

.desktopNav ul ul {
    width: 614px;
}



/*  Expand - Collapse */
div.sectionHeader {
    background-color: #505258;
    color: #fff;
    padding: 18px;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    -webkit-appearance: none;
    background-color: #ddd;
    color: #505258;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 1.65em;
    padding: 18px;
    text-transform: none;
    margin: 0;
}

    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    button.accordion.active, button.accordion:hover {
        background-color: #505258;
        color: #ddd;
    }

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

    /* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
    div.panel.show {
        display: block;
    }

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.distributorSearchWrapper > form > div {
    display: flex;
    max-width: 500px;
}

    .distributorSearchWrapper > form > div label {
        width: 30%;
    }

    .distributorSearchWrapper > form > div select {
        width: 65%;
    }

@media (max-width:800px) {
    .distributorSearchWrapper > form > div {
        flex-wrap: wrap;
    }

        .distributorSearchWrapper > form > div label,
        .distributorSearchWrapper > form > div select {
            width: 100%;
        }
}

/* [8] DISTRIBUTOR POST SEARCH  --------[END] */

/* [9] SIGN UP FORMS  --------[BEGIN] */
#signUpWrapper {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 55px;
    margin: 55px 0 0;
    background-color: #d1d9dd;
    font-family: MyriadPro-Regular,Arial,Sans-serif;
}

#signUpInnerWrapper {
    float: left;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #FFF;
    padding: 30px;
}

#signUpHomeFormIntroduction {
    font-size: 1em;
    text-align: center;
}

    #signUpHomeFormIntroduction h2 {
        margin: 10px 0 0;
        padding: 0;
        font-size: 2em;
        font-family: Mont,Arial,Sans-serif;
        line-height: 110%;
        color: #081f2c;
    }

    #signUpHomeFormIntroduction p {
        font-size: 1.4em;
        padding: 0;
        margin: 0;
        color: #081f2c;
    }

    #signUpHomeFormIntroduction h2 + p {
        margin: 10px 0 0;
        padding: 0 0 10px;
    }

    #signUpHomeFormIntroduction p + p {
        margin: 40px 0 0;
    }

/*
#signUpInnerWrapper .SKFormLabel{text-align:center;}
*/
#signUpInnerWrapper .umbraco-forms-form {
    padding: 0;
}

#signUpInnerWrapper .umbraco-forms-page {
    display: flex;  
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    position: relative;
}
@media (max-width: 767px) {
    #signUpInnerWrapper .umbraco-forms-page {
        flex-direction: column;
    }
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child {
    width: 100%;
}

    #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field {
            width: 48%;
            margin: 30px 0 30px 0;
            padding: 0;
        }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field label {
                margin: 0 0 5px;
                padding: 0;
                font-size: 1em;
                line-height: 120%;
                color: #081f2c;
                cursor: pointer;
            }

#signUpInnerWrapper .umbraco-forms-field.mandatory label::after {
    content: none;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field .umbraco-forms-field-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}

    #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field .umbraco-forms-field-wrapper input[type="text"],
    #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field .umbraco-forms-field-wrapper input[type="email"],
    #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field .umbraco-forms-field-wrapper select {
        background-color: #FFF;
        border-style: none;
        box-sizing: border-box;
        min-height: 40px;
        padding: 10px;
        color: #333;
        border-radius: 0;
    }

    #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field .umbraco-forms-field-wrapper select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        padding-right: 40px;
        background-repeat: no-repeat;
        background-position: calc(100% - 9px) center;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDYuMDg1IDMuNzA0Ij48cGF0aCBkPSJNLjY2MSAwTDAgLjY2MWwzLjA0MyAzLjA0M0w2LjA4NS42NjEgNS40MjQgMCAzLjA0MyAyLjM4MXoiIGZpbGw9IiNjM2MzYzMiLz48L3N2Zz4=");
    }

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(1) {
    order: 1;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(2) {
    order: 3;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(3) {
    order: 5;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(4) {
    order: 2;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(5) {
    order: 4;
}

#signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(6) {
    order: 6;
}



#signUpInnerWrapper .umbraco-forms-fieldset legend {
    font-size: 1.4em;
    padding: 0;
    margin: 0;
    color: #081f2c;
}

#signUpInnerWrapper fieldset.umbraco-forms-field legend {
    width: 100%;
}

#signUpInnerWrapper .multiplechoice label {
    padding: 0;
    font-size: 1em;
    line-height: 120%;
    color: #081f2c;
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 20px;
}

    #signUpInnerWrapper .multiplechoice label::before {
        content: none;
    }

#signUpInnerWrapper .multiplechoice .checkboxlist-vertical, #signUpInnerWrapper .multiplechoice .checkboxlist-vertical {
    margin-bottom: 0;
}

    #signUpInnerWrapper .multiplechoice .checkboxlist-vertical div input[type="checkbox"], #signUpInnerWrapper .multiplechoice .checkboxlist-vertical div input[type="checkbox"] {
        border: 1px solid #FFF;
        background-color: #FFF;
        margin: 0;
        width: 20px;
        min-width: 20px;
        height: 20px;
        border-radius: 0;
        position: relative;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        opacity: 1;
        left: 0;
        top: 0;
    }

        #signUpInnerWrapper .multiplechoice .checkboxlist-vertical div input[type="checkbox"]:checked::after, #signUpInnerWrapper .multiplechoice .checkboxlist-vertical div input[type="checkbox"]:checked::after {
            content: '';
            background: transparent;
            width: 4px;
            border-bottom: 2px solid #333;
            height: 10px;
            border-right: 2px solid #333;
            transform: rotate(45deg);
            position: absolute;
            left: 6px;
            top: 2px;
        }

#signUpInnerWrapper .umbraco-forms-form .umbraco-forms-field.signup legend {
    position: fixed;
    left: -100vw;
    top: -100vw;
}

#signUpInnerWrapper .umbraco-forms-form .umbraco-forms-field.signup .umbraco-forms-field-wrapper {
    width: 100%;
}

#signUpInnerWrapper .umbraco-forms-field.signup.checkbox {
    display: flex;
    margin-top: 0;
    align-items: flex-start;
}

    #signUpInnerWrapper .umbraco-forms-field.signup.checkbox label {
        order: 2;
        width: calc(100% - 40px);
        font-size: 1em;
        margin: 0;
        padding: 0;
    }

    #signUpInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper {
        order: 1;
        width: 40px;
        margin: 0;
        padding: 0;
    }

        #signUpInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper::before,
        #signUpInnerWrapper .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"]:checked ~ span::after {
            content: none;
        }

        #signUpInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] {
            border: 1px solid #FFF;
            background-color: #FFF;
            margin: 0;
            width: 20px;
            min-width: 20px;
            height: 20px;
            border-radius: 0;
            position: relative;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            opacity: 1;
            left: 0;
            top: 0;
            padding: 0;
        }

        #signUpInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper input:checked::after {
            content: '';
            background: transparent;
            width: 4px;
            border-bottom: 2px solid #333;
            height: 10px;
            border-right: 2px solid #333;
            transform: rotate(45deg);
            position: absolute;
            left: 6px;
            top: 2px;
        }

#signUpInnerWrapper .recaptcha p.error {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    word-break: break-all;
}

#signUpInnerWrapper .umbraco-forms-navigation {
    width: 28%;
    position: absolute;
    right: 0;
    bottom: 20px;
}

    #signUpInnerWrapper .umbraco-forms-navigation > div:first-child {
        justify-content: flex-start;
    }

#signUpInnerWrapper .umbraco-forms-form input[type="submit"], #signUpInnerWrapper .umbraco-forms-form input[type="button"], #signUpInnerWrapper .umbraco-forms-form button {
    background-color: #435764;
    color: #FFF;
    text-transform: uppercase;
    padding: 14px 50px;
    border-style: none;
    border-radius: 0;
    font-size: 1em;
    margin: 0;
    font-style: normal;
}

.signUpFieldInvalid input,
.signUpFieldInvalid select {
    border-color: #990000;
    box-shadow: 0 0 5px #AA0000;
}

#signUpWrapper {
    padding: 20px;
}
#signUpInnerWrapper .umbraco-forms-navigation {
    position: static;
    margin: 20px 0 0;
}

#signUpWrapper .checkboxlist-vertical div {
    align-items: flex-start;
}

.checkboxlist-vertical div {
    margin-bottom: 20px;
}

/* DUP FROM ORIGINAL */



.form_option-group, checkboxlist-vertical {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.umbraco-forms-page .form_option-group, .umbraco-forms-page .checkboxlist-vertical {
    margin: 0 0 10px;
}

.form_option-group li, .checkboxlist-vertical div {
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px;
    justify-content: flex-start;
}

    .form_option-group li label,
    .umbraco-forms-field .form_option-group li label,
    .checkboxlist-vertical div label,
    .umbraco-forms-field .checkboxlist-vertical div label {
        font-weight: normal;
        margin: 0 0 0 1em;
        cursor: pointer;
        width: auto;
        padding: 0px 0 8px;
    }

        .form_option-group li label::before,
        .checkboxlist-vertical div label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 2px solid #00283b;
            background-color: #ffffff;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
        }

    .form_option-group li input[type="radio"] + label::before, .checkboxlist-vertical div input[type="radio"] + label::before {
        border-radius: 50%;
    }

    .form_option-group li input[type="radio"]:checked + label::after, .checkboxlist-vertical div input[type="radio"]:checked + label::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        padding: 0;
        border-radius: 50%;
        background-color: #000000;
        position: absolute;
        left: 4px;
        top: 4px;
    }

    .form_option-group li input[type="checkbox"]:checked + label::after, .checkboxlist-vertical div input[type="checkbox"]:checked + label::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 1px;
        bottom: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkuNTI1IDkuNTI1Ij48cGF0aCBkPSJNMjUuNzc3IDkuNTE0IDE0LjQ2NSAyMC44MjhsLTQuMjQyLTQuMjQyLTIuODMgMi44MjggNy4wNzIgNy4wNzIgMi44MjgtMi44MyAxMS4zMTItMTEuMzEyLTIuODI4LTIuODN6IiBzdHlsZT0iZmlsbDojMzMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdHJhbnNmb3JtPSJzY2FsZSguMjY0NTgpIi8+PC9zdmc+");
        background-position: center;
        background-size: contain;
        padding-left: 0;
    }

    .form_option-group li input, .checkboxlist-vertical div input {
        min-width: 20px;
        max-width: 20px;
        height: 20px;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        opacity: 0;
        cursor: pointer;
    }

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
    position: relative;
}

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper::before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        border: 2px solid #00283b;
        background-color: #ffffff;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 14px;
    }

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0;
        top: 14px;
        z-index: 2;
        opacity: 0;
    }

        .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"]:checked ~ span::after {
            content: '';
            display: block;
            width: 36px;
            height: 36px;
            position: absolute;
            left: 2px;
            top: 16px;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDkuNTI1IDkuNTI1Ij48cGF0aCBkPSJNMjUuNzc3IDkuNTE0IDE0LjQ2NSAyMC44MjhsLTQuMjQyLTQuMjQyLTIuODMgMi44MjggNy4wNzIgNy4wNzIgMi44MjgtMi44MyAxMS4zMTItMTEuMzEyLTIuODI4LTIuODN6IiBzdHlsZT0iZmlsbDojMzMzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZCIgdHJhbnNmb3JtPSJzY2FsZSguMjY0NTgpIi8+PC9zdmc+");
        }

    .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper .field-validation-error {
        margin: 44px 0 0;
    }

}



@media (max-width:500px) {
    #signUpInnerWrapper {
        padding: 10px;
    }

        #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field,
        #signUpInnerWrapper div.umbraco-forms-field,
        #signUpInnerWrapper .umbraco-forms-fieldset:nth-child(2),
        #signUpInnerWrapper .umbraco-forms-fieldset:nth-child(3),
        #signUpInnerWrapper .umbraco-forms-fieldset:nth-child(4) {
            width: 100%;
        }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(1) {
                order: 1;
            }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(2) {
                order: 2;
            }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(3) {
                order: 3;
            }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(4) {
                order: 4;
            }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(5) {
                order: 5;
            }

            #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field:nth-child(6) {
                order: 6;
            }

        #signUpInnerWrapper .umbraco-forms-fieldset:first-child .umbraco-forms-container > .umbraco-forms-field,
        #signUpInnerWrapper div.umbraco-forms-field-wrapper {
            margin-top: 14px;
        }

    #signUpWrapper .multiplechoice, #signUpWrapper .multiplechoice div.umbraco-forms-field-wrapper {
        margin: 0;
        padding: 0 0 10px 0;
    }

    #signUpWrapper .umbraco-forms-fieldset + .umbraco-forms-fieldset {
        margin: 0;
    }

    #signUpHomeFormIntroduction h2 {
        font-size: 1.2em;
    }

    #signUpHomeFormIntroduction p, #signUpInnerWrapper .umbraco-forms-fieldset legend {
        font-size: 1em;
    }

    #signUpInnerWrapper .multiplechoice label,
    #signUpInnerWrapper .umbraco-forms-field.signup.checkbox label {
        font-size: 0.75em;
    }

    #signUpInnerWrapper .umbraco-forms-form input[type="submit"], #signUpInnerWrapper .umbraco-forms-form input[type="button"], #signUpInnerWrapper .umbraco-forms-form button {
        padding: 8px 40px;
        font-size: 0.85em;
        margin: 0 0 0 40px;
    }
}


#signUpPageWrapper {
    float: left;
    width: 100%;
    background-color: #DEE1E2;
    border-top: 20px solid #5C6670;
}

#signUpPageInnerWrapper {
    float: left;
    width: 100%;
}

    #signUpPageInnerWrapper #signUpPageFormWrapper {
        width: 600px;
        margin: 0 auto;
    }

        #signUpPageInnerWrapper #signUpPageFormWrapper::before {
            content: '';
            display: block;
            width: 500px;
            height: 575px;
            background-image: url(/media/srjhtz4v/signuppagedecoration.png);
            background-repeat: no-repeat;
            background-position: left top;
            background-size: 100%;
            position: absolute;
            z-index: 2;
            left: 90px;
            top: 537px;
        }

    #signUpPageInnerWrapper #signUpPageFormInnerWrapper {
        float: left;
        box-sizing: border-box;
        width: 100%;
        padding: 50px 20px;
        background-color: #5C6670;
        color: #FFF;
        position: relative;
    }

        #signUpPageInnerWrapper #signUpPageFormInnerWrapper::before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: calc(100% - 1px);
            width: calc((100vw - 620px) /2 );
            background-repeat: no-repeat;
            background-position: right top;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjUuNjEgNDc1LjIwNCIgaGVpZ2h0PSIxNzk2LjA0OCIgd2lkdGg9IjQ3NC43NDciPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik0xMC41MTIgMTc0OS40MWg3MTQuODg5di00NDguMjNIMTAuNTEyeiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTY3LjU4OCAxNzQ5LjQyaDUxNC40MDd2LTQ1MS4wMUg2Ny41ODh6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNMTAuNTEyIDE3NDkuNDFoNzE0Ljg4OXYtNDQ4LjIzSDEwLjUxMnoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZCIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik02MC4yMSAxNzE4LjY2aDY1My43MzR2LTQxMC43M0g2MC4yMTF6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImUiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNNjAuMjEgMTcxOC42Nmg2NTMuNzM0di00MTAuNzNINjAuMjExeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxwYXRoIGQ9Ik0xMjUuNjEgNDc1LjIwNEgwTDEyNS42MSAweiIgZmlsbD0iIzVjNjY3MCIvPjwvc3ZnPg==");
        }

        #signUpPageInnerWrapper #signUpPageFormInnerWrapper::after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: calc(100% - 1px);
            width: calc((100vw - 620px) /2 );
            background-repeat: no-repeat;
            background-position: left bottom;
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjUuNjEgNDc1LjIwNCIgaGVpZ2h0PSIxNzk2LjA0OCIgd2lkdGg9IjQ3NC43NDciPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik0xMC41MTIgMTc0OS40MWg3MTQuODg5di00NDguMjNIMTAuNTEyeiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTY3LjU4OCAxNzQ5LjQyaDUxNC40MDd2LTQ1MS4wMUg2Ny41ODh6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImMiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNMTAuNTEyIDE3NDkuNDFoNzE0Ljg4OXYtNDQ4LjIzSDEwLjUxMnoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZCIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik02MC4yMSAxNzE4LjY2aDY1My43MzR2LTQxMC43M0g2MC4yMTF6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImUiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNNjAuMjEgMTcxOC42Nmg2NTMuNzM0di00MTAuNzNINjAuMjExeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxwYXRoIGQ9Ik0wIC40NzZoMTI1LjYxTDAgNDc1LjY4eiIgZmlsbD0iIzVjNjY3MCIvPjwvc3ZnPg==");
        }

#signUpPageFormInnerWrapper .umbraco-forms-form {
    padding: 0;
}

#signUpPageFormIntroduction {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px;
    position: relative;
    font-size: 1em;
}

    #signUpPageFormIntroduction h2 {
        margin: 0;
        padding: 0;
        font-size: 2.4em;
        font-weight: bold;
        color: #FFF;
    }

        #signUpPageFormIntroduction h2 + p {
            margin: 0;
            padding: 0;
            font-size: 1.1em;
            color: #FFF;
        }

    #signUpPageFormIntroduction p + p {
        margin: 40px 0 0;
        padding: 0;
        font-size: 1.1em;
        color: #FFF;
    }

#signUpPageFormInnerWrapper .umbraco-forms-field.mandatory label::after, #signUpPageFormInnerWrapper .umbraco-forms-fieldset.mandatory legend::after, #signUpPageFormInnerWrapper .umbraco-forms-fieldset.mandatory legend::after {
    content: none;
}

#signUpPageFormInnerWrapper .umbraco-forms-form legend.visually-hidden + .row-fluid > .umbraco-forms-container > .umbraco-forms-field:first-child {
    margin: 0;
}

#signUpPageFormInnerWrapper .umbraco-forms-field {
    display: block;
}

    #signUpPageFormInnerWrapper .umbraco-forms-field label {
        display: block;
        width: auto;
        margin: 0;
        padding: 0;
        font-size: 1.1em;
        line-height: 120%;
        color: #FFF;
    }

    #signUpPageFormInnerWrapper .umbraco-forms-field .umbraco-forms-field-wrapper {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    #signUpPageFormInnerWrapper .umbraco-forms-field input[type="text"],
    #signUpPageFormInnerWrapper .umbraco-forms-field input[type="email"],
    #signUpPageFormInnerWrapper .umbraco-forms-field select {
        background-color: #F2F2F2;
        border: 1px solid #081F2B;
        box-sizing: border-box;
        min-height: 40px;
        padding: 10px;
        color: #333;
    }

    #signUpPageFormInnerWrapper .umbraco-forms-field select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        padding-right: 40px;
        background-repeat: no-repeat;
        background-position: calc(100% - 9px) center;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDYuMDg1IDMuNzA0Ij48cGF0aCBkPSJNLjY2MSAwTDAgLjY2MWwzLjA0MyAzLjA0M0w2LjA4NS42NjEgNS40MjQgMCAzLjA0MyAyLjM4MXoiIGZpbGw9IiNjM2MzYzMiLz48L3N2Zz4=");
    }

#signUpPageFormInnerWrapper .umbraco-forms-form legend {
    width: 100%;
    padding: 14px 0;
    font-size: 1.1em;
    line-height: 120%;
    color: #FFF;
}

#signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical {
    margin: 6px 0 0;
    padding: 0;
}

    #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div {
        display: block;
        margin: 0;
        padding: 0;
    }

        #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div:first-child {
            margin-top: 4px
        }

        #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div input {
            border: 1px solid #081F2B;
            background-color: #F2F2F2;
            margin: 0 10px 0 0;
            width: 18px;
            height: 18px;
            border-radius: 0;
            position: relative;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            opacity: 1;
        }

            #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div input:checked::after {
                content: '';
                background: transparent;
                width: 4px;
                border-bottom: 2px solid #333;
                height: 10px;
                border-right: 2px solid #333;
                transform: rotate(45deg);
                position: absolute;
                left: 5px;
                top: 1px;
            }

        #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div label {
            display: inline-block;
            font-size: 1em;
            line-height: 120%;
            margin: 1px 0 0;
            padding: 0 0 12px 0;
            color: #FFF;
            width: calc(100% - 28px);
        }

            #signUpPageFormInnerWrapper .multiplechoice ul.checkboxlist-vertical div label::before, #signUpPageFormInnerWrapper ul.checkboxlist-vertical div label::after {
                content: none;
            }

#signUpPageFormInnerWrapper .umbraco-forms-form .umbraco-forms-field.signup legend {
    position: fixed;
    left: -100vw;
    top: -100vw;
}

#signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox {
    display: flex;
    margin-top: 0;
    align-items: flex-start;
}

    #signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox label {
        order: 2;
        width: calc(100% - 28px);
        font-size: 1em;
    }

    #signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper {
        order: 1;
        width: 28px;
        margin: 0;
    }

        #signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper::before,
        #signUpPageFormInnerWrapper .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper input[type="checkbox"]:checked ~ span::after {
            content: none;
        }

        #signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper input[type="checkbox"] {
            border: 1px solid #081F2B;
            background-color: #F2F2F2;
            margin: 0 10px 0 0;
            padding: 0;
            width: 18px;
            height: 18px;
            border-radius: 0;
            position: relative;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            opacity: 1;
            left: 0;
            top: 0;
        }

        #signUpPageFormInnerWrapper .umbraco-forms-field.signup.checkbox .umbraco-forms-field-wrapper input:checked::after {
            content: '';
            background: transparent;
            width: 4px;
            border-bottom: 2px solid #333;
            height: 10px;
            border-right: 2px solid #333;
            transform: rotate(45deg);
            position: absolute;
            left: 5px;
            top: 1px;
        }

.signUpFieldInvalid input,
.signUpFieldInvalid select {
    border-color: #990000;
    box-shadow: 0 0 5px #AA0000;
}

@media (max-width:1900px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        width: 450px;
    }
}

@media (max-width:1700px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        width: 350px;
    }
}

@media (max-width:1500px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        width: 400px;
        height: 575px;
        left: 90px;
        top: 537px;
    }

    #signUpPageInnerWrapper #signUpPageFormWrapper {
        width: 400px;
    }

    #signUpPageInnerWrapper #signUpPageFormInnerWrapper::before, #signUpPageInnerWrapper #signUpPageFormInnerWrapper::after {
        width: calc((100vw - 420px) /2 );
    }
}

@media (max-width:1350px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        width: 300px;
    }
}

@media (max-width:1200px) {
    #signUpPageInnerWrapper {
        overflow-x: hidden;
    }

        #signUpPageInnerWrapper #signUpPageFormWrapper::before {
            width: 250px;
        }

        #signUpPageInnerWrapper #signUpPageFormInnerWrapper::before, #signUpPageInnerWrapper #signUpPageFormInnerWrapper::after {
            width: calc(100vw - 400px );
        }
}

@media (max-width:1100px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        width: 200px;
    }
}

@media (max-width:1000px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        content: none;
    }
}

@media (max-width:800px) {
    #signUpPageWrapper {
        border-top-style: none;
    }

    #signUpPageInnerWrapper #signUpPageFormWrapper {
        width: 100%;
        margin: 0 auto;
    }

    #signUpPageInnerWrapper #signUpPageFormInnerWrapper {
        padding: 30px 50px 30px;
    }

        #signUpPageInnerWrapper #signUpPageFormInnerWrapper::before, #signUpPageInnerWrapper #signUpPageFormInnerWrapper::after {
            content: none;
        }

    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        content: '';
        display: block;
        position: static;
        width: calc(100% + 100px);
        height: 100px;
        margin-left: -50px;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjQuNTgzIDU1LjI3NSIgaGVpZ2h0PSIyMDguOTEyIiB3aWR0aD0iMTAwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTEwLjUxMiAxNzQ5LjQxaDcxNC44ODl2LTQ0OC4yM0gxMC41MTJ6Ii8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9ImIiIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNNjcuNTg4IDE3NDkuNDJoNTE0LjQwN3YtNDUxLjAxSDY3LjU4OHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYyIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik0xMC41MTIgMTc0OS40MWg3MTQuODg5di00NDguMjNIMTAuNTEyeiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJkIiBjbGlwUGF0aFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTYwLjIxIDE3MTguNjZoNjUzLjczNHYtNDEwLjczSDYwLjIxMXoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iZSIgY2xpcFBhdGhVbml0cz0idXNlclNwYWNlT25Vc2UiPjxwYXRoIGQ9Ik02MC4yMSAxNzE4LjY2aDY1My43MzR2LTQxMC43M0g2MC4yMTF6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNjQuNTgzdjU1LjI3NUgweiIvPjxwYXRoIGQ9Ik0wIDBsODcuNDg5IDE1LjQyN3YxNi40NTlIMHoiIGZpbGw9IiNkZWUxZTIiLz48cGF0aCBkPSJNMCA4LjYyMVY1NS4yNzVoMjY0LjU4M2wtLjcwNi0uMTI1LTEzMS45MzgtMjMuMjY1eiIgZmlsbD0iIzVjNjY3MCIvPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: left -1;
        background-size: 100% 100px;
    }
}

@media (max-width:500px) {
    #signUpPageInnerWrapper #signUpPageFormWrapper::before {
        height: 122px;
        background-size: auto;
    }
}

#unsubscribePageWrapper {
    float: Left;
    width: 100%;
    background-color: #5C6670;
}

    #unsubscribePageWrapper * {
        color: #FFF;
    }

#unsubscribePageIntroduction {
    font-size: 1.85em;
}

#unsubscribePageWrapper h1 {
    font-size: .9em;
    font-weight: bold;
    text-transform: none;
    margin: 0 0 30px;
    padding: 0;
}

#unsubscribePageWrapper h2 {
    font-size: .8em;
    font-weight: bold;
    text-transform: none;
    margin: 0 0 30px;
    padding: 0;
}

#unsubscribePageWrapper p {
    font-size: .6em;
    margin: 0 0 30px;
    padding: 0;
}

#unsubscribePageInnerWrapper {
    padding: 50px 27%;
}

    #unsubscribePageInnerWrapper .umbraco-forms-fieldset + .umbraco-forms-fieldset {
        margin-top: 30px;
    }

    #unsubscribePageInnerWrapper .umbraco-forms-field label {
        margin: 0;
        padding: 0 0 12px 0;
        font-size: 1.1em;
        line-height: 120%;
    }

        #unsubscribePageInnerWrapper .umbraco-forms-field label::after {
            content: none;
        }

    #unsubscribePageInnerWrapper .umbraco-forms-form {
        padding: 0;
    }

    #unsubscribePageInnerWrapper .umbraco-forms-field-wrapper {
        width: 100%;
        padding: 0;
    }

        #unsubscribePageInnerWrapper .umbraco-forms-field-wrapper input[type="email"] {
            background-color: #F2F2F2;
            border: 1px solid #081F2B;
            box-sizing: border-box;
            min-height: 40px;
            padding: 10px;
            color: #333;
        }

    #unsubscribePageInnerWrapper .umbraco-forms-form legend {
        font-weight: normal;
        margin: 0;
        padding: 0;
        font-size: 1.1em;
        line-height: 120%;
    }

    #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical {
        margin: 10px 0 0;
        padding: 0;
    }

        #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div {
            display: block;
            margin: 0;
            padding: 0;
        }

            #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div + li {
                margin-top: 5px;
            }

            #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div:first-child {
                margin-top: 4px
            }

            #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div input {
                border: 1px solid #081F2B;
                background-color: #F2F2F2;
                margin: 0 10px 0 0;
                width: 18px;
                height: 18px;
                border-radius: 0;
                position: relative;
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                opacity: 1;
            }

                #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div input:checked::after {
                    content: '';
                    background: transparent;
                    width: 4px;
                    border-bottom: 2px solid #333;
                    height: 10px;
                    border-right: 2px solid #333;
                    transform: rotate(45deg);
                    position: absolute;
                    left: 5px;
                    top: 1px;
                }

            #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div label {
                display: inline-block;
                font-size: 1em;
                line-height: 120%;
                margin: 0;
                padding: 0 0 12px 0;
                color: #FFF;
            }

                #unsubscribePageInnerWrapper .multiplechoice ul.checkboxlist-vertical div label::before, #unsubscribePageInnerWrapper ul.checkboxlist-vertical div label::after {
                    content: none;
                }

    #unsubscribePageInnerWrapper .lead_personemailaddress label {
        order: 1;
    }

    #unsubscribePageInnerWrapper .lead_personemailaddress div.errorWrapper {
        order: 2;
    }

    #unsubscribePageInnerWrapper .lead_personemailaddress div.umbraco-forms-field-wrapper {
        order: 2;
    }

    #unsubscribePageInnerWrapper .umbraco-forms-navigation > div:first-child {
        justify-content: flex-start;
    }

    #unsubscribePageInnerWrapper .umbraco-forms-form input[type="submit"], #unsubscribePageInnerWrapper .umbraco-forms-form input[type="button"], #unsubscribePageInnerWrapper .umbraco-forms-form button {
        margin: 0;
    }

        #unsubscribePageInnerWrapper .umbraco-forms-form input[type="button"]#unsubscribeBtn {
            margin-left: 20px;
            background-color: #32434E;
        }

    #unsubscribePageInnerWrapper .errorWrapper {
        width: 100%;
    }

        #unsubscribePageInnerWrapper .errorWrapper span {
            color: #FFF;
            background-color: #990000;
            border-radius: 6px;
            padding: 10px;
            box-sizing: border-box;
            display: block;
            font-size: 100%;
            margin: 5px 0;
        }

            #unsubscribePageInnerWrapper .errorWrapper span[aria-hidden="true"] {
                display: none;
            }

@media (max-width:1100px) {
    #unsubscribePageInnerWrapper {
        padding: 40px 20px;
    }
}
/* [9] SIGN UP FORMS  --------[END] */

/* [10] 2021 HOMEPAGE  --------[START] */
#modalBg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
}

#modalContent {
    position: fixed;
    left: 20vw;
    top: 10vh;
    width: 60vw;
}

    #modalContent button {
        position: fixed;
        top: 10px;
        right: 10px;
        background-color: #000000;
        border-style: none;
        border-radius: 0;
        width: 50px;
        height: 50px;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.229 13.229' height='50' width='50'%3e%3cpath transform='scale(.26458)' d='m12.271 9.443-2.828 2.828L22.172 25 9.443 37.729l2.828 2.828L25 27.828l12.729 12.729 2.828-2.828L27.828 25l12.729-12.729-2.828-2.828L25 22.172 12.271 9.443z' style='opacity:1;fill:%23fff;fill-opacity:1;stroke:none;stroke-width:3.9999997616;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1'/%3e%3c/svg%3e");
    }

        #modalContent button:focus {
            outline: 2px solid #999;
            outline-offset: -2px;
        }

    #modalContent #ytContent {
        width: 100%;
        padding-top: 56.25%;
        height: 0;
        position: relative;
    }

        #modalContent #ytContent iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            border: 0;
            box-shadow: 0 0 60px 40px rgba(0,0,0,0.6);
        }

@media (max-width:800px) {
    #modalWrapper {
        display: none;
    }
}

/* HOME BANNER */
.homeBannerOuterWrapper,
.homeBannerItemWrapper {
    width: 100%;
    position: relative;
    font-family: MyriadPro-Regular,Arial,Sans-serif;
}

.homeBannerImgWrapper {
    position: relative;
    width: 100%;
    height: 40vw;
    overflow: hidden;
}

    .homeBannerImgWrapper img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }

.homeBannerTxtWrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 495px;
    background-color: rgba(0,0,0,.7);
    padding: 100px 55px 100px 40px;
    text-align: right;
}

    .homeBannerTxtWrapper::before {
        content: '';
        width: 91px;
        position: absolute;
        right: 100%;
        top: 0;
        bottom: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'  viewBox='0 0 24.077 119.063' height='450' width='91'%3e%3cpath d='M24.077 177.937V297H0Z' style='opacity:.7;fill:%23000;fill-opacity:1;stroke:none;stroke-width:1.0583332777;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='translate(0 -177.937)'/%3e%3c/svg%3e");
    }

.homeBannerTxtInnerWrapper {
    position: absolute;
    top: 100px;
    bottom: 100px;
    left: 55px;
    right: 40px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homeBannerTxtWrapper h1,
.homeBannerTxtWrapper h2 {
    color: #FFF;
    margin: 0 0 40px;
    padding: 0;
    font-size: 2em;
    font-family: Mont,Arial,Sans-serif;
    line-height: 110%;
}

.homeBannerTxtWrapper p {
    color: #FFF;
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    line-height: 140%;
}

    .homeBannerTxtWrapper p + p {
        margin-top: 20px;
    }

.homeBannerTxtWrapper a {
    color: #FFF;
    text-decoration: underline;
}

.homeBannerButtonWrapper {
    position: absolute;
    bottom: 0;
    right: 40px;
}

    .homeBannerButtonWrapper ul {
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .homeBannerButtonWrapper ul li {
            padding: 0;
            margin: 0;
            font-size: 1em;
        }

            .homeBannerButtonWrapper ul li + li {
                margin: 0 0 0 5px;
            }

            .homeBannerButtonWrapper ul li a {
                display: block;
                background-color: #435764;
                color: #FFF;
                padding: 15px 30px;
                text-transform: uppercase;
            }

@media (max-width:1100px) {
    .homeBannerTxtWrapper {
        width: 355px;
        padding: 40px 40px 60px 0;
    }

    .homeBannerTxtInnerWrapper {
        top: 40px;
        bottom: 60px;
        left: 0;
        right: 40px;
    }

    .homeBannerTxtWrapper h1, .homeBannerTxtWrapper h2 {
        margin: 0 0 30px;
        font-size: 1.8em;
    }
}

@media (max-width:950px) {
    .homeBannerTxtWrapper {
        width: 305px;
    }

        .homeBannerTxtWrapper h1, .homeBannerTxtWrapper h2 {
            font-size: 1.6em;
        }

        .homeBannerTxtWrapper p {
            font-size: 1.3em;
        }

    .homeBannerButtonWrapper {
        position: static;
        padding: 12px 20px;
        display: flex;
        background-color: #081F2C;
    }

        .homeBannerButtonWrapper ul {
            width: 100%;
            justify-content: center;
        }

            .homeBannerButtonWrapper ul li {
                padding: 0;
                margin: 0;
                font-size: 1em;
            }

                .homeBannerButtonWrapper ul li + li {
                    margin: 0 0 0 16px;
                }

                .homeBannerButtonWrapper ul li a {
                    padding: 12px 20px;
                    text-align: center;
                }
}

@media (max-width:800px) {
    .homeBannerTxtWrapper {
        width: 205px;
        padding: 40px 20px 10px 10px;
    }

        .homeBannerTxtWrapper::before {
            width: 38px;
        }

    .homeBannerTxtInnerWrapper {
        top: 40px;
        bottom: 10px;
        left: 10px;
        right: 20px;
    }

    .homeBannerTxtWrapper h1, .homeBannerTxtWrapper h2 {
        margin: 0 0 20px;
        font-size: 1em;
    }

    .homeBannerTxtWrapper p {
        font-size: 0.9em;
    }

    .homeBannerButtonWrapper ul li {
        font-size: .75em;
        display: flex;
    }

        .homeBannerButtonWrapper ul li + li {
            margin: 0 0 0 8px;
        }

        .homeBannerButtonWrapper ul li a {
            padding: 6px 12px;
            display: flex;
            align-items: center;
        }
}

@media (max-width:500px) {
    .homeBannerItemWrapper {
        float: Left;
    }

    .homeBannerTxtWrapper {
        float: right;
        position: relative;
        width: calc(50% - 25px);
        z-index: 1;
        padding: 40px 20px 40px 10px;
    }

    .homeBannerTxtInnerWrapper {
        position: static;
    }

    .homeBannerTxtWrapper::before {
        width: 25px;
    }

    .homeBannerTxtWrapper h1, .homeBannerTxtWrapper h2 {
        margin: 0 0 10px;
        font-size: 0.9em;
    }

    .homeBannerImgWrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        display: flex;
    }

        .homeBannerImgWrapper img {
            object-fit: cover;
            object-position: center;
        }

    .homeBannerButtonWrapper {
        padding: 12px 20px 0;
        background-color: transparent;
    }
}

@media (min-width:1400px) {
    .homeBannerImgWrapper {
        height: 500px;
    }
}
/* end:HOME BANNER */

/* HOME TEXT BLOCK */
.homeTextOuterWrapper {
    font-family: MyriadPro-Light,Arial,Sans-serif;
    text-align: center;
    margin: 60px 0 0;
    padding: 0 255px;
}

    .homeTextOuterWrapper > * {
        margin: 0;
        padding: 0;
    }

        .homeTextOuterWrapper > * + * {
            margin-top: 1em;
        }

    .homeTextOuterWrapper a {
        text-decoration: underline;
    }

    .homeTextOuterWrapper p {
        font-size: 1.5em;
        line-height: 130%;
    }

    .homeTextOuterWrapper h2 {
        font-size: 1.7em;
        font-family: MyriadPro-Bold,Arial,Sans-serif;
    }

    .homeTextOuterWrapper h3 {
        font-size: 1.6em;
        font-family: MyriadPro-Regular,Arial,Sans-serif;
    }

    .homeTextOuterWrapper h4 {
        font-size: 1.5em;
        font-family: MyriadPro-Regular,Arial,Sans-serif;
    }

@media (max-width:1600px) {
    .homeTextOuterWrapper {
        padding: 0 155px;
    }
}

@media (max-width:1200px) {
    .homeTextOuterWrapper {
        padding: 0 55px;
    }
}

@media (max-width:800px) {
    .homeTextOuterWrapper {
        margin: 30px 0 0;
        padding: 0 20px;
    }

        .homeTextOuterWrapper p {
            font-size: 1.1em;
        }

        .homeTextOuterWrapper h2 {
            font-size: 1.3em;
        }

        .homeTextOuterWrapper h3 {
            font-size: 1.2em;
        }

        .homeTextOuterWrapper h4 {
            font-size: 1.1em;
        }
}
/* end:HOME TEXT BLOCK */

/* HOME ILF  */
.homeIlfWrapper {
    width: 100%;
    text-align: center;
    padding: 0 50px;
    margin: 70px 0 0;
    box-sizing: border-box;
}

    .homeIlfWrapper h2 {
        color: #081f2c;
        margin: 0;
        padding: 0;
        font-size: 2em;
        font-family: Mont,Arial,Sans-serif;
        line-height: 110%;
    }

        .homeIlfWrapper h2::after {
            content: '...';
        }

    .homeIlfWrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .homeIlfWrapper ul li {
            width: 30%;
            margin: 40px 0 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            font-size: 1.05em;
        }

            .homeIlfWrapper ul li button {
                border: 8px solid #d1d9dd;
                padding: 0 10px;
                border-radius: 0;
                background-color: #FFF;
                min-height: 200px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-family: MyriadPro-Regular,Arial,Sans-serif;
                font-weight: 600;
                color: #435764;
                font-size: 100%;
            }

@media (max-width:800px) {
    .homeIlfWrapper h2 {
        font-size: 1.6em;
    }

    .homeIlfWrapper ul li {
        margin: 30px 0 0;
    }

        .homeIlfWrapper ul li button {
            min-height: 120px;
        }
}

@media (max-width:600px) {
    .homeIlfWrapper {
        padding: 0;
    }

        .homeIlfWrapper h2 {
            background-color: #a8b5bd;
            color: #FFF;
            padding: 8px 0;
            font-size: 0.95em;
        }

        .homeIlfWrapper ul {
            margin: 10px 10px 0;
            flex-direction: column;
        }

            .homeIlfWrapper ul li {
                margin: 5px 0 0;
                width: 100%;
                font-size: 0.8em;
            }

                .homeIlfWrapper ul li button {
                    min-height: 10px;
                    padding: 6px 10px;
                }
}
/* end:HOME ILF  */

/* HOME CTA ROWS */
.homeCtaRows {
    background-color: #d1d9dd;
    padding: 55px 60px;
    margin: 50px 0 0;
}

.umb-block-list .homeCtaRows {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.homeCtaRow {
    background-color: #435764;
    display: flex;
}

    .homeCtaRow .homeCtaRowTxt {
        width: calc(100% - 430px);
        position: relative;
        padding: 40px 0 60px 55px;
    }

        .homeCtaRow .homeCtaRowTxt * {
            color: #FFF;
        }

        .homeCtaRow .homeCtaRowTxt h2 {
            margin: 0;
            padding: 0;
            font-size: 2em;
            font-family: Mont,Arial,Sans-serif;
            line-height: 110%;
        }

        .homeCtaRow .homeCtaRowTxt h3 {
            font-family: MyriadPro-Regular,Arial,Sans-serif;
            font-weight: 600;
            font-size: 1.05em;
            padding: 0;
            margin: 30px 0 0;
            text-transform: none;
        }

        .homeCtaRow .homeCtaRowTxt p {
            font-family: MyriadPro-Light,Arial,Sans-serif;
            font-size: 1.05em;
            padding: 0;
            margin: 0;
        }

            .homeCtaRow .homeCtaRowTxt p:last-child > a:last-child {
                display: inline-block;
                padding: 16px 25px;
                background-color: #081f2c;
                text-transform: uppercase;
                line-height: 100%;
                margin: 25px 0 0;
            }

        .homeCtaRow .homeCtaRowTxt h2 + p {
            margin-top: 30px;
        }

        .homeCtaRow .homeCtaRowTxt::after {
            content: '';
            width: 84px;
            position: absolute;
            left: 100%;
            top: 0;
            bottom: 0;
            transform: translateX(-1px);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 26.458 26.458' height='100' width='100'%3e%3cpath d='M0 0h26.458L0 26.458z' fill='%23435764'/%3e%3c/svg%3e");
        }

    .homeCtaRow .homeCtaRowImg {
        width: 430px;
        background-color: #081f2c;
        display: flex;
    }

        .homeCtaRow .homeCtaRowImg a {
            display: flex;
        }

        .homeCtaRow .homeCtaRowImg img { /*width:100%;height:auto;*/
            vertical-align: bottom;
            object-fit: cover;
        }

    .homeCtaRow + .homeCtaRow {
        margin-top: 20px;
    }

    .homeCtaRow:nth-child(even) .homeCtaRowImg {
        order: 1;
    }

    .homeCtaRow:nth-child(even) .homeCtaRowTxt {
        order: 2;
        padding: 40px 55px 60px 0;
        text-align: right;
    }

        .homeCtaRow:nth-child(even) .homeCtaRowTxt::after {
            content: none;
        }

        .homeCtaRow:nth-child(even) .homeCtaRowTxt::before {
            content: '';
            width: 84px;
            position: absolute;
            right: 100%;
            transform: translateX(1px);
            top: 0;
            bottom: 0;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 26.458 26.458' preserveAspectRatio='none'%3e%3cpath style='fill:%23435764' d='M26.458 26.458H0L26.458 0Z'/%3e%3c/svg%3e");
        }

@media (max-width:1200px) {
    .homeCtaRow .homeCtaRowTxt {
        padding: 40px 0 30px 45px;
    }

    .homeCtaRow:nth-child(even) .homeCtaRowTxt {
        padding: 40px 45px 30px 0;
    }
}

@media (max-width:1000px) {
    .homeCtaRow .homeCtaRowTxt {
        padding: 30px 0 20px 30px;
    }

    .homeCtaRow:nth-child(even) .homeCtaRowTxt {
        padding: 30px 30px 20px 0;
    }

    .homeCtaRow .homeCtaRowTxt h2 {
        font-size: 1.4em;
    }

    .homeCtaRow .homeCtaRowTxt h3 {
        font-size: 0.95em;
        margin: 10px 0 0;
    }

    .homeCtaRow .homeCtaRowTxt p {
        font-size: 0.95em;
    }

        .homeCtaRow .homeCtaRowTxt p:last-child > a:last-child {
            margin: 10px 0 0;
        }

    .homeCtaRow .homeCtaRowTxt h2 + p {
        margin-top: 20px;
    }
}

@media (max-width:800px) {
    .homeCtaRows {
        padding: 0;
        background-color: transparent;
        margin-top: 30px;
    }

    .homeCtaRow + .homeCtaRow {
        margin-top: 10px;
    }

    .homeCtaRow .homeCtaRowTxt {
        width: calc(100% - 300px);
        padding: 15px 0 15px 20px;
    }

    .homeCtaRow:nth-child(even) .homeCtaRowTxt {
        padding: 15px 20px 15px 0;
    }

    .homeCtaRow .homeCtaRowImg {
        width: 300px;
    }

    .homeCtaRow .homeCtaRowTxt::after,
    .homeCtaRow:nth-child(even) .homeCtaRowTxt::before {
        width: 32px;
    }
}

@media (max-width:700px) {
    .homeCtaRow .homeCtaRowTxt h2 {
        font-size: 1.2em;
    }

    .homeCtaRow .homeCtaRowTxt h3 {
        font-size: 0.85em;
    }

    .homeCtaRow .homeCtaRowTxt p {
        font-size: 0.85em;
    }

        .homeCtaRow .homeCtaRowTxt p:last-child > a:last-child {
            padding: 10px 20px;
        }

    .homeCtaRow .homeCtaRowTxt h2 + p {
        margin-top: 10px;
    }
}

@media (max-width:600px) {
    .homeCtaRow .homeCtaRowTxt p {
        font-size: 0.75em;
    }
}

@media (max-width:500px) {
    .homeCtaRow .homeCtaRowTxt {
        width: calc(100% - 175px);
    }

    .homeCtaRow .homeCtaRowImg {
        width: 175px;
        text-align: right;
        display: flex;
    }

        .homeCtaRow .homeCtaRowImg a {
            display: flex;
        }

        .homeCtaRow .homeCtaRowImg img {
            object-fit: cover;
            object-position: center;
        }
}
/* end:HOME CTA ROWS */

/* HOME HIGHLIGHT CTA */
.homeHighlightCta {
    margin: 55px 0 0;
    padding: 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.homeHighlightCtaItem {
    display: flex;
    justify-content: space-between;
    background-color: #081f2c;
}

.homeHighlightCtaItemImg {
    order: 1;
    position: relative;
}

    .homeHighlightCtaItemImg img {
        vertical-align: bottom;
        width: 100%;
    }

.homeHighlightCtaItemTag {
    position: absolute;
    background-color: #081f2c;
    text-transform: uppercase;
    font-family: MyriadPro-Bold,Arial,Sans-serif;
    font-size: 2em;
    padding: 10px 35px 10px 45px;
}

    .homeHighlightCtaItemTag::after {
        content: '';
        width: 10px;
        position: absolute;
        left: 100%;
        transform: translateX(-1px);
        top: 0;
        bottom: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 26.458 26.458' height='100' width='100'%3e%3cpath d='M0 0h26.458L0 26.458z' fill='%23081f2c'/%3e%3c/svg%3e");
    }

.homeHighlightCtaItemTag_0 {
    display: none;
}

.homeHighlightCtaItemTxt {
    order: 2;
    padding: 50px 60px;
    box-sizing: border-box;
}

    .homeHighlightCtaItemTxt * {
        color: #FFFFFF;
    }

    .homeHighlightCtaItemTxt h2 {
        margin: 0;
        padding: 0;
        font-size: 2em;
        font-family: Mont,Arial,Sans-serif;
        line-height: 110%;
    }

    .homeHighlightCtaItemTxt h3 {
        font-family: MyriadPro-Regular,Arial,Sans-serif;
        font-weight: 600;
        font-size: 1.05em;
        padding: 0;
        margin: 30px 0 0;
        text-transform: none;
    }

    .homeHighlightCtaItemTxt p {
        font-family: MyriadPro-Light,Arial,Sans-serif;
        font-size: 1.05em;
        padding: 0;
        margin: 0;
    }

        .homeHighlightCtaItemTxt p:last-child > a:last-child {
            display: inline-block;
            padding: 16px 25px;
            background-color: #435764;
            text-transform: uppercase;
            line-height: 100%;
            margin: 25px 0 0;
        }

    .homeHighlightCtaItemTxt h2 + p {
        margin-top: 30px;
    }

.homeHighlightCtaItem:first-child {
    flex-direction: row;
    width: 100%;
}

    .homeHighlightCtaItem:first-child .homeHighlightCtaItemImg {
        width: 48%;
        display: flex;
    }

        .homeHighlightCtaItem:first-child .homeHighlightCtaItemImg > a {
            display: flex;
        }

        .homeHighlightCtaItem:first-child .homeHighlightCtaItemImg img {
            object-fit: cover;
        }

    .homeHighlightCtaItem:first-child .homeHighlightCtaItemTxt {
        width: 48%;
    }

.homeHighlightCtaItem + .homeHighlightCtaItem {
    flex-direction: column;
    width: 48%;
    margin: 30px 0 0;
}

@media (max-width:1100px) {
    .homeHighlightCtaItemTag {
        font-size: 1.4em;
        padding: 10px 25px 10px 35px;
    }

    .homeHighlightCtaItemTxt {
        padding: 40px 45px;
    }

        .homeHighlightCtaItemTxt h2 {
            font-size: 1.4em;
        }

        .homeHighlightCtaItemTxt h3 {
            font-size: 0.95em;
            margin: 10px 0 0;
        }

        .homeHighlightCtaItemTxt p {
            font-size: 0.95em;
        }

            .homeHighlightCtaItemTxt p:last-child > a:last-child {
                margin: 10px 0 0;
            }

        .homeHighlightCtaItemTxt h2 + p {
            margin-top: 20px;
        }
}

@media (max-width:800px) {
    .homeHighlightCta {
        padding: 0 20px;
        margin: 20px 0 0;
    }

    .homeHighlightCtaItemTag {
        font-size: 1.4em;
        padding: 10px 15px 10px 25px;
    }

    .homeHighlightCtaItemTxt {
        padding: 20px;
    }

    .homeHighlightCtaItem, .homeHighlightCtaItem + .homeHighlightCtaItem {
        flex-direction: row;
        width: 100%;
    }

        .homeHighlightCtaItem .homeHighlightCtaItemImg,
        .homeHighlightCtaItem .homeHighlightCtaItemTxt {
            width: 48%;
        }
}

@media (max-width:700px) {
    .homeHighlightCtaItemTxt h2 {
        font-size: 1.2em;
    }

    .homeHighlightCtaItemTxt h3 {
        font-size: 0.85em;
    }

    .homeHighlightCtaItemTxt p {
        font-size: 0.85em;
    }

        .homeHighlightCtaItemTxt p:last-child > a:last-child {
            padding: 10px 20px;
        }

    .homeHighlightCtaItemTxt h2 + p {
        margin-top: 10px;
    }
}

@media (max-width:600px) {
    .homeHighlightCtaItem:first-child .homeHighlightCtaItemImg, .homeHighlightCtaItem:first-child .homeHighlightCtaItemTxt,
    .homeHighlightCtaItem .homeHighlightCtaItemImg, .homeHighlightCtaItem .homeHighlightCtaItemTxt {
        width: 50%;
    }

    .homeHighlightCtaItem .homeHighlightCtaItemImg {
        display: flex;
    }

        .homeHighlightCtaItem .homeHighlightCtaItemImg a {
            display: flex;
        }

        .homeHighlightCtaItem .homeHighlightCtaItemImg img {
            object-fit: cover;
            object-position: center;
        }

    .homeHighlightCtaItemTag {
        font-size: 1.1em;
        padding: 10px 15px 10px 25px;
    }

    .homeHighlightCtaItemTxt p {
        font-size: 0.75em;
    }

        .homeHighlightCtaItemTxt p:last-child > a:last-child {
            padding: 10px 10px;
        }
}
/* end:HOME HIGHLIGHT CTA */

/* [10] 2021 HOMEPAGE  --------[END] */

/* [11] 2022 PORTAL  --------[START] */

/* PORTAL HIGHLIGHT CTA */
.portalHighlightCta {
    margin: 55px 0 0;
    padding: 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.portalHighlightCtaItem {
    display: flex;
    justify-content: space-between;
    background-color: #081f2c;
}

.portalHighlightCtaItemImg {
    order: 1;
    position: relative;
}

    .portalHighlightCtaItemImg img {
        vertical-align: bottom;
        width: 100%;
    }

.portalHighlightCtaItemTag {
    position: absolute;
    background-color: #081f2c;
    text-transform: uppercase;
    font-family: MyriadPro-Bold,Arial,Sans-serif;
    font-size: 2em;
    padding: 10px 35px 10px 45px;
}

    .portalHighlightCtaItemTag::after {
        content: '';
        width: 10px;
        position: absolute;
        left: 100%;
        transform: translateX(-1px);
        top: 0;
        bottom: 0;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 26.458 26.458' height='100' width='100'%3e%3cpath d='M0 0h26.458L0 26.458z' fill='%23081f2c'/%3e%3c/svg%3e");
    }

.portalHighlightCtaItemTag_0 {
    display: none;
}

.portalHighlightCtaItemTxt {
    order: 2;
    padding: 50px 60px;
    box-sizing: border-box;
}

    .portalHighlightCtaItemTxt * {
        color: #FFFFFF;
    }

    .portalHighlightCtaItemTxt h2 {
        margin: 0;
        padding: 0;
        font-size: 2em;
        font-family: Mont,Arial,Sans-serif;
        line-height: 110%;
    }

    .portalHighlightCtaItemTxt h3 {
        font-family: MyriadPro-Regular,Arial,Sans-serif;
        font-weight: 600;
        font-size: 1.05em;
        padding: 0;
        margin: 30px 0 0;
        text-transform: none;
    }

    .portalHighlightCtaItemTxt p {
        font-family: MyriadPro-Light,Arial,Sans-serif;
        font-size: 1.05em;
        padding: 0;
        margin: 0;
    }

        .portalHighlightCtaItemTxt p:last-child > a:last-child {
            display: inline-block;
            padding: 16px 25px;
            background-color: #435764;
            text-transform: uppercase;
            line-height: 100%;
            margin: 25px 0 0;
        }

    .portalHighlightCtaItemTxt h2 + p {
        margin-top: 30px;
    }


.portalHighlightCtaItem {
    flex-direction: column;
    width: 48%;
    margin: 30px 0 0;
}

@media (max-width:1100px) {
    .portalHighlightCtaItemTag {
        font-size: 1.4em;
        padding: 10px 25px 10px 35px;
    }

    .portalHighlightCtaItemTxt {
        padding: 40px 45px;
    }

        .portalHighlightCtaItemTxt h2 {
            font-size: 1.4em;
        }

        .portalHighlightCtaItemTxt h3 {
            font-size: 0.95em;
            margin: 10px 0 0;
        }

        .portalHighlightCtaItemTxt p {
            font-size: 0.95em;
        }

            .portalHighlightCtaItemTxt p:last-child > a:last-child {
                margin: 10px 0 0;
            }

        .portalHighlightCtaItemTxt h2 + p {
            margin-top: 20px;
        }
}

@media (max-width:800px) {
    .portalHighlightCta {
        padding: 0 20px;
        margin: 20px 0 0;
    }

    .portalHighlightCtaItemTag {
        font-size: 1.4em;
        padding: 10px 15px 10px 25px;
    }

    .portalHighlightCtaItemTxt {
        padding: 20px;
    }

    .portalHighlightCtaItem, .portalHighlightCtaItem + .portalHighlightCtaItem {
        flex-direction: row;
        width: 100%;
    }

        .portalHighlightCtaItem .portalHighlightCtaItemImg,
        .portalHighlightCtaItem .portalHighlightCtaItemTxt {
            width: 48%;
        }
}

@media (max-width:700px) {
    .portalHighlightCtaItemTxt h2 {
        font-size: 1.2em;
    }

    .portalHighlightCtaItemTxt h3 {
        font-size: 0.85em;
    }

    .portalHighlightCtaItemTxt p {
        font-size: 0.85em;
    }

        .portalHighlightCtaItemTxt p:last-child > a:last-child {
            padding: 10px 20px;
        }

    .portalHighlightCtaItemTxt h2 + p {
        margin-top: 10px;
    }
}

@media (max-width:600px) {
    .portalHighlightCtaItem:first-child .portalHighlightCtaItemImg, .portalHighlightCtaItem:first-child .portalHighlightCtaItemTxt,
    .portalHighlightCtaItem .portalHighlightCtaItemImg, .portalHighlightCtaItem .portalHighlightCtaItemTxt {
        width: 50%;
    }

    .portalHighlightCtaItem .portalHighlightCtaItemImg {
        display: flex;
    }

        .portalHighlightCtaItem .portalHighlightCtaItemImg a {
            display: flex;
        }

        .portalHighlightCtaItem .portalHighlightCtaItemImg img {
            object-fit: cover;
            object-position: center;
        }

    .portalHighlightCtaItemTag {
        font-size: 1.1em;
        padding: 10px 15px 10px 25px;
    }

    .portalHighlightCtaItemTxt p {
        font-size: 0.75em;
    }

        .portalHighlightCtaItemTxt p:last-child > a:last-child {
            padding: 10px 10px;
        }
}
/* end:PORTAL HIGHLIGHT CTA */

/* PORTAL BANNER */
.portalBannerOuterWrapper,
.portalBannerItemWrapper {
    width: 100%;
    position: relative;
    font-family: MyriadPro-Regular,Arial,Sans-serif;
}

.portalBannerImgWrapper {
    position: relative;
    width: 100%;
    height: 40vw;
    overflow: hidden;
}

    .portalBannerImgWrapper img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }

.portalBannerTxtWrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    padding: 100px 55px 100px 40px;
    text-align: right;
}

.portalBannerTxtInnerWrapper {
    position: absolute;
    top: 100px;
    bottom: 100px;
    left: 55px;
    right: 40px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.portalBannerTxtWrapper h1,
.portalBannerTxtWrapper h2 {
    color: #FFF;
    margin: 0 0 40px;
    padding: 0;
    font-size: 2em;
    font-family: Mont,Arial,Sans-serif;
    line-height: 110%;
}

.portalBannerTxtWrapper p {
    color: #FFF;
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    line-height: 140%;
}

    .portalBannerTxtWrapper p + p {
        margin-top: 20px;
    }

.portalBannerTxtWrapper a {
    color: #FFF;
    text-decoration: underline;
}

.portalBannerButtonWrapper {
    position: absolute;
    bottom: 0;
    right: 40px;
}

    .portalBannerButtonWrapper ul {
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .portalBannerButtonWrapper ul li {
            padding: 0;
            margin: 0;
            font-size: 1em;
        }

            .portalBannerButtonWrapper ul li + li {
                margin: 0 0 0 5px;
            }

            .portalBannerButtonWrapper ul li a {
                display: block;
                background-color: #435764;
                color: #FFF;
                padding: 15px 30px;
                text-transform: uppercase;
            }

@media (max-width:1100px) {
    .portalBannerTxtWrapper {
        width: 355px;
        padding: 40px 40px 60px 0;
    }

    .portalBannerTxtInnerWrapper {
        top: 40px;
        bottom: 60px;
        left: 0;
        right: 40px;
    }

    .portalBannerTxtWrapper h1, .portalBannerTxtWrapper h2 {
        margin: 0 0 30px;
        font-size: 1.8em;
    }
}

@media (max-width:950px) {
    .portalBannerTxtWrapper {
        width: 305px;
    }

        .portalBannerTxtWrapper h1, .portalBannerTxtWrapper h2 {
            font-size: 1.6em;
        }

        .portalBannerTxtWrapper p {
            font-size: 1.3em;
        }

    .portalBannerButtonWrapper {
        position: static;
        padding: 12px 20px;
        display: flex;
        background-color: #081F2C;
    }

        .portalBannerButtonWrapper ul {
            width: 100%;
            justify-content: center;
        }

            .portalBannerButtonWrapper ul li {
                padding: 0;
                margin: 0;
                font-size: 1em;
            }

                .portalBannerButtonWrapper ul li + li {
                    margin: 0 0 0 16px;
                }

                .portalBannerButtonWrapper ul li a {
                    padding: 12px 20px;
                    text-align: center;
                }
}

@media (max-width:800px) {
    .portalBannerTxtWrapper {
        width: 205px;
        padding: 40px 20px 10px 10px;
    }

        .portalBannerTxtWrapper::before {
            width: 38px;
        }

    .portalBannerTxtInnerWrapper {
        top: 40px;
        bottom: 10px;
        left: 10px;
        right: 20px;
    }

    .portalBannerTxtWrapper h1, .portalBannerTxtWrapper h2 {
        margin: 0 0 20px;
        font-size: 1em;
    }

    .portalBannerTxtWrapper p {
        font-size: 0.9em;
    }

    .portalBannerButtonWrapper ul li {
        font-size: .75em;
    }

        .portalBannerButtonWrapper ul li + li {
            margin: 0 0 0 8px;
        }

        .portalBannerButtonWrapper ul li a {
            padding: 6px 12px;
        }
}

@media (max-width:500px) {
    .portalBannerItemWrapper {
        float: Left;
    }

    .portalBannerTxtWrapper {
        float: right;
        position: relative;
        width: calc(50% - 25px);
        z-index: 1;
        padding: 40px 20px 40px 10px;
    }

    .portalBannerTxtInnerWrapper {
        position: static;
    }

    .portalBannerTxtWrapper::before {
        width: 25px;
    }

    .portalBannerTxtWrapper h1, .portalBannerTxtWrapper h2 {
        margin: 0 0 10px;
        font-size: 0.9em;
    }

    .portalBannerImgWrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        height: auto;
        display: flex;
    }

        .portalBannerImgWrapper img {
            object-fit: cover;
            object-position: center;
        }

    .portalBannerButtonWrapper {
        padding: 12px 20px 0;
        background-color: transparent;
    }
}

@media (min-width:1400px) {
    .portalBannerImgWrapper {
        height: 500px;
    }
}
/* end:PORTAL BANNER */

/* PORTAL KEY CONTACTS */

.contentContainer h2 {
    font-size: 2em;
    font-family: Mont, Arial, Sans-serif;
    text-align: center;
}

.introContainer {
    font-family: MyriadPro-Light,Arial,Sans-serif;
    text-align: center;
    font-size: 1.5em;
    padding: 0 55px;
    margin: 60px 0 60px 0
}

.deptContainer {
    padding: 20px 55px 20px 55px;
    background-color: #d1d9dd;
    margin: 20px 0 20px 0;
}

    .deptContainer h2 {
        margin: 20px 0 30px 0;
    }

.contactRows {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(256px,20%));
    gap: 2em;
    justify-content: space-evenly;
}

.deptContainer ul {
    list-style: none;
    padding: 0;
    margin: 1em 0 0 0;
    font-size: 1.2em;
}

.deptContainer p {
    margin: 0 0 3em 0;
    text-align: center;
}

.deptContainer li:first-child {
    font-weight: bold;
}

.deptContainer li a {
    color: #424242;
}

/* end:PORTAL KEY CONTACTS */

/* PORTAL HEADER */

.headerContainer {
    position: relative;
}

.headerContainerImg img {
    display: block;
}

.headerContainerTxt {
    position: absolute;
    display: flex;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .headerContainerTxt h1 {
        font-family: Mont, Arial, Sans-serif;
        color: #ffffff;
        font-size: 3.5em;
        padding: 0 0 0 0;
    }

.headerContainerTxtBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
}


@media (max-width:1100px) {
    .headerContainerTxt h1 {
        font-size: 3em;
    }
}

@media (max-width:950px) {
    .headerContainerTxt h1 {
        font-size: 2.5em;
    }
}

@media (max-width:800px) {
    .headerContainerTxt h1 {
        font-size: 2em;
    }
}

@media (max-width:500px) {
    .headerContainerTxt h1 {
        font-size: 1.5em;
    }
}
/* end:PORTAL HEADERS */

/* [10] 2022 PORTAL  --------[END] */


#SKCookiePopupButtons button {
    color: #000
}

.grecaptcha-badge {
    visibility: hidden;
}

/* [12] LANDING BUTTON STYLES  --------[BEGIN] */
.landingResourcesWrapper {
    float: left;
    width: 100%;
    background-color: #FFF;
    padding: 70px 30px 55px;
    box-sizing: border-box;
}

    .landingResourcesWrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(256px, auto));
        grid-auto-rows: minmax(auto, auto);
        gap: 20px;
    }

    .landingResourcesWrapper li {
        background-color: #081f2c;
        text-transform: uppercase;
        color: #fff;
        padding: 16px 25px;
    }

    .landingResourcesWrapper a {
        color: #fff;
    }

.trainingWrapperButtons ul {
    width: 100%;
    list-style-type: none;
    list-style-position: outside;
    text-align: center;
    font-size: 1.05em;
    margin: 0;
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-auto-rows: minmax(auto, auto);
    gap: 20px;
}

.trainingWrapperButtons li {
    background-color: #081f2c;
    padding: 16px 25px;
    text-transform: uppercase;
    font-size: 1.05em;
}

.trainingWrapperButtons a {
    color: #fff;
}
/* [12] LANDING BUTTON STYLES  --------[END] */

/* [13] TRAINING LANDING  --------[BEGIN] */
.itemDetailWrapper {
    font-size: 1em;
}

.aprTrainingWrapper {
    margin: 0 0 0 0;
    padding: 0px 0 100px 0;
    display: block;
    width: 100%;
}

.scbaTrainingWrapper {
    margin: 0px 0 100px 0;
}

.trainingIntro p {
    font-size: 1.5em;
    font-family: MyriadPro-Light, Arial, Sans-serif;
    text-align: center;
}

.trainingWrapper p {
    font-size: 1.05em;
    font-family: MyriadPro-Regular, Arial, Sans-serif;
    width: 100%;
}

.trainingWrapper h2 {
    font-size: 2em;
    font-family: Hanzel, Arial, Sans-serif;
    text-align: center;
    margin: 0 0 2em 0;
}

.trainingWrapper h3 {
    font-size: 1.5em;
    font-family: MyriadPro-Regular, Arial, Sans-serif;
    margin: 1em 0 1em 0;
}

    .trainingWrapper h3 + p {
        margin-top: 1.5em;
    }

.trainingWrapper {
    float: left;
    width: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding: 0px 50px;
}

@media (max-width: 767px) {
    .trainingWrapper {
        padding: 0;
    }
}

    .trainingWrapper ul {
        width: 100%;
        list-style-type: none;
        list-style-position: outside;
        text-align: center;
        font-size: 1.05em;
        margin: 0;
        padding: 20px 0;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        grid-auto-rows: minmax(auto, auto);
        gap: 20px;
    }

.trainingWrapperButtons li {
    background-color: #081f2c;
    padding: 16px 25px;
    text-transform: uppercase;
    font-size: 1.05em;
}

.trainingWrapperButtons a {
    color: #fff;
}
/* [13] TRAINING LANDING  --------[END] */