/* Staffhub changes */

.hidden.apply-uom {
    display: none !important;
}

/*.profile-header__contact span.hidden[data-icon="mail"], .profile-header__info span.hidden[data-icon="profile"], .profile-header__info span.hidden[data-icon="smartphone"] {
    display: none;
}*/

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html.apply-uom {
    font-family: sans-serif;
    line-height: 1.15;
}

body.apply-uom {
    margin: 0
}

h1.apply-uom {
    font-size: 2em;
    margin: .67em 0
}

hr.apply-uom {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre.apply-uom {
    font-family: monospace, monospace;
    font-size: 1em
}

b.apply-uom, strong.apply-uom {
    font-weight: inherit;
    font-weight: bolder
}

dfn.apply-uom {
    font-style: italic
}

sub.apply-uom, sup.apply-uom {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub.apply-uom {
    bottom: -.25em
}

sup.apply-uom {
    top: -.5em
}

img.apply-uom {
    border-style: none
}

.apply-uom[type=reset], .apply-uom[type=submit], button.apply-uom, html.apply-uom [type=button] {
    -webkit-appearance: button
}

.apply-uom[type=button]::-moz-focus-inner, .apply-uom[type=reset]::-moz-focus-inner, .apply-uom[type=submit]::-moz-focus-inner, button.apply-uom::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.apply-uom[type=button]:-moz-focusring, .apply-uom[type=reset]:-moz-focusring, .apply-uom[type=submit]:-moz-focusring, button.apply-uom:-moz-focusring {
    outline: 1px dotted ButtonText
}

progress.apply-uom {
    display: inline-block;
    vertical-align: baseline
}

.apply-uom[type=number]::-webkit-inner-spin-button, .apply-uom[type=number]::-webkit-outer-spin-button {
    height: auto
}

html.apply-uom {
    height: 100%
}

body.apply-uom {
    font-size: 1em;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    min-height: 100%
}

h1.apply-uom, h2.apply-uom, h3.apply-uom, h4.apply-uom, h5.apply-uom, li.apply-uom, p.apply-uom {
    margin: 0;
    padding: 0
}

*.apply-uom {
    box-sizing: border-box
}

b.apply-uom, strong.apply-uom {
    font-weight: 600
}

sub.apply-uom, sup.apply-uom {
    font-size: 75% !important
}

sub *.apply-uom, sup *.apply-uom {
    font-size: inherit !important
}

.uomcontent .subtitle.apply-uom {
    font-size: 1.375rem;
    font-weight: 600
}

.uomcontent .subtitle.apply-uom, .uomcontent .title.apply-uom {
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif*/
}

.uomcontent .title.apply-uom {
    font-weight: 700;
    letter-spacing: -.03em;
    text-align: center
}

@-webkit-keyframes hue {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="0" /></filter></svg>#filter');
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(-1turn)
    }
}

@keyframes hue {
    0% {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="hueRotate" color-interpolation-filters="sRGB" values="0" /></filter></svg>#filter');
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(-1turn)
    }
}

.uomcontent.apply-uom {
    background-color: #fff;
    font-weight: 400
}

.uomcontent .fixed.apply-uom {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

.uomcontent .serif.apply-uom {
    font-family: Noto Serif, Georgia, Times New Roman, serif
}

.uomcontent .light.apply-uom, .uomcontent .thin.apply-uom {
    font-weight: 300
}

.uomcontent .bold.apply-uom {
    font-weight: 600
}

.uomcontent h1.apply-uom, .uomcontent h2.apply-uom, .uomcontent h3.apply-uom, .uomcontent h4.apply-uom, .uomcontent h5.apply-uom, .uomcontent h6.apply-uom {
    color: #012a58
}

.uomcontent h1.apply-uom {
    font-size: 2.25rem;
    line-height: 2.25rem;
    padding-bottom: 1.5rem;
    font-weight: 700;
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif*/
}

@media screen and (min-width: 769px) {
    .uomcontent h1.apply-uom {
        font-size: 2.625rem;
        line-height: 3rem
    }
}

.uomcontent h2.apply-uom {
    clear: left;
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif;*/
    font-size: 1.75rem;
    font-weight: 700;
    padding-bottom: 1.5rem;
    line-height: 2.25rem
}

@media screen and (min-width: 769px) {
    .uomcontent h2.apply-uom {
        font-size: 2rem
    }
}

.uomcontent h3.apply-uom {
    font-size: 1.4375rem;
    font-weight: 600;
    margin-bottom: .625rem
}

@media screen and (min-width: 769px) {
    .uomcontent h3.apply-uom {
        font-size: 1.5625rem
    }
}

.uomcontent h3.subtitle.apply-uom {
    text-decoration: underline;
    text-transform: none
}

.uomcontent h4.apply-uom {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .5rem
}

@media screen and (min-width: 769px) {
    .uomcontent h4.apply-uom {
        font-size: 1.375rem
    }
}

.uomcontent h5.apply-uom {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .3125rem
}

@media screen and (min-width: 769px) {
    .uomcontent h5.apply-uom {
        font-size: 1.25rem
    }
}

.uomcontent h6.apply-uom {
    font-size: 1rem;
    font-weight: 600
}

@media screen and (min-width: 769px) {
    .uomcontent h6.apply-uom {
        font-size: 1.125rem
    }
}

.uomcontent li.apply-uom, .uomcontent p.apply-uom {
    padding-bottom: 1.5rem
}

@media screen and (min-width: 769px) {
    .uomcontent li.apply-uom, .uomcontent p.apply-uom {
        font-size: 1.125rem
    }
}

.uomcontent ol.apply-uom, .uomcontent ul.apply-uom {
    max-width: 43.75rem;
    margin: 0 auto;
    padding-left: .9375rem;
    padding-right: .9375rem;
    padding-bottom: 1.5rem;
    list-style-position: outside
}

.uomcontent ol li.apply-uom, .uomcontent ul li.apply-uom {
    padding-bottom: .5rem;
    margin-left: .9375rem;
    max-width: 43.75rem;
    display: list-item
}

.uomcontent ol li.no-li.apply-uom, .uomcontent ul li.no-li.apply-uom {
    list-style-type: none
}

.uomcontent ol li.no-li.apply-uom:before, .uomcontent ul li.no-li.apply-uom:before {
    display: none
}

@media screen and (min-width: 769px) {
    .uomcontent ol.nobullet.apply-uom, .uomcontent ul.nobullet.apply-uom {
        padding-left: 0
    }
}

.uomcontent ol.nobullet li.apply-uom, .uomcontent ul.nobullet li.apply-uom {
    list-style-type: none;
    margin-left: 0
}

.uomcontent ol ol.apply-uom, .uomcontent ol ul.apply-uom, .uomcontent ul ol.apply-uom, .uomcontent ul ul.apply-uom {
    padding-top: .5rem;
    padding-bottom: 0
}

.uomcontent ol ul li.apply-uom, .uomcontent ul ul li.apply-uom {
    list-style-type: disc
}

.uomcontent ol ol li.apply-uom, .uomcontent ul ol li.apply-uom {
    list-style-type: decimal
}

.uomcontent ol ol li ol li.apply-uom, .uomcontent ul ol li ol li.apply-uom {
    list-style-type: lower-alpha
}

.uomcontent ol ol li ol li ol li.apply-uom, .uomcontent ul ol li ol li ol li.apply-uom {
    list-style-type: lower-roman
}

.uomcontent ol ol li ul li.apply-uom, .uomcontent ul ol li ul li.apply-uom {
    list-style-type: disc
}

.uomcontent ol.apply-uom {
    padding-left: 1.875rem
}

.uomcontent ol[type="1"] li.apply-uom, .uomcontent ol[type=i] li ol[type="1"] li.apply-uom {
    list-style-type: decimal
}

.uomcontent ol[type="1"] li ol[type=i] li.apply-uom {
    list-style-type: lower-roman
}

.uomcontent ol.steps.apply-uom {
    max-width: 56.25rem;
    counter-reset: steps;
    padding-left: 0;
    padding-right: 0
}

.uomcontent ol.steps > li.apply-uom {
    max-width: 56.25rem;
    padding-left: 4.375rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    counter-increment: steps;
    list-style-type: none;
    position: relative
}

.uomcontent ol.steps > li > ol.apply-uom, .uomcontent ol.steps > li > ul.apply-uom {
    padding-top: 0;
    padding-bottom: 1.5rem
}

.uomcontent ol.steps > li.apply-uom:first-child {
    border-top: none
}

.uomcontent ol.steps > li.apply-uom:before {
    font-size: 28px;
    font-size: 1.75rem;
    letter-spacing: -.03em;
    padding-top: 26px;
    padding-top: 1.625rem;
    width: 60px;
    width: 3.75rem;
    content: counter(steps);
    display: block;
    font-family: Noto Serif, Georgia, Times New Roman, serif;
    font-weight: 700;
    left: 0;
    line-height: 1.2;
    position: absolute;
    text-align: right;
    top: 0
}

.uomcontent ol.steps > li > p.apply-uom:first-child {
    padding-top: 1.5rem
}

.uomcontent ol.steps h2.apply-uom {
    line-height: 2.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    text-transform: none
}

.uomcontent ol.steps ol.apply-uom, .uomcontent ol.steps ul.apply-uom {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

@media screen and (min-width: 769px) {
    .uomcontent ol.steps > li > *.apply-uom {
        max-width: 650px !important
    }
}

@media screen and (min-width: 860px) {
    .uomcontent ol.steps > li.apply-uom {
        margin-right: 0;
        padding-left: 0
    }
}

@media screen and (min-width: 1099px) {
    .uomcontent ol.steps > li.apply-uom {
        padding-left: 6.875rem
    }

    .uomcontent ol.steps > li > *.apply-uom {
        margin-left: 0 !important
    }

    .uomcontent ol.steps > li li > *.apply-uom {
        margin-left: 0
    }

    .uomcontent ol.steps > li.apply-uom:before {
        font-size: 32px;
        font-size: 2rem;
        letter-spacing: -.03em;
        padding-top: 24px;
        padding-top: 1.5rem
    }
}

@media screen and (min-width: 1400px) {
    .uomcontent ol.steps > li > *.apply-uom {
        max-width: 700px !important
    }
}

.uomcontent ol.nested.apply-uom {
    counter-reset: section;
    list-style-type: none;
    padding-left: 3%;
    padding-right: 3%;
    width: 94%
}

.uomcontent ol.nested ol.apply-uom {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.uomcontent ol.nested li.apply-uom {
    list-style-type: none;
    margin-left: 0
}

.uomcontent ol.nested li.apply-uom:before {
    counter-increment: section;
    content: counters(section, ".") ". ";
    padding-right: .4em
}

.uomcontent ol.nested ol.apply-uom {
    counter-reset: section;
    list-style-type: none
}

.uomcontent ol.nested ol li.apply-uom:before {
    content: counters(section, ".") " "
}

.uomcontent ol.nested ol[type=i] li.apply-uom {
    list-style-type: lower-roman
}

.uomcontent ul li.apply-uom {
    list-style-type: disc
}

.uomcontent ul.ticked-list.apply-uom {
    padding-left: 1.875rem
}

@media screen and (min-width: 769px) {
    .uomcontent ul.ticked-list.apply-uom {
        padding-left: 1.25rem
    }
}

.uomcontent ul.ticked-list > li.apply-uom {
    list-style-type: none;
    position: relative
}

.uomcontent ul.ticked-list > li.apply-uom:before {
    height: 5px;
    height: .3125rem;
    left: 6px;
    left: .375rem;
    margin-left: -30px;
    margin-left: -1.875rem;
    top: 6px;
    top: .375rem;
    width: 10px;
    width: .625rem;
    background: transparent;
    border: 3px solid #467749;
    border-right: 0 none;
    border-top: 0 none;
    content: "";
    position: absolute;
    transform: rotate(-45deg)
}

.uomcontent dl.apply-uom {
    font-size: .75rem;
    line-height: 1.5rem;
    padding: 1.5rem .9375rem
}

.uomcontent dl dt.apply-uom {
    width: 7.5rem;
    clear: left;
    float: left
}

.uomcontent dl dd.apply-uom {
    float: left
}

.uomcontent hr.apply-uom {
    border: 0;
    border-bottom: 1px solid #cde6ff;
    clear: both;
    line-height: 0;
    margin: 0
}

.uomcontent .center.apply-uom {
    padding: 0 0 3.75rem;
    margin: 0 auto;
    text-align: center
}

.uomcontent .box.apply-uom > :first-child {
    margin-top: 0;
    padding-top: 0
}

.uomcontent .grey.apply-uom {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #777
}

.uomcontent .line.apply-uom {
    font-size: .8em;
    letter-spacing: 1px
}

body.apply-uom {
    color: #272727;
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: visible
}

body.apply-uom:before {
    content: "";
    background-color: #094183;
    position: absolute;
    height: 300px;
    top: -300px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

/*.uomcontent [role=main] > :first-child {
    padding-top: 6.25rem
}*/

.ie9 .uomcontent ul.ticked-list li.apply-uom:before {
    color: #a1d172;
    content: "";
    font-size: 16px;
    font-weight: 600;
    left: 0;
    margin-left: -22px;
    position: absolute
}

.uomcontent .profile.apply-uom {
    background-color: #cde6ff
}

.uomcontent .profile h1.apply-uom {
    margin-bottom: 2.1875rem;
    border-bottom: 2px solid #094183;
    color: #094183
}

@media screen and (min-width: 481px) {
    .uomcontent .profile h1.apply-uom {
        margin-bottom: 1.5625rem
    }
}

@media screen and (min-width: 1099px) {
    .uomcontent .profile h1.apply-uom {
        font-size: 3.125rem;
        margin-bottom: 1.9375rem
    }
}

.uomcontent code.apply-uom {
    color: #000
}

.uomcontent code.apply-uom, .uomcontent pre.apply-uom {
    font-size: 1rem;
    line-height: 1.5rem;
    background-color: #f7f7f7;
    border-width: 0;
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

.uomcontent pre.apply-uom {
    font-size: .8125rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    border-bottom-width: 1px;
    border-top-width: 1px;
    padding: 1.5rem .9375rem;
    overflow: auto
}

.uomcontent pre code.apply-uom {
    border-bottom: 0
}

@media screen and (min-width: 700px) {
    .uomcontent pre.apply-uom {
        border-radius: 3px;
        border-left-width: 1px;
        border-right-width: 1px
    }
}

@media screen and (min-width: 769px) {
    .uomcontent pre.apply-uom {
        margin-left: auto;
        margin-right: auto;
        max-width: 56.25rem
    }
}

.uomcontent .inset-left.apply-uom, .uomcontent .inset-right.apply-uom {
    float: none;
    margin: .375rem auto 0;
    max-width: 100%;
    padding: 0;
    text-align: center
}

@media screen and (min-width: 600px) {
    .uomcontent .inset-left.apply-uom, .uomcontent .inset-right.apply-uom {
        margin-bottom: 1.875rem;
        border: 0 none;
        max-width: 62%
    }

    .uomcontent .inset-left.apply-uom {
        margin-right: 1.875rem;
        float: left;
        text-align: left
    }

    .uomcontent .inset-right.apply-uom {
        margin-left: 1.875rem;
        float: right;
        text-align: right
    }
}

@media screen and (min-width: 1099px) {
    .uomcontent .inset-left.apply-uom, .uomcontent .inset-right.apply-uom {
        margin-bottom: 1.25rem;
        max-width: 80%
    }

    .uomcontent .inset-left.apply-uom {
        margin-left: -11.25rem
    }

    .uomcontent .inset-right.apply-uom {
        margin-right: -11.25rem
    }
}

.uomcontent img.apply-uom {
    max-width: 100%
}

.uomcontent .noborder.apply-uom {
    border: 0
}

.uomcontent .tight.apply-uom {
    padding-bottom: 0;
    padding-top: 0
}

.uomcontent .hero-listing.apply-uom {
    padding-bottom: 3rem;
    margin: 0 auto;
    max-width: 87.5rem;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box
}

.uomcontent .hero-listing > li.apply-uom {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-top: 1px solid #ebecec;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: auto;
    overflow: hidden
}

.uomcontent .hero-listing > li.apply-uom:first-child {
    border-top: 0 none
}

.uomcontent .hero-listing img.apply-uom {
    display: block;
    margin: 0 auto 0 0;
    max-width: 100%
}

.uomcontent .hero-listing strong.apply-uom {
    font-size: 1rem;
    color: #094183;
    display: block;
    font-weight: 400
}

.uomcontent .hero-listing p.apply-uom {
    font-size: .8125rem;
    padding: 0;
    width: auto
}

@media screen and (min-width: 481px) {
    .uomcontent .hero-listing.apply-uom {
        padding-top: 3rem
    }

    .uomcontent .hero-listing img.apply-uom {
        max-width: 100%
    }

    .uomcontent .hero-listing p.apply-uom {
        margin-left: 0
    }

    .uomcontent .hero-listing > li.apply-uom {
        padding-bottom: 1.5rem;
        border: 0;
        display: inline-block;
        vertical-align: top;
        width: 49.5%
    }

    .uomcontent .hero-listing > li.apply-uom:nth-child(4n+1) {
        clear: left
    }

    .uomcontent .hero-listing p.apply-uom, .uomcontent .hero-listing strong.apply-uom {
        text-align: left
    }
}

.uomcontent .hero-listing > li.apply-uom {
    padding-bottom: 1.5rem;
    border-top: 0 none;
    text-align: center
}

.uomcontent .hero-listing img.apply-uom {
    float: none
}

.uomcontent .hero-listing strong.apply-uom {
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: left
}

.uomcontent .hero-listing p.apply-uom {
    margin-left: 0;
    text-align: left
}

@media screen and (min-width: 481px) {
    .uomcontent .hero-listing > li.apply-uom {
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    .uomcontent .hero-listing > li.apply-uom {
        width: 49.7%
    }

    .uomcontent .hero-listing > li.apply-uom:nth-child(4n+1) {
        clear: none
    }

    .uomcontent .hero-listing > li.apply-uom:nth-child(odd) {
        clear: left
    }

    .uomcontent .hero-listing strong.apply-uom {
        font-size: 1.25rem;
        line-height: 1.5rem;
        padding-bottom: .75rem
    }
}

.uomcontent .hero-listing h2.apply-uom, .uomcontent .hero-listing li.apply-uom {
    max-width: 100%;
    position: relative
}

.uomcontent .hero-listing h2.apply-uom {
    margin-bottom: 1.5rem;
    background-size: cover;
    padding: 0
}

.uomcontent .hero-listing .inner.apply-uom {
    background-color: rgba(0, 0, 0, .6);
    margin: 0;
    max-width: 100%;
    padding: 3%;
    padding-bottom: .9375rem;
    padding-top: .9375rem
}

.uomcontent .hero-listing .inner strong.apply-uom {
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif;*/
    font-weight: 700;
    font-size: 2.5rem;
    color: #fff;
    line-height: 1.2;
    padding-bottom: .625rem;
    padding-top: 0
}

.uomcontent .hero-listing .inner p.apply-uom {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #f7f7f7;
    max-width: 100%;
    padding: 0
}

@media screen and (min-width: 769px) {
    .uomcontent .hero-listing li.apply-uom {
        padding-bottom: 0;
        width: 100%
    }

    .uomcontent .hero-listing .inner.apply-uom {
        padding: 10%
    }

    .uomcontent .hero-listing .inner strong.apply-uom {
        padding-top: .75rem
    }

    .uomcontent .hero-listing .inner p.apply-uom {
        padding-bottom: 1.5rem
    }
}

@media screen and (min-width: 1099px) {
    .uomcontent .hero-listing .inner.apply-uom {
        padding: 10% 20%
    }
}

.logo-listing.apply-uom {
    max-width: 56.25rem;
    margin: 0 auto;
    text-align: center
}

.logo-listing__item.apply-uom {
    padding: .625rem;
    color: rgba(0, 0, 0, .8);
    display: inline-block;
    vertical-align: middle
}

.logo-listing li.apply-uom {
    list-style-type: none
}

.uomcontent #overview h2.apply-uom {
    padding-top: 0
}

.uomcontent .pricing h2.apply-uom {
    padding-bottom: 0
}

.uomcontent .pricing h3.apply-uom {
    font-size: 1.625rem;
    line-height: 2.25rem;
    padding-top: 0;
    padding-bottom: 1.5rem
}

.uomcontent .pricing p.apply-uom {
    font-size: .875rem;
    line-height: 1.5rem;
    padding-top: 0;
    padding-bottom: 0
}

.uomcontent .newsletter-box.apply-uom {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    max-width: 56.25rem;
    background-color: transparent;
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.uomcontent .newsletter-box p.apply-uom {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: 1.5rem
}

@media screen and (min-width: 769px) {
    .uomcontent .newsletter-box.apply-uom {
        padding-top: 0
    }
}

@-webkit-keyframes flash {
    0%, to {
        color: #ee8889
    }
    66% {
        color: #ffbdcc
    }
}

@keyframes flash {
    0%, to {
        color: #ee8889
    }
    66% {
        color: #ffbdcc
    }
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp.apply-uom {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp *.apply-uom {
    box-sizing: border-box
}

.pswp--open.apply-uom {
    display: block
}

.pswp--zoomed-in .pswp__img.apply-uom {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp__bg.apply-uom {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg.apply-uom {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__item.apply-uom {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img.apply-uom, .pswp__item.apply-uom {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img.apply-uom {
    width: auto;
    height: auto
}

.pswp--ie .pswp__img.apply-uom {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg.apply-uom {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button.apply-uom {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button.apply-uom:focus, .pswp__button.apply-uom:hover {
    opacity: 1
}

.pswp__button.apply-uom::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close.apply-uom {
    opacity: 1
}

.pswp__button--close.apply-uom {
    background-position: 0 -44px
}

.pswp__button--fs.apply-uom {
    display: none
}

.pswp--supports-fs .pswp__button--fs.apply-uom {
    display: block
}

.pswp--fs .pswp__button--fs.apply-uom {
    background-position: -44px 0
}

.pswp__button--zoom.apply-uom {
    display: none;
    background-position: -88px 0
}

.pswp--zoomed-in .pswp__button--zoom.apply-uom {
    background-position: -132px 0
}

.pswp__counter.apply-uom {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

@-webkit-keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-140deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-140deg)
    }
    to {
        transform: rotate(0)
    }
}

.pswp__ui.apply-uom {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp img.apply-uom {
    max-width: none
}

@-webkit-keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180deg) rotateY(0deg)
    }
    to {
        transform: perspective(120px) rotateX(-180deg) rotateY(-180deg)
    }
}

.uomcontent .cube.apply-uom {
    height: 3.125rem;
    width: 3.125rem;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    background-color: #094183;
    margin: 0 auto
}

.ps.apply-uom {
    touch-action: auto;
    overflow: hidden !important;
}

@supports (-ms-overflow-style:none) {
    .ps.apply-uom {
        overflow: auto !important
    }
}

.uomcontent .ribbon.apply-uom {
    display: inline-block;
    font-size: .875em;
    font-weight: 700;
    line-height: 2;
    padding: 0 .625em
}

.uomcontent .ribbon--event-listing.apply-uom {
    margin-left: 3%;
    margin-bottom: .625rem
}

@media (min-width: 769px) {
    .uomcontent .ribbon.apply-uom {
        position: absolute;
        top: 1.125em;
        right: 1.125em;
        z-index: 1;
        display: block;
        width: 100%;
        font-size: 1em;
        line-height: 2.25;
        text-align: center;
        transform-origin: top right;
        transform: rotate(45deg) translate(50%, 50%)
    }

    .uomcontent .ribbon--event-listing.apply-uom {
        margin: 0
    }
}

.uomcontent .news-hero.apply-uom {
    padding-bottom: 3rem;
    max-width: 87.5rem;
    margin: 0 auto;
    text-align: right
}

.uomcontent .news-hero .inner.apply-uom {
    padding: 1.5rem 1.875rem 1.875rem;
    background-color: #094183;
    background-color: rgba(9, 65, 131, .7);
    color: #f7f7f7;
    max-width: 100%;
    transition-property: background-color;
    transition-duration: .2s
}

.uomcontent .news-hero h1.apply-uom, .uomcontent .news-hero h2.apply-uom, .uomcontent .news-hero h3.apply-uom, .uomcontent .news-hero h4.apply-uom, .uomcontent .news-hero h5.apply-uom, .uomcontent .news-hero h6.apply-uom {
    color: #fff
}

.uomcontent .news-hero h1.apply-uom {
    max-width: 56.25rem;
    margin: 0 0 .9375rem;
    padding: 0
}

.uomcontent .news-hero p.apply-uom {
    max-width: 56.25rem;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 769px) {
    .uomcontent .news-hero.apply-uom {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.uomcontent .news-index h1.apply-uom {
    font-size: 1.375rem;
    line-height: 2.25rem;
    max-width: 56.25rem;
    padding-bottom: .9375rem
}

.uomcontent .news-index p.apply-uom {
    max-width: 56.25rem;
    padding-bottom: 0
}

.uomcontent .news-index p.topic.apply-uom {
    font-size: 1rem;
    margin-bottom: .3125rem
}

@media screen and (min-width: 769px) {

    .uomcontent .news-index h1.apply-uom {
        font-size: 1.625rem;
        line-height: 2.25rem
    }
}

.uomcontent .news-index.dense h1.apply-uom {
    font-size: 1.25rem;
    line-height: 1.5rem;
    padding-bottom: .75rem
}

.uomcontent .news-index.dense p.apply-uom {
    font-size: 1rem
}

@media screen and (min-width: 769px) {
    .uomcontent .news-index.dense h1.apply-uom {
        font-size: 1.25rem;
        line-height: 1.5rem
    }
}

.gen-2-ported .list-reset.apply-uom {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.gen-2-ported .list-reset li.apply-uom {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.gen-2-ported .list-chevrons > li.apply-uom:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    margin-right: .5em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjgiPgogIDxwYXRoIGQ9Ik0wIDB2Mi4yNUwxLjc1IDQgMCA1Ljc1VjhsNC00eiIgZmlsbD0iI2ZmZiIgLz4KPC9zdmc+");
    vertical-align: middle
}

@supports (display:flex) {
    .gen-2-ported .list-chevrons > li.apply-uom {
        display: flex;
        align-items: center
    }
}

.gen-2-ported .link-icon.apply-uom {
    display: inline-block;
    position: relative;
    line-height: 1.3;
    vertical-align: center
}

.gen-2-ported .link-icon__icon.apply-uom {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.3em;
    height: 1.3em
}

.gen-2-ported .link-icon__text.apply-uom {
    display: inline-block;
    padding-right: .125rem;
    padding-left: 1.8em;
    text-decoration: inherit;
    vertical-align: top
}

.gen-2-ported .list-def.apply-uom {
    font-size: 1.125rem
}

.gen-2-ported .list-def > dd.apply-uom, .gen-2-ported .list-def > dt.apply-uom {
    display: block
}

.gen-2-ported .list-def > dt.apply-uom {
    margin-right: 1ch;
    float: left;
    clear: left;
    font-weight: 600;
    width: auto
}

.gen-2-ported .list-def > dd.apply-uom {
    margin-bottom: .25rem;
    margin-left: 0;
    padding: 0 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

.gen-2-ported .logo.apply-uom {
    display: flex
}

.gen-2-ported .logo__link.apply-uom {
    color: #fff;
    line-height: 0
}

.gen-2-ported .grid.apply-uom {
    display: flex;
    flex-direction: column;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.gen-2-ported .grid--center.apply-uom {
    justify-content: center
}

@media (min-width: 481px) {
    .gen-2-ported .grid.apply-uom {
        flex-flow: row wrap
    }
}

@media (min-width: 769px) {
    .gen-2-ported .grid--1col.apply-uom, .gen-2-ported .grid--2col.apply-uom, .gen-2-ported .grid--3col.apply-uom, .gen-2-ported .grid--4col.apply-uom {
        flex-direction: row
    }

    .gen-2-ported .grid--1col .cell.apply-uom, .gen-2-ported .grid--2col .cell.apply-uom, .gen-2-ported .grid--3col .cell.apply-uom, .gen-2-ported .grid--4col .cell.apply-uom {
        display: flex;
        flex-direction: column
    }

    .gen-2-ported .grid--2col .cell.apply-uom {
        width: 50%
    }

    .gen-2-ported .grid--3col .cell.apply-uom {
        width: 33.33333%
    }

    .gen-2-ported .grid--4col .cell.apply-uom {
        width: 25%
    }
}

.gen-2-ported .cell.apply-uom {
    width: 100%;
    margin-top: .75rem;
    margin-bottom: .75rem;
    padding-right: .75rem;
    padding-left: .75rem
}

@media (min-width: 769px) {
    .gen-2-ported .cell--desk-1of1.apply-uom {
        width: 100%
    }

    .gen-2-ported .cell--desk-1of2.apply-uom {
        width: 50%
    }

    .gen-2-ported .cell--desk-1of3.apply-uom {
        width: 33.33333%
    }

    .gen-2-ported .cell--desk-2of3.apply-uom {
        width: 66.66666%
    }

    .gen-2-ported .cell--desk-1of4.apply-uom {
        width: 25%
    }

    .gen-2-ported .cell--desk-3of4.apply-uom {
        width: 75%
    }
}

@media (min-width: 1099px) {
    .gen-2-ported .cell--wide-1of1.apply-uom {
        width: 100%
    }

    .gen-2-ported .cell--wide-1of2.apply-uom {
        width: 50%
    }

    .gen-2-ported .cell--wide-1of3.apply-uom {
        width: 33.33333%
    }

    .gen-2-ported .cell--wide-2of3.apply-uom {
        width: 66.66666%
    }

    .gen-2-ported .cell--wide-1of4.apply-uom {
        width: 25%
    }

    .gen-2-ported .cell--wide-3of4.apply-uom {
        width: 75%
    }
}

.gen-2-ported .toggleblock.apply-uom {
    flex-direction: column;
    width: 100%
}

.gen-2-ported .toggleblock__hidden.apply-uom {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out
}

.gen-2-ported .toggleblock--mobile .toggleblock__hidden.apply-uom {
    padding-top: 1.5rem
}

.gen-2-ported .toggleblock--mobile .toggleblock__footer.apply-uom {
    display: block;
    visibility: visible;
    height: auto;
    padding: .925rem;
    border-top: 3px solid hsla(0, 0%, 100%, .3);
    background-color: #094183;
    color: #fff;
    /*font-family: Source Sans Pro, Gill Sans, Trebuchet MS, Arial, sans-serif;*/
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

.gen-2-ported .toggleblock--mobile .toggleblock__footer.apply-uom:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    top: .125rem;
    width: 10.672px;
    width: .667rem;
    height: 10.672px;
    height: .667rem;
    margin-right: 16px;
    margin-right: 1rem;
    transform: rotate(45deg);
    border: 0 solid #fff;
    border-top-width: 1px;
    border-left-width: 1px
}

@media (min-width: 769px) {

    .gen-2-ported .toggleblock--mobile .toggleblock__hidden.apply-uom {
        max-height: 120rem;
        padding-top: 0
    }

    .gen-2-ported .toggleblock--mobile .toggleblock__footer.apply-uom {
        display: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
}

@-webkit-keyframes slideFromRight {
    0% {
        transform: translateX(100%)
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        transform: translateY(-100%)
    }
}

@keyframes slideFromTop {
    0% {
        transform: translateY(-100%)
    }
}

body.apply-uom {
    overflow-x: hidden
}

.uomcontent ul.quicklinks.apply-uom {
    margin: 1.875rem 0;
    padding: .9375rem 0;
    clear: both;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.uomcontent ul.quicklinks li.apply-uom {
    line-height: 2.5rem;
    clear: both;
    list-style-type: none;
    margin-left: 0;
    width: 100%
}

@media screen and (min-width: 769px) {
    .uomcontent ul.quicklinks li.apply-uom {
        clear: none;
        line-height: 1
    }
}

.uomcontent ul.quicklinks .icon.apply-uom {
    background-color: transparent;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.5rem;
    margin-right: .625rem;
    width: 1.5rem;
    display: block;
    float: left
}

@media screen and (min-width: 769px) {
    .uomcontent ul.quicklinks .icon.apply-uom {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0
    }
}

@media screen and (min-width: 769px) {
    .uomcontent ul.quicklinks.apply-uom {
        border-bottom: 1px solid #094183;
        border-top: 1px solid #094183
    }

    .uomcontent ul.quicklinks li.apply-uom {
        float: left;
        width: 16.666%
    }
}

@-webkit-keyframes chevron-left {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-5px)
    }
}

@keyframes chevron-left {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-5px)
    }
}

@media print {
    body.apply-uom {
        background-color: #fff
    }

    body .uomcontent.apply-uom {
        color: #000 !important;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 auto;
        max-width: 700px
    }

    body .uomcontent.apply-uom, body .uomcontent *.apply-uom {
        background-color: #fff;
        font-size: 11pt;
        font-weight: 400;
        line-height: 1.2
    }
}