/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* 
.paragraphSystem,
.row {
    margin-left: -15px;
    margin-right: -15px;
} */

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.paragraphSystem:before,
.paragraphSystem:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after,
.paragraphSystem:after,
.container:after,
.container-fluid:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

  /*2023change*/
    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1;
    margin: 0
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

/* 2023change */
/*hr {
    box-sizing: content-box;
    height: 0
}*/

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: 1
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

#cq-emulator-content.firefox {
    background-color: #fff !important
}

.alert-list {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style-type: disc
}

.alert-list li {
    padding-left: 4px
}

.alert-error {
    color: red
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-danger {
    color: #9e2118;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-warning {
    color: #be572a;
    background: #e8d98b;
    border-color: #ce973d
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.is-hidden {
    display: none !important;
    visibility: hidden !important
}

.clear {
    clear: both
}

.clear,
.clearfix:after,
.clearfix:before {
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after,
.clearfix:before {
    content: " "
}

.clearfix:after {
    clear: both
}

@font-face {
    font-family: Meta;
    src: url(../font/a84f9414-0a63-43c3-af4e-b539379a7663_subset.woff) format("woff"), url(../font/a84f9414-0a63-43c3-af4e-b539379a7663_subset.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/cb1a6f35-bf8b-4c80-9d0d-21659bd4f65b_subset.woff) format("woff"), url(../font/cb1a6f35-bf8b-4c80-9d0d-21659bd4f65b_subset.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Meta;
    src: url(../font/0019971a-26fc-48c5-86d3-5cdddf826b3c1_subset.woff) format("woff"), url(../font/0019971a-26fc-48c5-86d3-5cdddf826b3c1_subset.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/08800138-e877-4ee6-88b8-e3eb8501f2e41_subset.woff) format("woff"), url(../font/08800138-e877-4ee6-88b8-e3eb8501f2e41_subset.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Meta;
    src: url(../font/b23ccf56-0446-476c-adce-42ac11400ac5_subset.woff) format("woff"), url(../font/b23ccf56-0446-476c-adce-42ac11400ac5_subset.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Meta;
    src: url(../font/3646909e-6665-4bc9-9ca4-755b0a619aef_subset.woff) format("woff"), url(../font/3646909e-6665-4bc9-9ca4-755b0a619aef_subset.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: FF Meta Headline W05;
    src: url(../font/7656685b-ddce-433c-b7f8-c041e79d8948.woff2) format("woff2"), url(../font/9a693966-d25b-4a0a-8dcf-91fae82d4ea7.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Material Icons;
    src: url(../font/Material-Icons.ttf) format("truetype"), url(../font/Material-Icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 8px
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0
}

.header-override {
    line-height: 0;
    margin-bottom: 0
}

h1 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 52px;
    line-height: 3.25rem;
    display: block
}

h1 sup {
    font-size: 25%;
    top: -2.4em
}

@media only screen and (min-width:992px) {
    h1 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:1600px) {
    h1 {
        font-weight: 700;
        letter-spacing: -2px;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 100px;
        line-height: 6.25rem
    }
}

@media only screen and (min-width:992px) {
    h1 {
        margin-bottom: 16px
    }
}

h2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block
}

h2 sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    h2 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    h2 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

h3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    display: block
}

h3 sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    h3 {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    h3 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

h4 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    display: block
}

h4 sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    h4 {
        line-height: 32px;
        line-height: 2rem
    }
}

h5 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    display: block
}

h5 sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    h5 {
        line-height: 28px;
        line-height: 1.75rem
    }
}

h6 {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    h6 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

sup {
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 60%;
    top: -.5em
}

.capitalized {
    text-transform: capitalize
}

@keyframes rotate360 {
    to {
        transform: rotate(1turn)
    }
}

body,
html {
    width: 100%
}

body.hide-scrollbars,
html.hide-scrollbars {
    overflow: hidden;
    height: 100%
}

@media only screen and (max-width:1199px) {

    body.hide-scrollbars-filters,
    html.hide-scrollbars-filters {
        overflow: hidden;
        position: fixed;
        height: 100%
    }
}

body {
    font-family: Meta, sans-serif;
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    position: relative;
    left: 0;
    overflow: auto;
    color: #252525;
    transition: left .2s, position .2s;
    -webkit-font-smoothing: antialiased
}

body.sidebar-open {
    overflow: hidden;
    left: 274px;
    width: 100%;
    position: fixed
}

@media only screen and (min-width:576px) {
    body.sidebar-open {
        left: 422px
    }
}

body.modal-open {
    overflow: hidden;
    position: fixed
}

body.overlay-open {
    overflow: hidden
}

body:not(.userTabbed) * {
    outline: 0
}

@media only screen and (max-width:991px) {
    .hide-scrollbars body {
        position: fixed
    }
}

.hide-scrollbars.mod-touch body {
    position: fixed
}

img {
    max-width: 100%
}

a {
    color: #252525;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

em {
    font-stretch: expanded;
    font-style: italic
}

blockquote {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem
}

blockquote sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    blockquote {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    blockquote {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

button,
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

ul[class] {
    list-style: none
}

.component-content:after,
.component-content:before {
    content: "";
    display: table
}

.component-content:after {
    clear: both
}

[id=footer] {
    background-color: #ebebeb
}

.visuallyhidden {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    padding: 0;
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden
}

.container {
    width: 100%;
    box-sizing: border-box
}

.container-box {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width:576px) {
    .container-box {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width:1200px) {
    .container-box {
        max-width: 1120px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:1600px) {
    .container-box {
        max-width: 1540px
    }
}

.boxed.box:not(.box-local-navigation)>.component-content>.content {
    margin: 0 auto;
    position: relative
}

@media only screen and (min-width:576px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .boxed.box:not(.box-local-navigation)>.component-content>.content {
        max-width: 1570px
    }
}

.boxed:not(.box)>.component-content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .boxed:not(.box)>.component-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .boxed:not(.box)>.component-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .boxed:not(.box)>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .boxed:not(.box)>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .boxed:not(.box)>.component-content {
        max-width: 1570px
    }
}

.boxed:not(.box)>.component-content>.richText-content {
    padding: 0 15px
}

.boxed-super.box>.component-content>.content {
    margin: 0 auto
}

@media only screen and (min-width:0) {
    .boxed-super.box>.component-content>.content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .boxed-super.box>.component-content>.content {
        max-width: 1570px
    }
}

.boxed-super:not(.box)>.component-content {
    margin: 0 auto
}

@media only screen and (min-width:0) {
    .boxed-super:not(.box)>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .boxed-super:not(.box)>.component-content {
        max-width: 1570px
    }
}

.boxed-super:not(.box)>.component-content>.richText-content {
    padding: 0 15px
}

[id=header] .layout-inner>div {
    padding-left: 0;
    padding-right: 0
}

[id=header] .reference-header {
    padding: 0;
    float: none
}

[id=header] .box-heading {
    display: none
}

[id=header] .current-market-name {
    display: inline-block;
    padding-top: 8px
}

[id=header] .current-market-flag {
    display: inline-block;
    margin-top: 14px
}

[id=content] .layout-inner>div>.content-bottom>.component:not(.richText),
[id=content] .layout-inner>div>.content-footer>.component:not(.richText),
[id=content] .layout-inner>div>.content>.component:not(.richText) {
    padding-left: 0;
    padding-right: 0
}

[id=footer] {
    padding-top: 48px
}

@media only screen and (min-width:768px) {
    [id=footer] {
        padding-top: 64px
    }
}

@media only screen and (min-width:992px) {
    [id=footer] {
        padding-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    [id=footer] {
        padding-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    [id=footer] {
        padding-top: 128px
    }
}

[id=footer] .reference-footer,
[id=footer] .richText p {
    padding: 0;
    margin: 0
}

[id=footer] .box {
    min-height: 0
}

[id=footer] .box-heading {
    display: none
}

[id=footer] .footer.paragraphSystem {
    clear: both
}

@media only screen and (min-width:1200px) {
    [id=footer] .richText-horizontal-unordered-list ul {
        text-align: right
    }
}

[id=footer] .richText-horizontal-unordered-list ul li {
    vertical-align: top;
    display: block;
    margin: 0 0 8px
}

@media only screen and (min-width:576px) {
    [id=footer] .richText-horizontal-unordered-list ul li {
        margin: 0 10px;
        display: inline-block
    }
}

@media only screen and (min-width:768px) {
    [id=footer] .richText-horizontal-unordered-list ul li:last-child {
        margin-right: 0
    }
}

[id=footer] .richText-horizontal-unordered-list ul li a:link,
[id=footer] .richText-horizontal-unordered-list ul li a:visited {
    color: #4c4c4c;
    transition: color .1s
}

[id=footer] .richText-horizontal-unordered-list ul li a:hover {
    color: #464646;
    text-decoration: none
}

[id=footer] .richText-horizontal-unordered-list ul li a:active {
    color: #252525
}

[id=footer] .richText-horizontal-unordered-list ul li a:focus:not(:active) {
    color: #464646
}

@media only screen and (max-width:575px) {
    [id=footer] .reference-market-link {
        width: 100%
    }
}

.box>.component-content>.paragraphSystem,
.contentSnippet .snippetContent.paragraphSystem {
    margin: 0;
    height: 100% !important
}

.hide-on-mobile {
    display: none
}

@media only screen and (min-width:1200px) {
    .hide-on-mobile {
        display: block
    }
}

@media only screen and (min-width:1200px) {
    .hide-on-desktop {
        display: none
    }
}

@media only screen and (max-width:575px) {
    .hidden-xs {
        display: none
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .hidden-sm {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hidden-md {
        display: none
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hidden-lg {
        display: none
    }
}

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

@media only screen and (min-width:1600px) {
    .hidden-xxl {
        display: none
    }
}

.box-heading {
    margin: 0;
    padding: 0
}

.header.paragraphSystem {
    margin: 0
}

.clear-element {
    clear: both
}

.column-layout-wrapper {
    margin: 0 auto;
    float: none;
    position: static
}

@media only screen and (min-width:576px) {
    .column-layout-wrapper {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .column-layout-wrapper {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .column-layout-wrapper {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .column-layout-wrapper {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .column-layout-wrapper {
        max-width: 1570px
    }
}

.column-layout-wrapper>.row>div:first-child {
    position: static
}

.column-layout-wrapper>.row>div:first-child>.navigation {
    margin: 0
}

.aem-AuthorLayer-Edit body,
.cq-wcm-edit body {
    padding: 2px
}

.background-white {
    background-color: #fff
}

.background-gray5 {
    background-color: #fafafa
}

.background-gray10 {
    background-color: #ebebeb
}

.background-gray60 {
    background-color: #616161
}

.background-gray80 {
    background-color: #464646
}

.background-gray90 {
    background-color: #252525
}

.background-accent-red-100 {
    background-color: #fbd5c9
}

.background-accent-red-300 {
    background-color: #eb9e8b
}

.background-accent-red-500 {
    background-color: #e22d00
}

.background-accent-red-700 {
    background-color: #a81910
}

.background-accent-red-900 {
    background-color: #601b15
}

.background-accent-white {
    background-color: #fff
}

.background-accent-grey-5 {
    background-color: #fafafa
}

.background-accent-grey-10 {
    background-color: #ebebeb
}

.background-accent-grey-15 {
    background-color: #d9d9d9
}

.background-accent-grey-20 {
    background-color: #ccc
}

.background-accent-grey-30 {
    background-color: #b3b3b3
}

.background-accent-grey-40 {
    background-color: #999
}

.background-accent-grey-50 {
    background-color: #757575
}

.background-accent-grey-60 {
    background-color: #616161
}

.background-accent-grey-70 {
    background-color: #4c4c4c
}

.background-accent-grey-80 {
    background-color: #464646
}

.background-accent-grey-90 {
    background-color: #252525
}

.background-accent-black {
    background-color: #000
}

.background-accent-orange-5 {
    background-color: #f8f1ee
}

.background-accent-orange-10 {
    background-color: #f9ebe2
}

.background-accent-orange-15 {
    background-color: #f3d9c7
}

.background-accent-orange-20 {
    background-color: #fecaa5
}

.background-accent-orange-30 {
    background-color: #fba262
}

.background-accent-orange-40 {
    background-color: #df6621
}

.background-accent-orange-50 {
    background-color: #be572a
}

.background-accent-orange-60 {
    background-color: #96431f
}

.background-accent-orange-70 {
    background-color: #752804
}

.background-accent-orange-80 {
    background-color: #4a1d09
}

.background-accent-orange-90 {
    background-color: #341202
}

.background-accent-yellow-5 {
    background-color: #f6f4ea
}

.background-accent-yellow-10 {
    background-color: #f1ecdc
}

.background-accent-yellow-15 {
    background-color: #f1e7b5
}

.background-accent-yellow-20 {
    background-color: #f8de84
}

.background-accent-yellow-30 {
    background-color: #ebbf6b
}

.background-accent-yellow-40 {
    background-color: #dfaa52
}

.background-accent-yellow-50 {
    background-color: #ce973d
}

.background-accent-yellow-60 {
    background-color: #926d53
}

.background-accent-yellow-70 {
    background-color: #725c51
}

.background-accent-yellow-80 {
    background-color: #4b413b
}

.background-accent-yellow-90 {
    background-color: #29231f
}

.background-accent-green-5 {
    background-color: #ecf1ee
}

.background-accent-green-10 {
    background-color: #e4efe9
}

.background-accent-green-15 {
    background-color: #cadfd4
}

.background-accent-green-20 {
    background-color: #b6d3c2
}

.background-accent-green-30 {
    background-color: #83c09b
}

.background-accent-green-40 {
    background-color: #589f7d
}

.background-accent-green-50 {
    background-color: #00816c
}

.background-accent-green-60 {
    background-color: #216958
}

.background-accent-green-70 {
    background-color: #25503b
}

.background-accent-green-80 {
    background-color: #2a4132
}

.background-accent-green-90 {
    background-color: #1d271d
}

.background-accent-blue-5 {
    background-color: #f3f5f5
}

.background-accent-blue-10 {
    background-color: #e7edee
}

.background-accent-blue-15 {
    background-color: #d0dcde
}

.background-accent-blue-20 {
    background-color: #b0ced8
}

.background-accent-blue-30 {
    background-color: #86bbd2
}

.background-accent-blue-40 {
    background-color: #568eb8
}

.background-accent-blue-50 {
    background-color: #28628e
}

.background-accent-blue-60 {
    background-color: #2f5179
}

.background-accent-blue-70 {
    background-color: #2e4168
}

.background-accent-blue-80 {
    background-color: #1b2a46
}

.background-accent-blue-90 {
    background-color: #1f2532
}

.background-accent-teal-5 {
    background-color: #eff6f9
}

.background-accent-teal-10 {
    background-color: #e0f1f6
}

.background-accent-teal-15 {
    background-color: #d0eaf1
}

.background-accent-teal-20 {
    background-color: #bfe3ed
}

.background-accent-teal-30 {
    background-color: #9ed5e1
}

.background-accent-teal-40 {
    background-color: #41a9b7
}

.background-accent-teal-50 {
    background-color: #007e94
}

.background-accent-teal-60 {
    background-color: #006b7d
}

.background-accent-teal-70 {
    background-color: #17515d
}

.background-accent-teal-80 {
    background-color: #16383f
}

.background-accent-teal-90 {
    background-color: #0a1f26
}

.background-accent-lavender-5 {
    background-color: #f0edee
}

.background-accent-lavender-10 {
    background-color: #efe7ea
}

.background-accent-lavender-15 {
    background-color: #ebdfe4
}

.background-accent-lavender-20 {
    background-color: #e0cfd6
}

.background-accent-lavender-30 {
    background-color: #cdb9c2
}

.background-accent-lavender-40 {
    background-color: #b49eaf
}

.background-accent-lavender-50 {
    background-color: #876b8b
}

.background-accent-lavender-60 {
    background-color: #6e5a6b
}

.background-accent-lavender-70 {
    background-color: #504552
}

.background-accent-lavender-80 {
    background-color: #372d35
}

.background-accent-lavender-90 {
    background-color: #201620
}

.background-accent-pink-5 {
    background-color: #fff6f4
}

.background-accent-pink-10 {
    background-color: #fbe8e7
}

.background-accent-pink-15 {
    background-color: #f6dad9
}

.background-accent-pink-20 {
    background-color: #efc9c6
}

.background-accent-pink-30 {
    background-color: #e7a4ad
}

.background-accent-pink-40 {
    background-color: #db717f
}

.background-accent-pink-50 {
    background-color: #cd4557
}

.background-accent-pink-60 {
    background-color: #8a223b
}

.background-accent-pink-70 {
    background-color: #5b1833
}

.background-accent-pink-80 {
    background-color: #380914
}

.background-accent-pink-90 {
    background-color: #23050c
}

.background-accent-light-violet {
    background-color: #efe7ea
}

.background-accent-violet {
    background-color: #876b8b
}

.background-accent-dark-violet {
    background-color: #372d35
}

.background-accent-gray-ui-01 {
    background-color: #f6f6f6
}

.background-accent-cosm-navy {
    background-color: #15284a
}

.badge-pill {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-size: .75rem;
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 8px;
    border-radius: 16px;
    font-weight: 700;
    line-height: 1.5
}

.badge-primary {
    background-color: #e7edee;
    color: #28628e
}

.material-icons,
.material-icons+span,
.material-icons:before {
    display: inline-block;
    vertical-align: middle
}

button.material-icons {
    border: 0;
    padding: 0;
    background-color: transparent
}

.material-icons:before {
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.icon-close:before {
    content: "\E9A0"
}

.icon-link:before {
    content: "\EA99"
}

.icon-print:before {
    content: "\EAD5"
}

.icon-search:before {
    content: "\EB92"
}

.icon-cancel:before {
    content: "\E900"
}

.aem-AuthorLayer-Edit #ot-sdk-cookie-policy:empty {
    border: 2px dotted red;
    padding: 15px;
    color: red;
    font-weight: 500
}

.aem-AuthorLayer-Edit #ot-sdk-cookie-policy:empty:before {
    content: "The Cookie List requires the page to be reloaded when it's first added."
}

.ot-form-wrapper {
    width: 100%;
    height: 800px;
    border: 1px solid #c0c2c7;
    margin: auto
}

.ot-form-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none
}

body #ot-sdk-btn.ot-sdk-show-settings {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff
}

body #ot-sdk-btn.ot-sdk-show-settings * {
    box-sizing: border-box
}

body #ot-sdk-btn.ot-sdk-show-settings.button-cta-minimal-padding {
    padding: 0 16px
}

body #ot-sdk-btn.ot-sdk-show-settings:link,
body #ot-sdk-btn.ot-sdk-show-settings:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

body #ot-sdk-btn.ot-sdk-show-settings:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

body #ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

body #ot-sdk-btn.ot-sdk-show-settings.clicked,
body #ot-sdk-btn.ot-sdk-show-settings.inactive,
body #ot-sdk-btn.ot-sdk-show-settings:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

body #ot-sdk-btn.ot-sdk-show-settings.inactive {
    opacity: .6
}

body #optanon,
body #optanon *,
body .optanon-alert-box-wrapper * {
    font-family: inherit !important
}

body #optanon #optanon-menu li .preference-menu-item a,
body #optanon #optanon-menu li .preference-menu-item button {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #252525
}

body #optanon #optanon-popup-body div.optanon-main-info-text,
body #optanon #optanon-popup-body p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

body>.optanon-alert-box-wrapper {
    background-color: rgba(37, 37, 37, .9)
}

body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 14px 15px 0
}

@media only screen and (min-width:576px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        max-width: 1570px
    }
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg {
        padding-bottom: 24px
    }
}

body>.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-button-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: static;
    margin: 0;
    padding: 0 0 24px
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-button-container {
        flex-direction: column;
        justify-content: flex-end;
        width: calc(27% - 30px);
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-button-container {
        flex-direction: row;
        width: calc(34% - 30px)
    }
}

@media only screen and (min-width:1600px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-button-container {
        justify-content: flex-start
    }
}

body>.optanon-alert-box-wrapper .optanon-alert-box-bg p {
    padding-bottom: 16px
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-bg p {
        padding-bottom: 0
    }
}

body>.optanon-alert-box-wrapper .optanon-alert-box-body {
    margin: 0 !important;
    padding-top: 0
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-body {
        width: calc(73% - 30px);
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    body>.optanon-alert-box-wrapper .optanon-alert-box-body {
        width: calc(66% - 30px)
    }
}

body>.optanon-alert-box-wrapper .optanon-alert-box-body a,
body>.optanon-alert-box-wrapper .optanon-alert-box-body a:hover,
body>.optanon-alert-box-wrapper .optanon-alert-box-body a:visited {
    color: #fafafa
}

body>.optanon-alert-box-wrapper .optanon-alert-box-body a {
    text-decoration: underline
}

body>.optanon-alert-box-wrapper .optanon-alert-box-button {
    float: none;
    margin: 0
}

body>.optanon-alert-box-wrapper .optanon-button-allow {
    order: 1
}

body>.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle {
    padding: 0;
    border: 0;
    border-radius: 5px
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle {
        margin: 7px 0
    }
}

body>.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle .accept-cookies-button {
    padding: 6px 16px;
    display: inline-block
}

body>.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle .accept-cookies-button:before {
    display: none
}

body>.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle .accept-cookies-button:after {
    content: "\E9EB";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    padding-left: 12px;
    vertical-align: middle
}

body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
    padding: 0 16px 0 0
}

@media only screen and (min-width:768px) {
    body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
        padding: 7px 0
    }
}

@media only screen and (min-width:992px) {
    body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
        padding-right: 40px
    }
}

@media only screen and (min-width:1600px) {
    body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
        padding-left: 50px
    }
}

body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .cookie-settings-button {
    padding-right: 10px
}

body>.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle .cookie-settings-button:before {
    top: auto;
    left: auto;
    right: 0;
    padding-right: 0
}

#cookiePolicy,
.aem-AuthorLayer-Edit #optanon,
.aem-AuthorLayer-Edit .optanon-alert-box-wrapper {
    display: none
}

.exit-notification {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .8);
    z-index: 1000
}

.exit-notification.is-hidden {
    display: none
}

.exit-notification .exit-notification-inner {
    position: fixed;
    top: 100px;
    width: 700px;
    margin-left: -363px;
    left: 50%;
    padding: 13px;
    background-color: #e1e1e1
}

@media screen and (max-width:699px) {
    .exit-notification .exit-notification-inner {
        position: absolute;
        width: auto;
        margin: 20px;
        left: 0;
        top: 0
    }
}

@media screen and (max-width:699px) {
    .exit-notification-restrictive {
        position: absolute
    }
}

.exit-notification-buttons {
    text-align: right
}

.overlay-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9998;
    opacity: .7
}

.overlay-container {
    position: absolute;
    width: 100%;
    top: 150px;
    text-align: center;
    z-index: 9999;
    padding-bottom: 30px
}

.overlay-content {
    position: relative;
    min-width: 80px;
    min-height: 80px;
    max-width: 90%;
    padding: 10px;
    display: inline-block;
    background: #fff;
    text-align: left;
    border: 2px solid #323131;
    border-radius: 10px
}

.overlay-content-inner {
    overflow: hidden
}

.overlay-close {
    z-index: 9999;
    font-size: 35px;
    line-height: 1;
    position: absolute;
    top: -40px;
    right: 15px;
    cursor: pointer;
    display: none;
    color: #fff;
    outline: none
}

.overlay-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/loader.gif) no-repeat 50% 50%
}

.cq-wcm-edit-touch .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border: none;
    font-size: 3.5em
}

.aem-AuthorLayer-Edit .ghost {
    clear: both
}

.aem-AuthorLayer-Edit .box-no-search-results {
    display: block
}

.cb-grid-lines {
    margin: 0 auto;
    transform: translateX(-50%);
    left: 50% !important
}

@media only screen and (min-width:576px) {
    .cb-grid-lines {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .cb-grid-lines {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .cb-grid-lines {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .cb-grid-lines {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .cb-grid-lines {
        max-width: 1570px
    }
}

.content-placeholder-container {
    font-size: 1rem
}

.content-placeholder-media {
    padding-top: 56.25%;
    margin-bottom: 1.5em;
    background-color: #ebebeb
}

.content-placeholder-p {
    height: 8.25em
}

.content-placeholder-p.content-placeholder-p-center {
    text-align: center
}

.content-placeholder-p.content-placeholder-p-center .content-placeholder-text:before {
    width: calc(80% - 1em)
}

.content-placeholder-p .content-placeholder-text,
.content-placeholder-p .content-placeholder-text:after,
.content-placeholder-p .content-placeholder-text:before {
    display: inline-block;
    background-color: #ebebeb;
    height: 1.5em
}

.content-placeholder-p .content-placeholder-text {
    width: calc(85% - 1em)
}

.content-placeholder-p .content-placeholder-text:after,
.content-placeholder-p .content-placeholder-text:before {
    content: "";
    position: relative
}

.content-placeholder-p .content-placeholder-text:before {
    width: calc(120% - 1em);
    top: 2.25em
}

.content-placeholder-p .content-placeholder-text:after {
    width: 90%;
    top: 3em
}

.cjk-block .ww {
    display: inline-block !important
}

.no-scroll {
    position: fixed;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .mobile-no-scroll {
        position: fixed;
        overflow: hidden
    }
}

.accordion-container {
    border: 2px solid #323131;
    list-style: none;
    padding: 0;
    margin: 0
}

.accordion-slide {
    border-top: 2px solid #000
}

.accordion-slide:first-child {
    border-top: 0
}

.accordion-slide.is-active>.accordion-head:hover {
    background-color: #fff !important
}

.accordion-slide.is-active .accordion-title-link:after {
    content: "\EAA1"
}

.accordion-head {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    background-color: #e1e1e1;
    padding: 13px;
    padding: 0;
    background-color: #fff;
    color: #252525
}

.accordion-title {
    margin: 0;
    float: none
}

.accordion-title-link {
    position: relative;
    display: block;
    padding: 24px 0;
    background-color: transparent
}

.accordion-title-link:active {
    color: #252525
}

.accordion-title-link:after {
    content: "\EA9E";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.accordion-title-text {
    display: inline-block;
    padding-right: 32px
}

.accordion-content {
    padding: 13px
}

.accordion-content-wrapper {
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.js .accordion-slide .accordion-head:hover {
    color: #fff
}

.js .accordion-slide.is-active>.accordion-head:hover {
    background-color: #e1e1e1;
    color: #fff;
    cursor: pointer
}

.js .accordion-slide.is-active>.accordion-head {
    color: #000
}

.js .accordion-content-wrapper {
    visibility: hidden;
    height: 0;
    position: relative;
    top: -999999px;
    left: -999999px;
    overflow: hidden;
    box-sizing: border-box
}

.js .accordion-slide.is-active>.accordion-content-wrapper {
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    height: auto
}

.js .accordion-slide.is-active:last-child>.accordion-content-wrapper {
    border-bottom: none
}

.accordion-selector {
    padding: 0
}

.accordion-selector .accordion-slide {
    border-top: none
}

.accordion-selector .accordion-head {
    border-top: 1px solid #ebebeb;
    position: relative
}

.accordion-selector h3 {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .accordion-selector h3 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.accordion-selector .accordion-content {
    padding: 0
}

.js .accordion-selector .accordion-slide {
    background-color: #fafafa
}

.js .accordion-selector .accordion-slide.is-active>.accordion-head {
    border-bottom: 1px solid #ebebeb
}

.js .accordion-selector .accordion-slide.is-active .accordion-content-wrapper {
    display: block
}

.js .accordion-selector .accordion-content-wrapper {
    display: none;
    visibility: visible;
    top: auto;
    left: auto;
    height: auto
}

.js .accordion-selector .accordion-content-wrapper,
.js .accordion-selector .accordion-title {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px
}

.js .accordion-selector .accordion-content-wrapper *,
.js .accordion-selector .accordion-title * {
    box-sizing: border-box
}

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

    .js .accordion-selector .accordion-content-wrapper,
    .js .accordion-selector .accordion-title {
        max-width: 540px
    }
}

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

    .js .accordion-selector .accordion-content-wrapper,
    .js .accordion-selector .accordion-title {
        max-width: 748px
    }
}

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

    .js .accordion-selector .accordion-content-wrapper,
    .js .accordion-selector .accordion-title {
        max-width: 960px
    }
}

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

    .js .accordion-selector .accordion-content-wrapper,
    .js .accordion-selector .accordion-title {
        max-width: 1150px
    }
}

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

    .js .accordion-selector .accordion-content-wrapper,
    .js .accordion-selector .accordion-title {
        max-width: 1570px
    }
}

/* .box-faq-selector {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box-faq-selector {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-faq-selector {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-faq-selector {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.box-faq-selector h2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 52px;
    line-height: 3.25rem;
    display: block
}

.box-faq-selector h2 sup {
    font-size: 25%;
    top: -2.4em
}

@media only screen and (min-width:992px) {
    .box-faq-selector h2 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector h2 {
        font-weight: 700;
        letter-spacing: -2px;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 100px;
        line-height: 6.25rem
    }
}

.box-faq-selector h2+p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 48px
}

.box-faq-selector h2+p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .box-faq-selector h2+p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector h2+p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .box-faq-selector h2+p {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-faq-selector h2+p {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-faq-selector h2+p {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector h2+p {
        margin-bottom: 128px
    }
}

@media only screen and (min-width:1200px) {
    .box-faq-selector h2+p {
        padding: 0 80px
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector h2+p {
        padding: 0 112px
    }
}

.box-faq-selector .richText h3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block;
    margin-bottom: 32px
}

.box-faq-selector .richText h3 sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .box-faq-selector .richText h3 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .box-faq-selector .richText h3 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:1200px) {
    .box-faq-selector .richText h3 {
        margin-bottom: 40px
    }
}

.box-faq-selector .accordion-container {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ebebeb;
    border-left: none;
    margin-bottom: 32px
}

@media only screen and (min-width:768px) {
    .box-faq-selector .accordion-container {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1200px) {
    .box-faq-selector .accordion-container {
        margin-bottom: 64px
    }
}

.box-faq-selector .accordion-container p {
    padding: 16px 0
}

.box-faq-selector .accordion:last-child .accordion-container {
    margin-bottom: 0
}

.box-faq-selector .accordion-content {
    padding: 16px 0
}

.box-faq-selector .accordion-content ol,
.box-faq-selector .accordion-content p,
.box-faq-selector .accordion-content ul {
    margin: 0 0 16px;
    padding: 0
}

.box-faq-selector .accordion-content ol:last-child,
.box-faq-selector .accordion-content p:last-child,
.box-faq-selector .accordion-content ul:last-child {
    margin: 0
}

.box-faq-selector .accordion-content ul li:before {
    display: table-cell;
    padding: 0 8px 0 0
}

.box-faq-selector .accordion-content ol li {
    counter-increment: a;
    list-style: none
}

.box-faq-selector .accordion-content ol li:before {
    content: counter(a) ".";
    display: table-cell;
    padding: 0 4px 0 0
}

.box-faq-selector .accordion-content ol,
.box-faq-selector .accordion-content ul {
    display: table;
    padding-left: 16px
}

.box-faq-selector .accordion-content ol li,
.box-faq-selector .accordion-content ul li {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    display: table-row;
    list-style-position: inside
}

.box-faq-selector .accordion-content ol li:after,
.box-faq-selector .accordion-content ul li:after {
    content: "";
    display: block;
    height: 16px
}

.box-faq-selector .accordion-content ol li:last-child:after,
.box-faq-selector .accordion-content ul li:last-child:after {
    content: "";
    display: block;
    height: 0
}

.box-location-selector h2 {
    margin-top: 48px;
    margin-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box-location-selector h2 {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-location-selector h2 {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-location-selector h2 {
        margin-top: 96px;
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-location-selector h2 {
        margin-top: 128px;
        margin-bottom: 128px
    }
}

.box-location-selector .accordion-container {
    border: none
}

.box-location-selector .accordion-head {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.box-location-selector .reference-location-selector-region a {
    border-top: 1px solid #ebebeb
}

.box-location-selector .reference-location-selector-region:first-of-type a {
    border-top: none
}

.box-location-selector .accordion-location-item {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 56px;
    line-height: 3.5rem;
    color: #4c4c4c;
    display: block
}

.box-location-selector .accordion-location-item>div {
    display: inline-block;
    position: relative
}

.box-location-selector .accordion-location-item>div img,
.box-location-selector .accordion-location-item>div svg {
    margin-right: 12px;
    margin-left: 8px;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

.box-location-selector .accordion-location-item>div img .location-selector-icon-bg,
.box-location-selector .accordion-location-item>div svg .location-selector-icon-bg {
    fill: none
}

.box-location-selector .accordion-location-item>div img .location-selector-icon-flag,
.box-location-selector .accordion-location-item>div svg .location-selector-icon-flag {
    fill: #4c4c4c;
    transition: fill .1s
}

.box-location-selector .accordion-location-item:hover {
    color: #464646
}

.box-location-selector .accordion-location-item:hover svg .location-selector-icon-flag {
    fill: #464646
}

.box-location-selector .accordion-location-item:active {
    color: #252525
}

.box-location-selector .accordion-location-item:active svg .location-selector-icon-flag {
    fill: #252525
}

.box-location-selector .accordion-location-title {
    padding-right: 8px;
    white-space: nowrap
} */

/* .accordion-downloads {
    margin-bottom: 40px;
    display: none
}

.accordion-downloads.is-visible {
    display: block
}

@media only screen and (min-width:768px) {
    .accordion-downloads {
        margin-bottom: 56px
    }
}

@media only screen and (min-width:1200px) {
    .accordion-downloads {
        margin-bottom: 72px
    }
}

.accordion-downloads .accordion-container {
    background-color: #fff;
    border: 0
}

.accordion-downloads .accordion-slide.is-active .accordion-content-wrapper {
    overflow: visible
}

.accordion-downloads .accordion-head {
    text-align: center
}

.accordion-downloads .accordion-title-link {
    padding: 40px 0
}

.accordion-downloads .accordion-title-link:after {
    right: 15px
}

@media only screen and (min-width:768px) {
    .accordion-downloads .accordion-title-link:after {
        right: 32px
    }
}

.accordion-downloads .accordion-title-text {
    padding: 0 32px
}

.accordion-downloads .accordion-content {
    padding: 8px
}

@media only screen and (min-width:768px) {
    .accordion-downloads .accordion-content {
        padding: 0 32px 32px
    }
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .accordion-content {
        padding: 0 48px 48px
    }
}

.accordion-downloads .linkList:not(.linkList-three-columns) .linkList-heading {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem
}

.accordion-downloads .linkList:not(.linkList-three-columns) .linkList-heading sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .accordion-downloads .linkList:not(.linkList-three-columns) .linkList-heading {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .accordion-downloads .linkList:not(.linkList-three-columns) .linkList-heading {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.accordion-downloads .linkList.first:not(.linkList-three-columns) .linkList-heading {
    margin-top: -40px;
    margin-bottom: 32px
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .linkList.first:not(.linkList-three-columns) .linkList-heading {
        margin-bottom: 40px
    }
}

.accordion-downloads .linkList .linkList-heading:empty {
    margin: 0 !important
}

.accordion-downloads .fileList+.linkList>.component-content,
.accordion-downloads .linkList+.fileList>.component-content {
    border-top: 1px solid #ccc
}

.accordion-downloads .richText {
    margin-top: -40px;
    margin-bottom: 32px
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .richText {
        margin-bottom: 40px
    }
}

.accordion-product-detail {
    margin-top: 20px
}

.accordion-product-detail .accordion-container,
.accordion-product-detail .accordion-slide {
    border: 0
}

.accordion-product-detail .accordion-slide {
    margin-top: 8px
}

.accordion-product-detail .accordion-slide:first-child {
    margin-top: 0
}

.accordion-product-detail .accordion-bar,
.accordion-product-detail .accordion-title-link {
    padding: 0;
    border-radius: 5px;
    background-color: #fafafa;
    margin-bottom: 0
}

.accordion-product-detail .accordion-bar:after,
.accordion-product-detail .accordion-title-link:after {
    right: 7px
}

.accordion-product-detail .accordion-title-text {
    line-height: 45px;
    line-height: 2.8125rem;
    padding-left: 12px
}

.accordion-product-detail .accordion-content {
    margin: 16px 12px;
    padding: 0
}

.accordion-product-detail .accordion-content ol,
.accordion-product-detail .accordion-content p,
.accordion-product-detail .accordion-content ul {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

.accordion-product-detail .accordion-content a:not([class]) {
    text-decoration: underline;
    font-weight: 500
}

.accordion-product-detail .accordion-content a:not([class]):link,
.accordion-product-detail .accordion-content a:not([class]):visited {
    color: #0073ce;
    transition: color .1s
}

.accordion-product-detail .accordion-content a:not([class]):hover {
    color: #0069bc;
    text-decoration: underline
}

.accordion-product-detail .accordion-content a:not([class]):active {
    color: #005ea9
}

.accordion-product-detail .accordion-content a:not([class]):focus:not(:active) {
    color: #0069bc
}

.accordion-product-detail .accordion-content .disclaimer p {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    line-height: normal
}

.accordion-product-detail .accordion-content h3 {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 0;
    margin-top: 16px
}

.announcementBar {
    height: 0;
    margin-bottom: 0;
    padding: 0;
    display: none;
    z-index: 30
}

.sidebar-open .announcementBar {
    z-index: 15
}

.announcementBar-show {
    align-items: center;
    display: flex;
    float: none;
    height: 40px
}

@media only screen and (min-width:1600px) {
    .announcementBar-show {
        height: 64px
    }
}

.announcementBar.is-transparent {
    visibility: hidden
}

.announcementBar-bg-red {
    background-color: #e22d00
}

.announcementBar-bg-gray-90 {
    background-color: #252525
}

.announcement-bar {
    color: #fff;
    margin: 0;
    width: 100%
}

.announcement-bar .component-content {
    position: relative;
    width: 100%
}

.announcement-bar-headline {
    padding-left: 15px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.announcement-bar-headline span {
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

@media only screen and (min-width:576px) {
    .announcement-bar-headline span {
        max-width: none;
        overflow: visibile
    }
}

.announcement-bar-headline a:link,
.announcement-bar-headline a:visited {
    color: #fff;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin-bottom: 0
}

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

    .announcement-bar-headline a:link,
    .announcement-bar-headline a:visited {
        line-height: 24px;
        line-height: 1.5rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

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

    .announcement-bar-headline a:link,
    .announcement-bar-headline a:visited {
        display: inline-block;
        margin-bottom: 8px;
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem;
        line-height: 64px;
        line-height: 4rem;
        margin-bottom: 0
    }

    .announcement-bar-headline a:link sup,
    .announcement-bar-headline a:visited sup {
        font-size: 45%;
        top: -1em
    }
}

@media only screen and (min-width:1600px) and (min-width:992px) {

    .announcement-bar-headline a:link,
    .announcement-bar-headline a:visited {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.announcement-bar-headline a:link:after,
.announcement-bar-headline a:visited:after {
    content: "\EC0E";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    opacity: .6;
    padding-left: 8px;
    transition: opacity .1s;
    vertical-align: middle
}

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

    .announcement-bar-headline a:link:after,
    .announcement-bar-headline a:visited:after {
        padding-left: 16px
    }
}

.announcement-bar-headline a:active:after,
.announcement-bar-headline a:hover:after {
    opacity: 1
}

@media only screen and (min-width:576px) {
    .announcement-bar-headline {
        padding-left: 0;
        text-align: center
    }
}

.announcement-bar-close {
    cursor: pointer;
    height: 24px;
    opacity: .6;
    padding: 8px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .15s;
    width: 24px
}

@media only screen and (min-width:768px) {
    .announcement-bar-close {
        padding: 10px
    }
}

@media only screen and (min-width:1600px) {
    .announcement-bar-close {
        right: 22px
    }
}

.announcement-bar-close:hover {
    opacity: 1
}

.announcement-bar-close svg .announcement-bar-close-svg-bg {
    fill: none
}

.announcement-bar-close svg .announcement-bar-close-svg-icon {
    fill: #fff
}

.articleList.boxed .component-content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .articleList.boxed .component-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .articleList.boxed .component-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .articleList.boxed .component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .articleList.boxed .component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .articleList.boxed .component-content {
        max-width: 1570px
    }
}

.articleList>.component-content {
    background-color: #e1e1e1
}

.articleList-hide-article-descriptions .articleList-description-content {
    display: none
}

@media only screen and (min-width:768px) {
    .articleList.articleList-hide-article-descriptions .articleList-article .articleList-description .articleList-description-content {
        display: none
    }
}

.articleList.articleList-text-color-white .articleList-article,
.articleList.articleList-text-color-white .articleList-article a {
    color: #fff
}

.articleList-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.articleList-date {
    margin-bottom: 10px;
    color: #868484
}

.articleList-article,
.articleList-description {
    overflow: hidden
}

.articleList-title {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.articleList-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.articleList-thumbnail {
    max-width: 100px;
    float: left;
    margin-right: 15px
}

.articleList-more {
    float: right
}

.articleList-more:after {
    content: " \BB";
    display: inline
}

.articleList-more-arrow {
    display: none
}

.no-generatedcontent .articleList-more-arrow {
    display: inline
}

.articleList-article-wrapper {
    margin: 0;
    padding: 0
}

.articleList-horizontal-2-columns .articleList-article,
.articleList-horizontal-3-columns .articleList-article {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1
}

.articleList-horizontal-2-columns .articleList-article {
    padding: 0;
    margin: 0;
    margin-right: 1.2%;
    width: 48%
}

.articleList-horizontal-3-columns .articleList-article {
    padding: 0;
    margin: 0;
    margin-right: 1.5%;
    width: 31%
}

.articleList-tags {
    list-style-type: none;
    padding: 0;
    margin: -20px 0 0
}

.articleList-tags-item {
    display: inline-block;
    margin: 0 2px
}

.articleList-tags-item-link {
    background: #b9b8b8;
    color: #000;
    border: 1px solid #939191;
    padding: 1px;
    display: block;
    font-size: .85em
}

.articleList-related {
    padding: 0
}

.articleList-related>.component-content {
    background: none;
    border: none;
    padding-top: 12px;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) {
    .articleList-related>.component-content {
        padding-top: 16px
    }
}

@media only screen and (min-width:992px) {
    .articleList-related>.component-content {
        padding-top: 20px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-related>.component-content {
        padding-top: 24px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-related>.component-content {
        padding-top: 32px
    }
}

@media only screen and (min-width:768px) {
    .articleList-related>.component-content {
        margin: 0 auto;
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .articleList-related>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-related>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-related>.component-content {
        max-width: 1570px
    }
}

.articleList-related .articleList-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    text-align: center
}

.articleList-related .articleList-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .articleList-related .articleList-heading {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .articleList-related .articleList-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-heading {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .articleList-related .articleList-heading {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-related .articleList-heading {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-related .articleList-heading {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.articleList-related .articleList-article {
    margin-bottom: 24px;
    border-top: 1px solid #ebebeb;
    color: #252525
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .articleList-related .articleList-article {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-related .articleList-article {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-related .articleList-article {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article {
        border: none;
        box-sizing: border-box;
        float: left;
        padding: 0 15px;
        width: 33.33333333%
    }
}

.articleList-related .articleList-article .articleList-article-wrapper {
    cursor: pointer;
    max-width: 540px;
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-article-wrapper {
        max-width: 100%
    }
}

.articleList-related .articleList-article .articleList-description {
    clear: right;
    overflow: visible;
    padding: 16px 0
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-description {
        clear: both;
        overflow: hidden;
        padding: 0
    }
}

.articleList-related .articleList-article .articleList-description>a {
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
    width: 50%
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-description>a {
        display: block;
        float: none;
        padding: 0;
        width: 100%
    }
}

.articleList-related .articleList-article .articleList-description>a img {
    max-width: 100%;
    margin: 0
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-description>a img {
        display: block;
        float: none
    }
}

.articleList-related .articleList-article .articleList-description .articleList-title {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    box-sizing: border-box;
    float: right;
    padding: 0 15px;
    width: 50%
}

@media only screen and (min-width:992px) {
    .articleList-related .articleList-article .articleList-description .articleList-title {
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-description .articleList-title {
        float: none;
        padding: 24px 0 0;
        width: 100%
    }
}

.articleList-related .articleList-article .articleList-description .articleList-description-content {
    box-sizing: border-box;
    float: right;
    padding: 0 15px;
    width: 50%;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:768px) {
    .articleList-related .articleList-article .articleList-description .articleList-description-content {
        display: block;
        float: none;
        padding: 0;
        width: 100%
    }
}

.articleList-filtered {
    padding-top: 24px
}

.articleList-filtered>.component-content {
    border: 0;
    padding: 0;
    background-color: transparent
}

.articleList-filtered .articleList-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    color: #252525
}

.articleList-filtered .articleList-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .articleList-filtered .articleList-heading {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .articleList-filtered .articleList-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.articleList-filtered .articleList-article {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    padding-bottom: 16px;
    display: none
}

.articleList-filtered .articleList-article.articleList-has-image img {
    margin: 0;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .articleList-filtered .articleList-article.articleList-has-image img {
        width: 128px;
        margin-right: 32px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-filtered .articleList-article.articleList-has-image img {
        width: 160px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-filtered .articleList-article.articleList-has-image img {
        width: 230px
    }
}

.articleList-filtered .articleList-article.articleList-has-image .articleList-thumbnail {
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .articleList-filtered .articleList-article.articleList-has-image .articleList-thumbnail {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .articleList-filtered .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 160px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-filtered .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 192px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-filtered .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 262px
    }
}

.articleList-filtered .articleList-article.is-visible.is-filtered {
    display: block
}

.articleList-filtered .articleList-article .articleList-title {
    display: none
}

.articleList-filtered .articleList-article .articleList-date {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0;
    color: #252525
}

@media only screen and (min-width:992px) {
    .articleList-filtered .articleList-article .articleList-date {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.articleList-filtered .articleList-article .articleList-description {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    float: left;
    margin-bottom: 16px
}

.articleList-filtered .articleList-article .articleList-tags {
    margin: 0;
    clear: both
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #464646;
    transition: background-color .1s, border-color .1s, color .1s;
    margin: 0 8px 8px 0;
    padding: 8px 12px;
    min-width: 87px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:link,
.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:visited {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    transition: background-color .1s, border-color .1s
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:hover {
    background-color: #ccc;
    border: 1px solid #ccc
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item.clicked,
.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:active {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:focus:not(:active) {
    background-color: #ccc;
    border: 1px solid #ebebeb
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item.inactive {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    opacity: .6
}

.articleList-filtered .articleList-article .articleList-tags .articleList-tags-item:last-child {
    margin-right: 0
}

.articleList-filtered.articleListCustomMarkup .articleList-title {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    display: block
}

.articleList.articleList-awards-slider>.component-content {
    border: 0;
    padding: 0;
    background: none
}

.articleList.articleList-awards-slider .articleList-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    display: block;
    margin-bottom: 32px;
    color: #252525;
    text-align: center
}

.articleList.articleList-awards-slider .articleList-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .articleList.articleList-awards-slider .articleList-heading {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .articleList.articleList-awards-slider .articleList-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1200px) {
    .articleList.articleList-awards-slider .articleList-heading {
        margin-bottom: 48px
    }
}

.articleList.articleList-awards-slider .articleList-list {
    margin-top: 24px;
    margin-bottom: 24px;
    display: block;
    overflow-x: auto;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .articleList.articleList-awards-slider .articleList-list {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .articleList.articleList-awards-slider .articleList-list {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .articleList.articleList-awards-slider .articleList-list {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .articleList.articleList-awards-slider .articleList-list {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.articleList.articleList-awards-slider .articleList-article {
    display: inline-block;
    vertical-align: top;
    width: 250px
}

.articleList.articleList-awards-slider .articleList-article .content {
    margin: 0
}

@media only screen and (min-width:768px) {
    .articleList.articleList-awards-slider .articleList-article {
        width: 310px
    }
}

@media only screen and (min-width:1200px) {
    .articleList.articleList-awards-slider .articleList-article {
        width: 380px
    }
}

@media only screen and (min-width:1600px) {
    .articleList.articleList-awards-slider .articleList-article {
        width: 410px
    }
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    white-space: normal
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-date {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #252525;
    opacity: .6
}

@media only screen and (min-width:992px) {
    .articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-date {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-date:after {
    content: none
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-title {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: none;
    padding-bottom: 0
}

@media only screen and (min-width:992px) {
    .articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-title {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-description-content {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    color: #252525
}

.articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-description-content sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .articleList.articleList-awards-slider .articleList-article .articleList-article-wrapper .articleList-description-content {
        line-height: 32px;
        line-height: 2rem
    }
}

.articleList.articleList-awards-slider.articleList-center-items .articleList-list {
    text-align: center
}

.articleList.articleList-awards-slider.articleList-center-items .articleList-list .articleList-article {
    float: none
}

.articleList.articleList-awards-slider.articleList-hidden-scrollbar .mCSB_scrollTools {
    visibility: hidden
}

.articleList.articleList-awards-slider .mCS_no_scrollbar_x {
    text-align: center
}

.articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    position: absolute;
    bottom: -24px
}

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

    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -32px
    }
}

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

    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -40px
    }
}

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

    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -48px
    }
}

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

    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .articleList.articleList-awards-slider .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -64px
    }
}

.articleList-press {
    padding: 0
}

.articleList-press>.component-content {
    background: none;
    border: none;
    padding: 16px 0 0
}

@media only screen and (min-width:768px) {
    .articleList-press>.component-content {
        padding: 32px 0 48px;
        margin: 0 auto;
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .articleList-press>.component-content {
        max-width: 960px;
        padding-top: 0
    }
}

@media only screen and (min-width:1200px) {
    .articleList-press>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-press>.component-content {
        max-width: 1570px
    }
}

.articleList-press .articleList-heading {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 30px;
    line-height: 1.875rem;
    line-height: 26px;
    line-height: 1.625rem;
    text-align: center;
    margin: 0;
    padding: 24px 15px
}

@media only screen and (min-width:768px) {
    .articleList-press .articleList-heading {
        font-size: 37px;
        font-size: 2.3125rem;
        line-height: 45px;
        line-height: 2.8125rem;
        padding: 32px 15px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-press .articleList-heading {
        padding: 72px 15px 40px
    }
}

.articleList-press .articleList-list {
    border-top: 1px solid #ebebeb;
    margin: 0 15px
}

.articleList-press .articleList-article {
    border-bottom: 1px solid #ebebeb;
    color: #252525;
    margin: 0;
    padding: 24px 0
}

@media only screen and (min-width:768px) {
    .articleList-press .articleList-article {
        padding: 24px 0 32px
    }
}

.articleList-press .articleList-article .articleList-article-wrapper {
    cursor: pointer;
    max-width: 100%
}

@media only screen and (min-width:992px) {
    .articleList-press .articleList-article .articleList-article-wrapper {
        max-width: 66.66666667%
    }
}

@media only screen and (min-width:1600px) {
    .articleList-press .articleList-article .articleList-article-wrapper {
        max-width: 50%
    }
}

.articleList-press .articleList-article .articleList-title {
    display: none
}

.articleList-press .articleList-article .articleList-date {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    color: #252525;
    font-weight: 700;
    margin-bottom: 5px
}

.articleList-press .articleList-article .articleList-description .articleList-description-content {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

.articleList-stacked>.component-content {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    background: transparent
}

@media only screen and (min-width:576px) {
    .articleList-stacked>.component-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .articleList-stacked>.component-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .articleList-stacked>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-stacked>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-stacked>.component-content {
        max-width: 1570px
    }
}

.articleList-stacked>.component-content * {
    box-sizing: border-box
}

.articleList-stacked .articleList-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block;
    text-align: center;
    color: #252525
}

.articleList-stacked .articleList-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .articleList-stacked .articleList-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .articleList-stacked .articleList-heading {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

.articleList-stacked .articleList-article {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    padding-bottom: 24px
}

.articleList-stacked .articleList-article.first {
    padding-top: 24px;
    border-top: 1px solid #ccc
}

.articleList-stacked .articleList-article.articleList-has-image img {
    margin: 0;
    width: 100%;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .articleList-stacked .articleList-article.articleList-has-image img {
        width: 128px;
        margin-right: 32px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-stacked .articleList-article.articleList-has-image img {
        width: 160px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-stacked .articleList-article.articleList-has-image img {
        width: 230px
    }
}

.articleList-stacked .articleList-article.articleList-has-image .articleList-thumbnail {
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .articleList-stacked .articleList-article.articleList-has-image .articleList-thumbnail {
        margin-bottom: 0
    }
}

@media only screen and (min-width:768px) {
    .articleList-stacked .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 160px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-stacked .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 192px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-stacked .articleList-article.articleList-has-image .articleList-tags {
        padding-left: 262px
    }
}

.articleList-stacked .articleList-article.is-visible.is-filtered {
    display: block
}

.articleList-stacked .articleList-article .articleList-title {
    padding-bottom: 0;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

@media only screen and (min-width:768px) {
    .articleList-stacked .articleList-article .articleList-title {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.articleList-stacked .articleList-article .articleList-date {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 0;
    color: #252525
}

@media only screen and (min-width:992px) {
    .articleList-stacked .articleList-article .articleList-date {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.articleList-stacked .articleList-article .articleList-description {
    display: none
}

.articleList-stacked .articleList-article .articleList-tags {
    margin: 0
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #464646;
    transition: background-color .1s, border-color .1s, color .1s;
    margin: 0 8px 0 0;
    padding: 8px 12px;
    min-width: 87px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:link,
.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:visited {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    transition: background-color .1s, border-color .1s
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:hover {
    background-color: #ccc;
    border: 1px solid #ccc
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item.clicked,
.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:active {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:focus:not(:active) {
    background-color: #ccc;
    border: 1px solid #ebebeb
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item.inactive {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    opacity: .6
}

.articleList-stacked .articleList-article .articleList-tags .articleList-tags-item:last-child {
    margin-right: 0
}

.articleList-explore-by-room {
    padding: 0;
    visibility: hidden
}

.articleList-explore-by-room.articleList-ready {
    visibility: visible
}

.articleList-explore-by-room>.component-content {
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room>.component-content {
        margin: 0 auto;
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-explore-by-room>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-explore-by-room>.component-content {
        max-width: 1570px
    }
}

.articleList-explore-by-room .articleList-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    text-align: center
}

.articleList-explore-by-room .articleList-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-heading {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .articleList-explore-by-room .articleList-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-heading {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-heading {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-explore-by-room .articleList-heading {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-explore-by-room .articleList-heading {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.articleList-explore-by-room .articleList-list {
    display: flex;
    flex-wrap: wrap
}

.articleList-explore-by-room .articleList-article {
    margin-bottom: 24px;
    color: #252525;
    flex: 0 100%
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-article {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .articleList-explore-by-room .articleList-article {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .articleList-explore-by-room .articleList-article {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article {
        flex: 0 1 auto;
        width: 50%;
        border: none;
        box-sizing: border-box;
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-article {
        width: 33.333333%
    }
}

.articleList-explore-by-room .articleList-article .articleList-article-wrapper {
    cursor: pointer;
    max-width: 540px;
    margin: 0 auto;
    padding: 0 15px
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article .articleList-article-wrapper {
        max-width: 100%;
        padding: 0
    }
}

.articleList-explore-by-room .articleList-article .articleList-description {
    overflow: visible
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article .articleList-description {
        overflow: hidden
    }
}

.articleList-explore-by-room .articleList-article .articleList-description>a {
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%
}

.articleList-explore-by-room .articleList-article .articleList-description>a:before {
    content: "\E902";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    left: 8px;
    bottom: 8px;
    color: #fff;
    z-index: 5
}

.articleList-explore-by-room .articleList-article .articleList-description>a:after {
    content: "";
    position: absolute;
    z-index: 4;
    display: block;
    width: 18px;
    height: 18px;
    bottom: 11px;
    left: 11px;
    opacity: .4;
    background: #252525;
    border-radius: 50%
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-article .articleList-description>a:before {
        left: 17px;
        bottom: 17px
    }

    .articleList-explore-by-room .articleList-article .articleList-description>a:after {
        bottom: 20px;
        left: 20px
    }
}

.articleList-explore-by-room .articleList-article .articleList-description>a img {
    min-width: 100%;
    max-width: 100%;
    margin: 0
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article .articleList-description>a img {
        display: block
    }
}

.articleList-explore-by-room .articleList-article .articleList-description .articleList-title {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 500;
    clear: both;
    box-sizing: border-box;
    padding: 16px 0 0
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room .articleList-article .articleList-description .articleList-title {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.articleList-explore-by-room .articleList-article .articleList-description .articleList-description-content {
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room .articleList-article .articleList-description .articleList-description-content {
        display: block
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room-2-column .articleList-article {
        width: 50%
    }
}

.articleList-explore-by-room-1-column .articleList-article {
    margin-bottom: 0;
    padding-top: 20px
}

@media only screen and (min-width:768px) {
    .articleList-explore-by-room-1-column .articleList-article {
        width: 100%;
        padding-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width:992px) {
    .articleList-explore-by-room-1-column .articleList-article {
        width: 100%;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1200px) {
    .articleList-explore-by-room-1-column .articleList-article {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1600px) {
    .articleList-explore-by-room-1-column .articleList-article {
        margin-bottom: 0
    }
}

.articleTags {
    padding-top: 16px;
    padding-bottom: 24px
}

.articleTags .tags-heading h3 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 30px;
    line-height: 1.875rem;
    text-align: center
}

@media only screen and (min-width:768px) {
    .articleTags .tags-heading h3 {
        font-weight: 700;
        letter-spacing: -.4px;
        font-size: 37px;
        font-size: 2.3125rem;
        line-height: 48px;
        line-height: 3rem
    }
}

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

.articleTags .tags .tag {
    display: inline-block;
    margin: 8px
}

.articleTags .tags .tag a {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    color: #464646;
    transition: background-color .1s, border-color .1s, color .1s;
    display: inline-block;
    margin: 4px;
    padding: 8px 12px;
    min-width: 87px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.articleTags .tags .tag a:link,
.articleTags .tags .tag a:visited {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    transition: background-color .1s, border-color .1s
}

.articleTags .tags .tag a:hover {
    background-color: #ccc;
    border: 1px solid #ccc
}

.articleTags .tags .tag a.clicked,
.articleTags .tags .tag a:active {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3
}

.articleTags .tags .tag a:focus:not(:active) {
    background-color: #ccc;
    border: 1px solid #ebebeb
}

.articleTags .tags .tag a.inactive {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    opacity: .6
}

.box {
    margin-top: 0;
    margin-bottom: 0
}

.box.box-remove-padding-top {
    padding-top: 0
}

.box.box-remove-padding-bottom {
    padding-bottom: 0
}

.box.box-add-padding-top-1 {
    padding-top: 48px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-top-1 {
        padding-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-top-1 {
        padding-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-top-1 {
        padding-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-top-1 {
        padding-top: 128px
    }
}

.box.box-add-padding-top-2 {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-top-2 {
        padding-top: 32px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-top-2 {
        padding-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-top-2 {
        padding-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-top-2 {
        padding-top: 64px
    }
}

.box.box-add-padding-top-3 {
    padding-top: 12px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-top-3 {
        padding-top: 16px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-top-3 {
        padding-top: 20px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-top-3 {
        padding-top: 24px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-top-3 {
        padding-top: 32px
    }
}

.box.box-add-padding-top-4 {
    padding-top: 6px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-top-4 {
        padding-top: 8px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-top-4 {
        padding-top: 10px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-top-4 {
        padding-top: 12px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-top-4 {
        padding-top: 16px
    }
}

.box.box-add-padding-bottom-1 {
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-bottom-1 {
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-bottom-1 {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-bottom-1 {
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-bottom-1 {
        padding-bottom: 128px
    }
}

.box.box-add-padding-bottom-2 {
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-bottom-2 {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-bottom-2 {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-bottom-2 {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-bottom-2 {
        padding-bottom: 64px
    }
}

.box.box-add-padding-bottom-3 {
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-bottom-3 {
        padding-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-bottom-3 {
        padding-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-bottom-3 {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-bottom-3 {
        padding-bottom: 32px
    }
}

.box.box-add-padding-bottom-4 {
    padding-bottom: 6px
}

@media only screen and (min-width:768px) {
    .box.box-add-padding-bottom-4 {
        padding-bottom: 8px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-padding-bottom-4 {
        padding-bottom: 10px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-padding-bottom-4 {
        padding-bottom: 12px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-padding-bottom-4 {
        padding-bottom: 16px
    }
}

.box.box-add-margin-top-1 {
    margin-top: 48px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-top-1 {
        margin-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-top-1 {
        margin-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-top-1 {
        margin-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-top-1 {
        margin-top: 128px
    }
}

.box.box-add-margin-top-2 {
    margin-top: 24px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-top-2 {
        margin-top: 32px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-top-2 {
        margin-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-top-2 {
        margin-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-top-2 {
        margin-top: 64px
    }
}

.box.box-add-margin-top-3 {
    margin-top: 12px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-top-3 {
        margin-top: 16px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-top-3 {
        margin-top: 20px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-top-3 {
        margin-top: 24px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-top-3 {
        margin-top: 32px
    }
}

.box.box-add-margin-top-4 {
    margin-top: 6px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-top-4 {
        margin-top: 8px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-top-4 {
        margin-top: 10px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-top-4 {
        margin-top: 12px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-top-4 {
        margin-top: 16px
    }
}

.box.box-add-margin-bottom-1 {
    margin-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-bottom-1 {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-bottom-1 {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-bottom-1 {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-bottom-1 {
        margin-bottom: 128px
    }
}

.box.box-add-margin-bottom-2 {
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-bottom-2 {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-bottom-2 {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-bottom-2 {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-bottom-2 {
        margin-bottom: 64px
    }
}

.box.box-add-margin-bottom-3 {
    margin-bottom: 12px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-bottom-3 {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-bottom-3 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-bottom-3 {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-bottom-3 {
        margin-bottom: 32px
    }
}

.box.box-add-margin-bottom-4 {
    margin-bottom: 6px
}

@media only screen and (min-width:768px) {
    .box.box-add-margin-bottom-4 {
        margin-bottom: 8px
    }
}

@media only screen and (min-width:992px) {
    .box.box-add-margin-bottom-4 {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:1200px) {
    .box.box-add-margin-bottom-4 {
        margin-bottom: 12px
    }
}

@media only screen and (min-width:1600px) {
    .box.box-add-margin-bottom-4 {
        margin-bottom: 16px
    }
}

.box.box-no-paddings {
    padding-left: 0;
    padding-right: 0
}

.box.box-stacked-image-spacing>.component-content>.content>.image {
    padding-bottom: 16px
}

@media only screen and (min-width:1200px) {
    .box.box-stacked-image-spacing>.component-content>.content>.image {
        padding-bottom: 0
    }
}

.box-header {
    height: 64px;
    padding: 0;
    position: relative;
    z-index: 40;
    border-bottom: 1px solid #ebebeb
}

.sidebar-open .box-header {
    z-index: 15
}

.box-header>.component-content {
    background: #fff;
    transform: translateZ(0)
}

@media only screen and (min-width:576px) {
    .box-header>.component-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (min-width:576px) {
    .box-header {
        height: 87px;
        box-sizing: border-box
    }
}

@media only screen and (min-width:768px) {
    .box-header {
        box-sizing: border-box
    }
}

@media only screen and (min-width:992px) {
    .box-header {
        display: block
    }

    .aem-AuthorLayer-Edit .box-header {
        height: 100%
    }
}

@media only screen and (min-width:1200px) {
    .box-header {
        display: block;
        height: 79px;
        padding-left: 0;
        padding-right: 0
    }

    .aem-AuthorLayer-Edit .box-header {
        height: 100%
    }
}

.box-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    transition: left .2s
}

.sidebar-open .box-header.is-sticky {
    left: 274px
}

@media only screen and (min-width:576px) {
    .sidebar-open .box-header.is-sticky {
        left: 422px
    }
}

.box-header>.component-content,
.box-header>.component-content>.content {
    height: 100%
}

.box-header>.component-content>.content {
    display: flex
}

.box-header .header-sidebar-trigger {
    display: flex;
    align-self: center;
    justify-content: flex-start;
    cursor: pointer;
    font-size: 19px;
    position: relative;
    z-index: 2;
    padding-left: 12px;
    padding-right: 12px
}

.box-header .header-sidebar-trigger:after {
    content: "\EAEC";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

@media only screen and (min-width:576px) {
    .box-header .header-sidebar-trigger:after {
        font-size: 32px
    }
}

.box-header .header-sidebar-trigger-container {
    display: flex;
    flex: 0 0 60px
}

@media only screen and (min-width:992px) {
    .box-header .header-sidebar-trigger-container {
        display: none
    }
}

.box-share-this-container {
    text-align: center;
    margin-top: 0;
    margin-bottom: 32px
}

@media only screen and (max-width:575px) {
    .box-share-this-container {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .box-share-this-container {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1200px) {
    .box-share-this-container {
        text-align: inherit;
        margin-top: 8px;
        margin-bottom: 0
    }
}

.box-share-this-container .richText {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .box-share-this-container .richText {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.box-subnavigation-container {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    max-height: 40px;
    min-height: 40px;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    z-index: 10;
    visibility: hidden;
    transition: left .2s;
    transform: translateZ(0)
}

.box-subnavigation-container * {
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .box-subnavigation-container {
        z-index: 5
    }
}

.aem-AuthorLayer-Edit .box-subnavigation-container,
.box-subnavigation-container.initialized {
    visibility: visible
}

.aem-AuthorLayer-Edit .box-subnavigation-container {
    width: 260px
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container {
        max-height: none;
        top: 24px;
        padding: 0 0 24px;
        background-color: transparent;
        border-bottom: 0
    }
}

@media only screen and (min-width:1600px) {
    .box-subnavigation-container {
        padding: 0
    }
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container>.component-content {
        margin: 0 auto;
        padding: 0 15px;
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .box-subnavigation-container>.component-content {
        max-width: 1570px
    }
}

.box-subnavigation-container .content.paragraphSystem {
    background-color: #fff
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container .content.paragraphSystem {
        float: left;
        width: 224px;
        border: 1px solid #ebebeb
    }
}

.box-subnavigation-container.is-hovered {
    z-index: 12
}

.box-subnavigation-container.box-expanded {
    max-height: none;
    z-index: 30
}

.box-subnavigation-container.box-expanded .box-opener {
    border-bottom: 1px solid #ebebeb
}

.box-subnavigation-container.box-expanded .box-opener .navigation-item-decoration:after {
    content: "\EAA1";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #252525;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700
}

.box-subnavigation-container.is-sticky {
    position: fixed;
    z-index: 30
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container.is-sticky {
        position: absolute
    }
}

.box-subnavigation-container .box-opener {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    height: 40px;
    padding: 8px 15px;
    color: #000;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.box-subnavigation-container .box-opener>.box-opener-content {
    margin: 0 auto
}

@media only screen and (min-width:0) {
    .box-subnavigation-container .box-opener>.box-opener-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .box-subnavigation-container .box-opener>.box-opener-content {
        max-width: 1570px
    }
}

@media only screen and (min-width:576px) {
    .box-subnavigation-container .box-opener>.box-opener-content {
        padding: 0 15px
    }
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container .box-opener {
        display: none
    }
}

.box-subnavigation-container .box-opener .navigation-item-decoration {
    position: relative;
    display: inline-block;
    min-width: 24px;
    height: 14px;
    border: 0
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container .box-opener .navigation-item-decoration {
        display: none
    }
}

.box-subnavigation-container .box-opener .navigation-item-decoration:focus {
    outline: none
}

.box-subnavigation-container .box-opener .navigation-item-decoration:hover:after {
    color: #252525
}

.box-subnavigation-container .box-opener .navigation-item-decoration:after {
    content: "\EA9E";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    color: #616161;
    transition: color .2s;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700
}

.box-subnavigation-container .subnavigation-wrapper {
    padding-bottom: 8px
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container .subnavigation-wrapper {
        margin: 0 -1px;
        padding-bottom: 0
    }
}

.box-subnavigation-container .subnavigation-wrapper .mCSB_scrollTools {
    width: 16px;
    margin: 24px 2px 8px;
    background-color: #fff;
    z-index: 1
}

.box-subnavigation-container .subnavigation-wrapper .mCSB_scrollTools .mCSB_dragger_bar {
    right: 2px
}

.box-subnavigation-container .subnavigation-wrapper .navigation-item-decoration {
    display: none
}

.box-subnavigation-container.box-subnavigation-standalone {
    border-bottom: 1px solid #ebebeb
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container.box-subnavigation-standalone {
        position: relative;
        top: auto !important;
        padding: 24px 0;
        border-bottom: 0
    }
}

.box-subnavigation-container.box-subnavigation-standalone>.component-content {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:1200px) {
    .box-subnavigation-container.box-subnavigation-standalone .content.paragraphSystem {
        width: 221px;
        border: 1px solid #ebebeb
    }
}

.boxed .box-subnavigation-container {
    width: 100vw;
    margin-left: calc((-100vw + 100%) / 2)
}

@media only screen and (min-width:1200px) {
    .boxed .box-subnavigation-container {
        width: auto;
        margin-left: 0;
        left: 15px
    }
}

.boxed .box-subnavigation-container>.component-content {
    max-width: none;
    padding: 0
}

.box-subnavigation-container .link.section {
    display: none;
    padding: 0 0 0 32px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

.box-subnavigation-container .link.section a {
    color: #616161
}

.aem-AuthorLayer-Edit .box-subnavigation-container .link.section {
    display: block
}

.box-sidebar {
    position: static
}

.box-action-banner {
    overflow: visible
}

.box-action-banner .component-content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.box-action-banner .component-content>.content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .box-action-banner .component-content>.content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .box-action-banner .component-content>.content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .box-action-banner .component-content>.content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .box-action-banner .component-content>.content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .box-action-banner .component-content>.content {
        max-width: 1570px
    }
}

.box-action-banner .richText {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box-action-banner .richText {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-action-banner .richText {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-action-banner .richText {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-action-banner .richText {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media only screen and (max-width:767px) {
    .box-action-banner .richText {
        text-align: center
    }
}

.box-action-banner .richText .richText-content p:last-child {
    margin-bottom: 0
}

.box-action-banner .richText p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.box-action-banner .richText p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .box-action-banner .richText p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .box-action-banner .richText p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.box-action-banner .richText .component-content {
    overflow: visible
}

.box-action-banner .richText>.component-content .richText-content a.button-cta-play,
.box-action-banner .richText>.component-content .richText-content a.button-cta-play-white,
.box-action-banner .richText>.component-content .richText-content a.link-cta-arrow,
.box-action-banner .richText>.component-content .richText-content a.link-cta-arrow-red,
.box-action-banner .richText>.component-content .richText-content a.link-cta-arrow-white {
    margin: 8px 12px 0;
    max-width: calc(100% - 24px)
}

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

    .box-action-banner .richText>.component-content .richText-content a.button-cta-play,
    .box-action-banner .richText>.component-content .richText-content a.button-cta-play-white,
    .box-action-banner .richText>.component-content .richText-content a.link-cta-arrow,
    .box-action-banner .richText>.component-content .richText-content a.link-cta-arrow-red,
    .box-action-banner .richText>.component-content .richText-content a.link-cta-arrow-white {
        margin: 8px 0 0;
        max-width: 100%
    }
}

@media only screen and (max-width:767px) {

    .box-action-banner .richText>.component-content .richText-content a.button-cta-dark,
    .box-action-banner .richText>.component-content .richText-content a.button-cta-light,
    .box-action-banner .richText>.component-content .richText-content a.button-cta-red,
    .box-action-banner .richText>.component-content .richText-content a.button-cta-white {
        margin: 8px 12px 0
    }
}

.box-utility-navigation {
    height: 0;
    display: none;
    z-index: 41
}

.sidebar-open .box-utility-navigation {
    z-index: 20
}

.box-utility-navigation.box-utility-navigation-contract-store-style {
    height: 35px;
    display: block;
    border-bottom: 1px solid #ebebeb
}

.aem-AuthorLayer-Edit .box-utility-navigation.box-utility-navigation-contract-store-style {
    height: auto
}

@media only screen and (min-width:768px) {
    .box-utility-navigation {
        height: 35px;
        display: block;
        border-bottom: 1px solid #ebebeb
    }

    .aem-AuthorLayer-Edit .box-utility-navigation {
        height: auto
    }
}

.box-utility-navigation.is-transparent {
    visibility: hidden
}

.box-utility-navigation.box-utility-navigation-contract-store-style .market-link-container {
    height: 35px;
    display: flex;
    justify-content: flex-end
}

.box-utility-navigation.box-utility-navigation-contract-store-style .reference-market-link,
.box-utility-navigation .richText-horizontal-unordered-list {
    display: none
}

@media only screen and (min-width:576px) {
    .box-utility-navigation.box-utility-navigation-contract-store-style .reference-market-link {
        display: block
    }
}

@media only screen and (max-width:575px) {

    .box-utility-navigation,
    .box-utility-navigation.box-utility-navigation-contract-store-style .reference-market-link,
    .box-utility-navigation .reference-store-contract-toggle {
        width: 100%;
        padding: 0
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {

    .box-utility-navigation.box-utility-navigation-contract-store-style .reference-market-link,
    .box-utility-navigation .reference-store-contract-toggle {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .box-utility-navigation .richText-horizontal-unordered-list {
        display: block
    }
}

.box-utility-navigation .richText-utility-navigation>.component-content {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.box-utility-navigation .richText-utility-navigation.richText-horizontal-unordered-list>.component-content {
    justify-content: center
}

.box-featured-content:before {
    position: absolute;
    content: "";
    width: 1px;
    background: #ebebeb;
    height: calc(100% - 32px);
    margin: 32px 0 40px -15px
}

.box-outside-grid {
    margin: 0 auto;
    clear: both;
    float: none
}

@media only screen and (min-width:1200px) {
    .box-outside-grid {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .box-outside-grid {
        max-width: 1570px
    }
}

.box-outside-grid .image {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:768px) {
    .box-outside-grid .image {
        padding-left: 0;
        padding-right: 15px
    }
}

@media only screen and (min-width:1200px) {
    .box-outside-grid .image {
        padding: 0 15px
    }
}

.box-outside-grid .image+.image {
    padding-top: 16px
}

@media only screen and (min-width:768px) {
    .box-outside-grid .image+.image {
        padding: 0 0 0 15px
    }
}

@media only screen and (min-width:1200px) {
    .box-outside-grid .image+.image {
        padding: 0 15px
    }
}

.box-footer-navigation-last .navigation-with-heading.last {
    margin-bottom: 10px
}

@media only screen and (min-width:576px) {
    .box-footer-navigation-last .navigation-with-heading.last {
        margin-bottom: 64px
    }
}

.reference-footer .box-footer-navigation-last {
    margin-bottom: 10px
}

@media only screen and (min-width:576px) {
    .page-home .reference-footer .box-footer-navigation-last {
        margin-bottom: 64px
    }
}

.box-footer-signup-share>.component-content>.content {
    margin-left: -15px;
    margin-right: -15px
}

.box-footer-newsletter-link {
    margin-top: 56px;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:575px) {
    .box-footer-newsletter-link {
        width: 100%
    }
}

@media only screen and (min-width:576px) {
    .box-footer-newsletter-link {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .box-footer-newsletter-link {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:1200px) {
    .box-footer-newsletter-link {
        margin-bottom: 4px;
        text-align: inherit
    }
}

.box-footer-newsletter-link-hidden {
    display: none
}

.box-footer-newsletter-link-hidden+.box-share-this-container {
    margin-top: 56px
}

@media only screen and (min-width:1200px) {
    .box-footer-newsletter-link-hidden+.box-share-this-container {
        margin-top: 0
    }
}

.box-footer-newsletter-link .richText-footer-navigation {
    border: 0;
    max-height: none;
    display: block
}

.box-footer-newsletter-link .richText-footer-navigation p {
    line-height: 1.5rem
}

.box-footer-newsletter-link .richText-footer-navigation.richText>.component-content .richText-content a {
    margin-top: 16px;
    margin-right: 0
}

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

    .box-footer-newsletter-link .richText-footer-navigation,
    .box-footer-newsletter-link .richText-footer-navigation:last-child {
        padding: 0 0 10px
    }
}

.aem-AuthorLayer-Edit .box-footer-newsletter-link-hidden {
    display: block
}

.box-columns-wrapper-image-text {
    padding-top: 48px;
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .box-columns-wrapper-image-text {
        padding-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-columns-wrapper-image-text {
        padding-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-columns-wrapper-image-text {
        padding-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-columns-wrapper-image-text {
        padding-top: 128px
    }
}

@media only screen and (min-width:768px) {
    .box-columns-wrapper-image-text {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box-columns-wrapper-image-text {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box-columns-wrapper-image-text {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box-columns-wrapper-image-text {
        padding-bottom: 64px
    }
}

.box-columns-wrapper-image-text>.component-content>.content>.richText h2,
.box-columns-wrapper-image-text>.component-content>.content>.richText h3,
.box-columns-wrapper-image-text>.component-content>.content>.richText h4,
.box-columns-wrapper-image-text>.component-content>.content>.richText h5 {
    margin-bottom: 24px;
    text-align: center
}

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

    .box-columns-wrapper-image-text>.component-content>.content>.richText h2,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h3,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h4,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h5 {
        margin-bottom: 32px
    }
}

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

    .box-columns-wrapper-image-text>.component-content>.content>.richText h2,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h3,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h4,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h5 {
        margin-bottom: 40px
    }
}

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

    .box-columns-wrapper-image-text>.component-content>.content>.richText h2,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h3,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h4,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h5 {
        margin-bottom: 48px
    }
}

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

    .box-columns-wrapper-image-text>.component-content>.content>.richText h2,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h3,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h4,
    .box-columns-wrapper-image-text>.component-content>.content>.richText h5 {
        margin-bottom: 64px
    }
}

.box-columns-wrapper-image-text+.box-columns-wrapper-image-text {
    padding-top: 0;
    margin-top: -24px
}

@media only screen and (min-width:768px) {
    .box-columns-wrapper-image-text+.box-columns-wrapper-image-text {
        margin-top: -32px
    }
}

@media only screen and (min-width:992px) {
    .box-columns-wrapper-image-text+.box-columns-wrapper-image-text {
        margin-top: -40px
    }
}

@media only screen and (min-width:1200px) {
    .box-columns-wrapper-image-text+.box-columns-wrapper-image-text {
        margin-top: -48px
    }
}

@media only screen and (min-width:1600px) {
    .box-columns-wrapper-image-text+.box-columns-wrapper-image-text {
        margin-top: -64px
    }
}

@media only screen and (min-width:768px) {
    .box-columns-wrapper-image-text.pro-resource-box+.pro-resource-box .imageText-columns:nth-last-of-type(-n+2) {
        margin-bottom: 0
    }
}

.box-columns-wrapper-image-text.pro-resource-box .imageText-columns {
    margin-bottom: 36px
}

@media only screen and (max-width:767px) {
    .box-columns-wrapper-image-text.pro-resource-box .imageText-columns {
        width: 100%;
        margin-left: 0;
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .box-columns-wrapper-image-text.pro-resource-box .imageText-columns:last-of-type {
        margin-bottom: 0
    }
}

.box-columns-wrapper-image-text.pro-resource-box .image.section,
.box-columns-wrapper-image-text.pro-resource-box .richText.section {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    line-height: 0
}

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

    .box-columns-wrapper-image-text.pro-resource-box .image.section,
    .box-columns-wrapper-image-text.pro-resource-box .richText.section {
        width: 50%;
        display: table-cell;
        float: none
    }
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section {
    padding: 16px 0
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section h2,
.box-columns-wrapper-image-text.pro-resource-box .richText.section h3,
.box-columns-wrapper-image-text.pro-resource-box .richText.section h4,
.box-columns-wrapper-image-text.pro-resource-box .richText.section h5,
.box-columns-wrapper-image-text.pro-resource-box .richText.section h6 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    color: #252525;
    margin: 0
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff;
    line-height: 24px
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a * {
    box-sizing: border-box
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a.button-cta-minimal-padding {
    padding: 0 16px
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a:link,
.box-columns-wrapper-image-text.pro-resource-box .richText.section a:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a.clicked,
.box-columns-wrapper-image-text.pro-resource-box .richText.section a:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

.box-columns-wrapper-image-text.pro-resource-box .richText.section a.inactive {
    background-color: #601b15;
    border: 4px solid #601b15;
    opacity: .6
}

.box-text-columns {
    padding-top: 24px;
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .box-text-columns {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box-text-columns {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box-text-columns {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box-text-columns {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:1200px) {
    .box-text-columns>.component-content>.content {
        display: flex
    }

    .aem-AuthorLayer-Edit .box-text-columns>.component-content>.content {
        display: block
    }
}

.box-text-columns .richText {
    margin-bottom: 12px
}

@media only screen and (min-width:768px) {
    .box-text-columns .richText {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .box-text-columns .richText {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .box-text-columns .richText {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .box-text-columns .richText {
        margin-bottom: 32px
    }
}

.box-text-columns .richText:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1599px) {

    .box-text-columns .richText h2,
    .box-text-columns .richText h3,
    .box-text-columns .richText h4,
    .box-text-columns .richText h5 {
        margin-bottom: 8px
    }
}

@media only screen and (max-width:991px) {
    .box-text-columns.box-text-columns-centered-mobile .richText {
        text-align: center
    }

    .box-text-columns.box-text-columns-centered-mobile .richText h1[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText h2[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText h3[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText h4[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText h5[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText h6[style*="text-align: right"],
    .box-text-columns.box-text-columns-centered-mobile .richText p[style*="text-align: right"] {
        text-align: center !important
    }
}

.box-text-columns-divider>.component-content>.content {
    overflow: hidden
}

.box-text-columns-divider .richText {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .box-text-columns-divider .richText {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box-text-columns-divider .richText {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box-text-columns-divider .richText {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box-text-columns-divider .richText {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.box-text-columns-divider .richText:after {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background-color: #ccc
}

.box-text-columns-divider .richText.last:after {
    content: none
}

@media only screen and (min-width:992px) {
    .box-text-columns-divider .richText {
        border-bottom: 0;
        border-right: 1px solid #ccc
    }

    .box-text-columns-divider .richText:after {
        content: none
    }

    .box-text-columns-divider .richText.first {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .box-text-columns-divider .richText.last {
        border-right: 0
    }
}

.box-text-mobile-together .richText {
    margin-bottom: 0
}

.box-map.box {
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .box-map.box {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .box-map.box {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .box-map.box {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .box-map.box {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media only screen and (min-width:1200px) {
    .box-map.box {
        height: 680px;
        padding: 0
    }
}

@media only screen and (min-width:1600px) {
    .box-map.box {
        height: 900px
    }
}

@media only screen and (min-width:1200px) {
    .box-map.box>.component-content {
        height: 100%
    }
}

.box-map.box>.component-content>.content {
    position: static
}

@media only screen and (min-width:1200px) {
    .box-map.box>.component-content>.content {
        height: 100%;
        display: flex;
        align-items: center
    }
}

.box-map.box .richText {
    text-align: center
}

@media only screen and (min-width:1200px) {
    .box-map.box .richText {
        text-align: inherit
    }
}

.box-map.box .richText p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem
}

.box-map.box .richText p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .box-map.box .richText p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .box-map.box .richText p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.box-map.box .richText a {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-decoration: none
}

@media only screen and (min-width:992px) {
    .box-map.box .richText a {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.box-map.box .map {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    display: none
}

@media only screen and (min-width:1200px) {
    .box-map.box .map {
        display: block
    }
}

.box-map.box .map .map-canvas {
    height: 680px;
    padding-top: 0
}

@media only screen and (min-width:1600px) {
    .box-map.box .map .map-canvas {
        height: 900px
    }
}

.box-media-contacts>.component-content>.content.paragraphSystem {
    font-size: 0
}

.box-media-contacts>.component-content>.content.paragraphSystem>.box {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 24px;
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .box-media-contacts>.component-content>.content.paragraphSystem>.box {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .box-media-contacts>.component-content>.content.paragraphSystem>.box {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .box-media-contacts>.component-content>.content.paragraphSystem>.box {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .box-media-contacts>.component-content>.content.paragraphSystem>.box {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (max-width:767px) {
    .box-media-contacts>.component-content>.content.paragraphSystem>.box {
        border-bottom: 1px solid #ebebeb
    }

    .box-media-contacts>.component-content>.content.paragraphSystem>.box:last-child {
        border-bottom: none
    }
}

.box-category-tile .image {
    position: relative;
    padding: 16px 0
}

.box-category-tile .image+.richText {
    position: absolute;
    text-align: center;
    bottom: 40px;
    right: 50%;
    transform: translateX(50%)
}

@media only screen and (min-width:1200px) {
    .box-category-tile .image+.richText {
        bottom: 56px
    }
}

.box-category-tile .image+.richText h4 {
    margin-bottom: 0
}

.box-category-tile .image+.richText .richText-content a {
    text-decoration: none;
    color: inherit
}

.box-category-tile .image+.richText .richText-content a:active,
.box-category-tile .image+.richText .richText-content a:hover {
    color: inherit
}

.box-category-tile .image a {
    display: block
}

.box-category-tile .image picture {
    display: inline-block;
    text-align: center;
    width: 100%
}

@keyframes videoSwapOut {
    0% {
        opacity: 1;
        z-index: 2
    }

    99% {
        opacity: 0;
        z-index: 2
    }

    to {
        z-index: 0
    }
}

@keyframes videoSwapIn {
    0% {
        opacity: 0;
        z-index: 2
    }

    to {
        opacity: 1;
        z-index: 2
    }
}

.box-video-swap>.component-content>.content {
    position: relative
}

.box-video-swap>.component-content>.content .video-video {
    border: none
}

.box-video-swap>.component-content>.content .brightcoveVideo {
    position: absolute;
    top: 0;
    z-index: 1
}

.aem-AuthorLayer-Edit .box-video-swap>.component-content>.content .brightcoveVideo {
    position: relative;
    top: auto
}

.box-video-swap>.component-content>.content .brightcoveVideo.video-swap-hidden {
    opacity: 0;
    visibility: hidden
}

.box-video-swap>.component-content>.content .masthead {
    animation: videoSwapIn .5s linear forwards
}

.box-video-swap>.component-content>.content .masthead.video-swap-hidden {
    animation: videoSwapOut .3s linear forwards
}

.box-video-swap>.component-content>.content .masthead.video-swap-hidden .masthead-image {
    visibility: hidden
}

@media only screen and (min-width:992px) {
    .box-video-swap>.component-content>.content .masthead.video-swap-hidden .masthead-text-container {
        visibility: hidden
    }
} */

.icon-text .image {
    overflow: visible;
    padding: 0;
    width: 64px;
    font-size: 0
}

.icon-text .image img {
    display: inherit;
    max-width: 64px;
    width: 64px
}

.icon-text>.component-content :before {
    width: 0
}

.icon-text>.component-content>picture {
    font-size: 0
}

.icon-text>.component-content>.content {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 8px
}

.icon-text>.component-content>.content>div {
    margin-left: 0
}

.icon-text>.component-content>.content>.richText {
    max-width: calc(100% - 64px);
    padding: 0 0 0 16px;
    width: auto
}

.icon-text .richText>.component-content .richText-content h1:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h1:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h1:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content h2:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h2:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h2:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content h3:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h3:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h3:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content h4:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h4:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h4:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content h5:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h5:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h5:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content h6:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content h6:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content h6:last-child [class^=text-feature],
.icon-text .richText>.component-content .richText-content p:last-child [class^=text-body],
.icon-text .richText>.component-content .richText-content p:last-child [class^=text-display],
.icon-text .richText>.component-content .richText-content p:last-child [class^=text-feature] {
    margin-bottom: 0
}

.icon-text .imageText-columns {
    flex-basis: 100%;
    flex-shrink: 0;
    margin: 0 0 8px;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:768px) {
    .icon-text .imageText-columns {
        flex-basis: 50%;
        padding: 0 30px
    }
}

@media only screen and (min-width:992px) {
    .icon-text .imageText-columns {
        flex-basis: 33%
    }
}

.icon-text .imageText-columns>.component-content>.content {
    align-items: center;
    display: flex;
    flex-direction: row
}

.icon-text .imageText-columns>.component-content>.content>div {
    margin: 0
}

.icon-text .imageText-columns>.component-content>.content>.image {
    padding: 0;
    width: 64px
}

.icon-text .imageText-columns>.component-content>.content>.richText {
    max-width: calc(100% - 64px);
    padding: 0 0 0 16px;
    width: auto
}

.box.newsletter-submit-container {
    position: relative;
    padding: 0 0 4px
}

.box.newsletter-submit-container .checkboxField,
.box.newsletter-submit-container .richText {
    max-width: 530px;
    left: 50%;
    transform: translateX(-50%);
    position: relative
}

.aem-AuthorLayer-Edit .box.newsletter-submit-container {
    position: relative
}

.box-store-and-contract-links {
    height: 35px;
    display: flex
}

.box-store-and-contract-links div {
    display: flex;
    flex: 1
}

.box-store-and-contract-links .richText {
    height: 35px;
    width: 50%;
    position: relative;
    justify-content: center;
    border-left: 1px solid #ebebeb
}

@media only screen and (min-width:576px) {
    .box-store-and-contract-links .richText {
        width: 84px;
        max-width: 84px
    }
}

.box-store-and-contract-links .richText:last-child {
    border-right: 1px solid #ebebeb
}

.box-store-and-contract-links .richText p {
    flex: 1;
    justify-content: center;
    display: flex
}

.box-store-and-contract-links .richText a {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    line-height: 35px;
    text-decoration: none !important;
    flex: 1;
    text-align: center
}

.box-store-and-contract-links .richText a:link,
.box-store-and-contract-links .richText a:visited {
    color: #4c4c4c;
    transition: color .1s
}

.box-store-and-contract-links .richText a:hover {
    color: #464646;
    text-decoration: none
}

.box-store-and-contract-links .richText a:active {
    color: #252525
}

.box-store-and-contract-links .richText a:focus:not(:active) {
    color: #464646
}

.box-store-and-contract-links .richText a:hover {
    text-decoration: none !important;
    color: #252525
}

.box-store-and-contract-links .richText a:active {
    color: #000
}

.box-store-and-contract-links .richText.richText-store-and-contract-link-current a {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    line-height: 35px
}

.box-store-and-contract-links .richText.richText-store-and-contract-link-current:after {
    content: " ";
    border-bottom: 2px solid #0d75cb;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.box-no-search-results {
    display: none
}

.grid.js-no-results~.box-no-search-results {
    display: block
}

.box-global-brand-footer {
    background: #ccc;
    margin-left: -15px;
    margin-right: -15px;
    padding: 6px 15px;
    position: relative
}

.box-marketplace-utility-nav {
    display: flex;
    height: 34px
}

.box-marketplace-utility-nav>.component-content {
    white-space: nowrap
}

.box-marketplace-utility-nav>.component-content>.content {
    font-size: 0
}

.box-marketplace-utility-nav>.component-content>.content>.box {
    display: inline-block
}

@media only screen and (max-width:575px) {
    .box-marketplace-utility-nav>.component-content>.content>.box:first-of-type>.component-content>.content>div:first-of-type .richText-content {
        border-left: none
    }
}

.box-marketplace-utility-nav>.component-content>.content>.box:last-of-type>.component-content>.content>div:first-of-type .richText-content {
    border-color: #ceb4a9
}

@media only screen and (max-width:575px) {
    .box-marketplace-utility-nav>.component-content>.content>.box:last-of-type>.component-content>.content>div:first-of-type .richText-content {
        border-right: none
    }
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content {
    position: relative
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type {
    white-space: nowrap
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type .richText-content {
    display: flex;
    align-items: center;
    border-left: .5px solid #ceb4a9;
    border-right: .5px solid #fbf4f4
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    padding: 0 15px;
    line-height: 34px
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type a:hover>span {
    color: #252525
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) {
    display: none;
    position: absolute;
    left: 0;
    top: 35px;
    width: 232px;
    height: auto;
    border: .5px solid #ceb4a9;
    border-top: none;
    padding: 8px 15px 15px
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) .component-content .richText-content {
    white-space: normal
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) .component-content .richText-content p:first-of-type {
    line-height: 18px;
    margin-bottom: 2px
}

.box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) .component-content .richText-content p:nth-of-type(2) {
    line-height: 15px
}

.aem-AuthorLayer-Edit .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) {
    margin-top: 24px
}

@media only screen and (min-width:576px) {
    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content:hover>div:nth-of-type(2) {
        display: block
    }
}

@media only screen and (max-width:575px) {
    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content {
        position: static
    }

    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type p {
        width: 100%;
        text-align: center
    }

    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:first-of-type p a {
        padding: 0
    }

    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2).open-dropdown {
        display: block;
        width: calc(100% - 1px);
        padding: 0
    }

    .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2).open-dropdown>.component-content {
        padding: 14px 26px
    }
}

@media only screen and (max-width:575px) {

    .box-marketplace-utility-nav>.component-content,
    .box-marketplace-utility-nav>.component-content>.content {
        display: flex;
        flex: 1
    }

    .box-marketplace-utility-nav>.component-content>.content>.box {
        flex: 1
    }
}

.box-utility-navigation.box-utility-navigation-marketplace-style {
    height: 35px;
    display: block;
    border-bottom: .5px solid #ceb4a9;
    z-index: 41
}

.sidebar-open .box-utility-navigation.box-utility-navigation-marketplace-style {
    z-index: 15
}

.aem-AuthorLayer-Edit .box-utility-navigation.box-utility-navigation-marketplace-style {
    height: auto
}

.box-utility-navigation.box-utility-navigation-marketplace-style .market-link-container {
    height: 35px;
    display: flex;
    justify-content: flex-end
}

.box-utility-navigation.box-utility-navigation-marketplace-style .reference-market-link,
.box-utility-navigation.box-utility-navigation-marketplace-style .richText-horizontal-unordered-list {
    display: none
}

@media only screen and (min-width:576px) {
    .box-utility-navigation.box-utility-navigation-marketplace-style .reference-market-link {
        display: block
    }
}

@media only screen and (min-width:992px) {
    .box-utility-navigation.box-utility-navigation-marketplace-style .richText-horizontal-unordered-list {
        display: block
    }
}

@media only screen and (max-width:575px) {

    .box-utility-navigation.box-utility-navigation-marketplace-style,
    .box-utility-navigation.box-utility-navigation-marketplace-style .reference-market-link,
    .box-utility-navigation.box-utility-navigation-marketplace-style .reference-marketplace-utility-navigation {
        width: 100%;
        padding: 0
    }
}

.aem-AuthorLayer-Edit .box-marketplace-utility-nav>.component-content>.content>.box>.component-content>.content>div:nth-of-type(2) {
    display: block
}

.box-ebr-mid-app {
    display: none
}

.aem-AuthorLayer-Edit .box-ebr-mid-app {
    display: block
}

.brandGrid {
    padding-left: 0;
    padding-right: 0
}

.brandGrid .brand-grid-item-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 24px 0 0
}

.brandGrid .brand-grid-item-list li {
    width: 33.33333%;
    padding: 0 8px;
    box-sizing: border-box;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .brandGrid .brand-grid-item-list li {
        width: 20%;
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media only screen and (min-width:992px) {
    .brandGrid .brand-grid-item-list li {
        width: 16.66667%;
        padding: 0 8px;
        box-sizing: border-box
    }
}

@media only screen and (min-width:1200px) {
    .brandGrid .brand-grid-item-list li {
        width: 10%;
        padding: 0 12px;
        box-sizing: border-box
    }
}

.brandGrid .brand-grid-item-list a {
    display: block
}

.brandGrid .brand-grid-item-list a svg:hover {
    fill: #4c4c4c
}

.brandGrid .brand-grid-item-list svg {
    display: block;
    fill: #828282;
    max-height: 30px;
    transition: fill .1s;
    width: 100%
}

.wistiaVideoPlayer {
    position: relative
}

.wistiaVideoPlayer .wistia-main {
    position: relative;
    width: 100%;
    height: 0
}

.wistiaVideoPlayer .wistia_embed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.wistiaVideoPlayer button:focus,
.wistiaVideoPlayer button:hover,
.wistiaVideoPlayer input[type=button]:focus,
.wistiaVideoPlayer input[type=button]:hover {
    background: none;
    border: none
}

.wistiaVideoPlayer video {
    visibility: hidden
}

.wistiaVideoPlayer.wistia-ready video {
    visibility: visible
}

@media only screen and (min-width:1200px) {
    .wistiaVideoPlayer.wistia-started.hide-poster-on-desktop [data-handle=thumbnail] {
        display: none !important
    }
}

.wistiaVideoPlayer.video-swap-hidden {
    opacity: 0;
    visibility: hidden
}

.video-and-text-default .wistiaVideoPlayer .end-state {
    display: none !important
}

.brightcoveVideo {
    clear: both;
    padding: 0
}

.wistiaVideoPlayer .w-play-pause-notifier,
.wistiaVideoPlayer .wistia-big-play.hidden {
    display: none
}

.wistiaVideoPlayer .wistia-big-play {
    display: block;
    background: none;
    border-radius: 0;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px
}

.wistiaVideoPlayer .wistia-big-play:after,
.wistiaVideoPlayer .wistia-big-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wistiaVideoPlayer .wistia-big-play:before {
    content: "\EB50";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 67px;
    font-size: 4.1875rem;
    width: auto;
    height: auto;
    color: #fff;
    z-index: 6
}

@media only screen and (max-width:767px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width:576px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 80px;
        font-size: 5rem
    }
}

@media only screen and (min-width:768px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 128px;
        font-size: 8rem
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 160px;
        font-size: 10rem
    }
}

@media only screen and (min-width:1200px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 160px;
        font-size: 10rem
    }
}

@media only screen and (min-width:1600px) {
    .wistiaVideoPlayer .wistia-big-play:before {
        font-size: 192px;
        font-size: 12rem
    }
}

.wistiaVideoPlayer .wistia-big-play:after {
    content: "";
    z-index: 5;
    opacity: .4;
    background: #252525;
    border-radius: 50%;
    transition: opacity .2s;
    width: 60px;
    height: 60px
}

@media only screen and (min-width:768px) {
    .wistiaVideoPlayer .wistia-big-play:after {
        width: 90px;
        height: 90px
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .wistia-big-play:after {
        width: 108px;
        height: 108px
    }
}

@media only screen and (min-width:1600px) {
    .wistiaVideoPlayer .wistia-big-play:after {
        width: 130px;
        height: 130px
    }
}

.wistiaVideoPlayer .wistia-big-play.inactive {
    opacity: 0;
    visibility: hidden
}

.wistiaVideoPlayer .wistia-big-play:focus:before {
    outline: 10px auto #0073ce
}

.brightcove-play-icon-black .wistiaVideoPlayer .wistia-big-play:before {
    color: #252525
}

.wistiaVideoPlayer.wistia-ready .content-block {
    display: block
}

.wistiaVideoPlayer .content-block {
    padding-top: 24px;
    padding-bottom: 24px;
    position: static;
    transition: opacity .2s;
    z-index: 3;
    opacity: 1;
    visibility: visible;
    text-align: center;
    pointer-events: none;
    overflow: hidden;
    display: none
}

@media only screen and (min-width:768px) {
    .wistiaVideoPlayer .content-block {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .wistiaVideoPlayer .content-block {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .wistiaVideoPlayer .content-block {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block {
        padding-top: 0;
        padding-bottom: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        overflow: visible;
        text-align: left;
        left: 0;
        right: 0
    }

    .wistiaVideoPlayer .content-block[data-text-alignment=right] {
        text-align: right
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block.hide-on-desktop {
        opacity: 0;
        visibility: hidden
    }
}

.wistiaVideoPlayer .content-block .content-block-content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .wistiaVideoPlayer .content-block .content-block-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .wistiaVideoPlayer .content-block .content-block-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block .content-block-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .wistiaVideoPlayer .content-block .content-block-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .wistiaVideoPlayer .content-block .content-block-content {
        max-width: 1570px
    }
}

.wistiaVideoPlayer .content-block .content-block-inner {
    pointer-events: all
}

@media only screen and (max-width:991px) {
    .wistiaVideoPlayer .content-block .content-block-inner {
        margin-left: 25%;
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .wistiaVideoPlayer .content-block .content-block-inner {
        margin-left: 8.33%;
        width: 83.33%
    }
}

.wistiaVideoPlayer .content-block .description,
.wistiaVideoPlayer .content-block .duration,
.wistiaVideoPlayer .content-block .eyebrow {
    color: #252525
}

.wistiaVideoPlayer .content-block .duration,
.wistiaVideoPlayer .content-block .eyebrow {
    opacity: .6;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #616161;
    display: inline-block
}

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

    .wistiaVideoPlayer .content-block .duration,
    .wistiaVideoPlayer .content-block .eyebrow {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.wistiaVideoPlayer .content-block .duration:before {
    content: " ";
    background: #616161;
    display: inline-block;
    margin: 0 10px -5px;
    height: 20px;
    width: 1px
}

.wistiaVideoPlayer .content-block .headline {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block;
    color: #252525
}

.wistiaVideoPlayer .content-block .headline sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block .headline {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .wistiaVideoPlayer .content-block .headline {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (max-width:1199px) {
    .wistiaVideoPlayer .content-block .description {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem
    }

    .wistiaVideoPlayer .content-block .description sup {
        font-size: 45%;
        top: -1em
    }
}

@media only screen and (min-width:992px) {
    .wistiaVideoPlayer .content-block .description {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem
    }

    .wistiaVideoPlayer .content-block .description sup {
        font-size: 45%;
        top: -1em
    }
}

@media only screen and (min-width:992px) and (min-width:992px) {
    .wistiaVideoPlayer .content-block .description {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:992px) and (min-width:1600px) {
    .wistiaVideoPlayer .content-block .description {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.wistiaVideoPlayer .content-block .description:last-of-type {
    margin-bottom: 0
}

.wistiaVideoPlayer .content-block .description+a {
    margin: 8px 0 0
}

.wistiaVideoPlayer .button-cta-play {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 16px;
    line-height: 1rem;
    display: inline-block;
    margin: 8px 0;
    padding: 16px 0;
    text-decoration: none
}

.wistiaVideoPlayer .button-cta-play:hover {
    text-decoration: none
}

.wistiaVideoPlayer .button-cta-play:hover:after {
    opacity: 1
}

:last-child .wistiaVideoPlayer .button-cta-play:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0
}

.wistiaVideoPlayer .button-cta-play:after {
    content: "\EB50";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    line-height: 16px;
    line-height: 1rem;
    padding-left: 8px;
    vertical-align: middle
}

.brigthcove-text-white .wistiaVideoPlayer .description,
.brigthcove-text-white .wistiaVideoPlayer .duration,
.brigthcove-text-white .wistiaVideoPlayer .eyebrow,
.brigthcove-text-white .wistiaVideoPlayer .headline,
.brigthcove-text-white .wistiaVideoPlayer a {
    color: #fff
}

.brigthcove-text-white .wistiaVideoPlayer a:link,
.brigthcove-text-white .wistiaVideoPlayer a:visited {
    color: #fff;
    transition: color .1s
}

.brigthcove-text-white .wistiaVideoPlayer a:hover {
    color: #ebebeb
}

.brigthcove-text-white .wistiaVideoPlayer a:active {
    color: #ccc
}

.brigthcove-text-white .wistiaVideoPlayer .duration:before {
    background-color: #fff
}

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

    .brigthcove-text-container-right-2 .wistiaVideoPlayer .content-block .content-block-inner,
    .brigthcove-text-container-right .wistiaVideoPlayer .content-block .content-block-inner {
        margin-left: 66.66666667%;
        width: 33.33333333%
    }
}

@media only screen and (min-width:768px) {
    .wistiaVideoPlayer.wistia-started .wistia-dock-container:not(.hidden) {
        display: block
    }
}

.wistiaVideoPlayer.wistia-started .wistia-dock-container:not(.hidden).fade-in-wistia-dock {
    opacity: 1;
    transition: opacity .25s
}

.wistia-dock-container {
    z-index: 2;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    height: 180px;
    background-image: linear-gradient(0deg, rgba(36, 36, 36, 0), #252525);
    opacity: 0;
    transition: opacity 1s;
    pointer-events: none;
    font-family: Meta, sans-serif;
    color: #fff;
    display: none
}

.wistia-dock-container .wistia-dock {
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.wistia-dock-container .wistia-dock-title {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 8px 0
}

@media only screen and (min-width:768px) {
    .wistia-dock-container .wistia-dock-title {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.wistia-dock-container .wistia-dock-eyebrow {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    min-height: 26px
}

@media only screen and (min-width:768px) {
    .wistia-dock-container .wistia-dock-eyebrow {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.wistia-dock-container .wistia-dock-buttons {
    display: flex;
    margin: 8px 8px 0 0
}

.wistia-dock-container .wistia-dock-buttons>div:first-child {
    margin-right: 24px
}

.wistia-dock-container .wistia-dock-buttons button {
    border: 0;
    pointer-events: all
}

.wistia-dock-container .box-sharedata-close,
.wistia-dock-container .close {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    cursor: pointer
}

.wistia-dock-container .box-sharedata-close:after,
.wistia-dock-container .close:after {
    content: "\E9A0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #616161
}

.wistia-dock-container .box-sharedata-close:active:after,
.wistia-dock-container .box-sharedata-close:hover:after,
.wistia-dock-container .close:active:after,
.wistia-dock-container .close:hover:after {
    color: #4c4c4c
}

.wistia-dock-container .wistia-metadata,
.wistia-dock-container .wistia-sharebox {
    position: relative;
    pointer-events: all
}

.wistia-dock-container .wistia-metadata .box-metadata-trigger:hover:after,
.wistia-dock-container .wistia-metadata.box-open .box-metadata-trigger:after {
    color: #252525
}

.wistia-dock-container .wistia-metadata .box-metadata-trigger {
    font-size: 24px;
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    color: #464646;
    background-color: #fff;
    border-radius: 50%
}

.wistia-dock-container .wistia-metadata .box-metadata-trigger:after {
    content: "\EA94";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #616161;
    line-height: inherit;
    transform: translateZ(0)
}

.wistia-dock-container .wistia-sharebox {
    font-family: Meta, sans-serif
}

.wistia-dock-container .wistia-sharebox .wistia-share-control {
    display: inline-block
}

.wistia-dock-container .wistia-sharebox .box-sharedata-trigger {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%
}

.wistia-dock-container .wistia-sharebox .box-sharedata-trigger:before {
    color: #616161;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    content: "\EBAC"
}

.wistia-dock-container .wistia-sharebox .box-sharedata-trigger.active:before,
.wistia-dock-container .wistia-sharebox .box-sharedata-trigger:hover:before {
    color: #252525
}

.wistia-dock-container .wistia-sharebox .box-sharedata-trigger>span {
    display: none
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    padding-bottom: 16px;
    margin-bottom: 16px !important;
    border-bottom: 1px solid #ccc
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-heading sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-heading {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables .box-sharedata-copiable,
.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables .social-label-text,
.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables input {
    display: inline-block;
    width: 100%
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables .box-sharedata-copiable {
    margin-bottom: 16px;
    position: relative
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables .box-sharedata-copiable:after {
    content: "\EA99";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #28628e;
    position: absolute;
    bottom: 12px;
    right: 8px
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables .social-label-text {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #252525
}

.wistia-dock-container .wistia-sharebox .box-sharedata .box-sharedata-copiables input {
    border-color: #ccc;
    background-color: #fafafa;
    padding-right: 40px;
    box-sizing: border-box
}

.wistia-dock-container .box-open .box-metadata,
.wistia-dock-container .box-open .box-sharedata {
    display: block
}

.wistia-dock-container .box-metadata,
.wistia-dock-container .box-sharedata {
    box-sizing: border-box;
    position: absolute;
    display: none;
    top: 64px;
    right: -30px;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    color: #252525;
    border-radius: 5px;
    width: 300px;
    text-align: left;
    z-index: 9
}

.wistia-dock-container .box-metadata:before,
.wistia-dock-container .box-sharedata:before {
    position: absolute;
    content: "";
    top: -10px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

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

    .wistia-dock-container .box-metadata,
    .wistia-dock-container .box-sharedata {
        width: 350px;
        padding: 24px 24px 32px;
        right: -4px
    }

    .wistia-dock-container .box-metadata:before,
    .wistia-dock-container .box-sharedata:before {
        right: 12px
    }
}

.wistia-dock-container .metadata-category,
.wistia-dock-container .metadata-duration {
    display: inline-block;
    margin: 0;
    color: #616161
}

.wistia-dock-container .metadata-category {
    opacity: .6;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-right: 8px
}

@media only screen and (min-width:992px) {
    .wistia-dock-container .metadata-category {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.wistia-dock-container .metadata-category:empty {
    display: none
}

.wistia-dock-container .metadata-headline {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 8px;
    margin-bottom: 16px !important;
    padding-bottom: 16px
}

.wistia-dock-container .metadata-headline sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .wistia-dock-container .metadata-headline {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.wistia-dock-container .metadata-description {
    color: #616161;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

.end-state {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: rgba(35, 35, 35, .9);
    z-index: 10
}

.end-state,
.end-state.is-active {
    display: none
}

@media only screen and (min-width:1200px) {
    .end-state.is-active {
        display: block
    }
}

.end-state.cta,
.end-state.recommendations,
.end-state.replay {
    text-align: center
}

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

    .end-state.cta.is-active,
    .end-state.recommendations.is-active,
    .end-state.replay.is-active {
        justify-content: center;
        display: flex
    }
}

.end-state.cta .end-buttons-block,
.end-state.recommendations .end-buttons-block,
.end-state.replay .end-buttons-block {
    align-self: flex-end;
    margin-bottom: 88px
}

.end-state.cta .end-buttons-block a,
.end-state.recommendations .end-buttons-block a,
.end-state.replay .end-buttons-block a {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    position: relative;
    display: inline-block;
    color: #fff;
    cursor: pointer
}

.end-state.cta .end-buttons-block a:first-child,
.end-state.recommendations .end-buttons-block a:first-child,
.end-state.replay .end-buttons-block a:first-child {
    margin-right: 64px
}

.end-state.cta .end-buttons-block a .icon,
.end-state.recommendations .end-buttons-block a .icon,
.end-state.replay .end-buttons-block a .icon {
    position: relative;
    float: left;
    content: "";
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #fff
}

.end-state.cta .end-buttons-block a .icon:before,
.end-state.recommendations .end-buttons-block a .icon:before,
.end-state.replay .end-buttons-block a .icon:before {
    position: absolute;
    color: #616161;
    left: calc(50% - 12px);
    top: calc(50% - 12px)
}

.end-state.cta .end-buttons-block a .button-label,
.end-state.recommendations .end-buttons-block a .button-label,
.end-state.replay .end-buttons-block a .button-label {
    line-height: 40px;
    line-height: 2.5rem;
    display: inline-block;
    padding-left: 16px;
    vertical-align: top
}

.end-state.cta .end-buttons-block .replay-button .icon:before,
.end-state.recommendations .end-buttons-block .replay-button .icon:before,
.end-state.replay .end-buttons-block .replay-button .icon:before {
    content: "\EB74";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    font-size: 1.5rem
}

.end-state.cta .end-buttons-block .share-button .icon:before,
.end-state.recommendations .end-buttons-block .share-button .icon:before,
.end-state.replay .end-buttons-block .share-button .icon:before {
    content: "\EBAC";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    font-size: 1.5rem
}

.end-state.replay {
    background: rgba(37, 37, 37, .6)
}

.end-state.cta {
    flex-flow: row wrap
}

.end-state.cta .end-content-block {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    margin-top: 0
}

.end-state.cta .end-content-block .headline {
    font-weight: 700;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 72px;
    line-height: 4.5rem;
    letter-spacing: -1px;
    margin-bottom: 24px
}

.end-state.cta .end-content-block .description {
    font-weight: 400;
    letter-spacing: -.5px;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin-bottom: 32px
}

.end-state.cta .end-content-block .cta {
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    border: 4px solid #fff;
    color: #252525;
    cursor: pointer;
    padding-left: 70px;
    padding-right: 70px
}

.end-state.cta .end-content-block .cta * {
    box-sizing: border-box
}

.end-state.cta .end-content-block .cta.button-cta-minimal-padding {
    padding: 0 16px
}

.end-state.cta .end-content-block .cta:link,
.end-state.cta .end-content-block .cta:visited {
    background-color: #fff;
    border: 4px solid #fff;
    transition: background-color .1s, border-color .1s
}

.end-state.cta .end-content-block .cta:hover {
    background-color: #ebebeb;
    border: 4px solid #ebebeb
}

.end-state.cta .end-content-block .cta.clicked,
.end-state.cta .end-content-block .cta:active {
    background-color: #ccc;
    border: 4px solid #ccc
}

.end-state.cta .end-content-block .cta:focus:not(:active) {
    background-color: #ebebeb;
    border: 4px solid #fff
}

.end-state.cta .end-content-block .cta.inactive {
    background-color: #fff;
    border: 4px solid #fff;
    opacity: .6
}

.end-state.recommendations {
    flex-flow: row wrap;
    align-content: flex-start
}

.end-state.recommendations .recommendations-headline {
    color: #fff;
    margin-bottom: 0;
    margin-top: 80px
}

@media only screen and (min-width:1600px) {
    .end-state.recommendations .recommendations-headline {
        font-size: 60px;
        font-size: 3.75rem;
        margin-top: 160px
    }
}

.end-state.recommendations .recommendations-headline,
.end-state.recommendations .recommended-videos-block {
    flex: 1 1 100%;
    justify-content: space-around
}

.end-state.recommendations .recommended-videos-block {
    box-sizing: border-box;
    display: flex;
    padding: 32px 15px 0
}

@media only screen and (min-width:576px) {
    .end-state.recommendations .recommended-videos-block {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .end-state.recommendations .recommended-videos-block {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .end-state.recommendations .recommended-videos-block {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .end-state.recommendations .recommended-videos-block {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .end-state.recommendations .recommended-videos-block {
        max-width: 1570px
    }
}

.end-state.recommendations .recommended-videos-block * {
    box-sizing: border-box
}

@media only screen and (min-width:1600px) {
    .end-state.recommendations .recommended-videos-block {
        padding: 40px 15px 0
    }
}

.end-state.recommendations .recommended-videos-block .video-thumbnail-component {
    flex: 0 1 50%;
    margin: 0 16px;
    display: block
}

.end-state.recommendations .recommended-videos-block .video-thumbnail-component:first-child {
    margin-left: 0
}

.end-state.recommendations .recommended-videos-block .video-thumbnail-component:last-child {
    margin-right: 0
}

.end-state.recommendations .recommended-videos-block .video-thumbnail-component img {
    vertical-align: bottom
}

.end-state.recommendations .recommended-videos-block .video-data {
    background: #fff;
    padding: 16px 24px 24px;
    text-align: left
}

@media only screen and (min-width:1600px) {
    .end-state.recommendations .recommended-videos-block .video-data {
        padding: 16px 16px 32px
    }
}

.end-state.recommendations .recommended-videos-block .video-title {
    color: #252525
}

.end-state.recommendations .recommended-videos-block .video-details {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #616161
}

.end-state.recommendations .recommended-videos-block .video-details .video-category {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    margin-right: 12px
}

.end-state.recommendations .end-buttons-block {
    position: absolute;
    width: 100%;
    margin: 0;
    left: 0;
    bottom: 88px
}

.carousel:not(.carousel-dots) {
    opacity: 0;
    transition: opacity .2s
}

.carousel:not(.carousel-dots).show-carousel {
    opacity: 1
}

.carousel:not(.carousel-dots)>.component-content {
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    width: auto
}

.carousel:not(.carousel-dots)>.component-content.mCustomScrollbar {
    touch-action: auto
}

.carousel:not(.carousel-dots) .mCS_no_scrollbar_x {
    text-align: center
}

.carousel:not(.carousel-dots) .mCS_no_scrollbar_x .carousel-slides {
    display: inline-block
}

.carousel:not(.carousel-dots) .carousel-slides {
    padding: 24px 0;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    width: auto
}

@media only screen and (min-width:768px) {
    .carousel:not(.carousel-dots) .carousel-slides {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .carousel:not(.carousel-dots) .carousel-slides {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .carousel:not(.carousel-dots) .carousel-slides {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .carousel:not(.carousel-dots) .carousel-slides {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.carousel:not(.carousel-dots) .mCustomScrollbar .carousel-slides {
    width: auto;
    white-space: nowrap
}

.carousel:not(.carousel-dots) .carousel-slide {
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    white-space: normal;
    width: 240px;
    list-style: none;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .carousel:not(.carousel-dots) .carousel-slide {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .carousel:not(.carousel-dots) .carousel-slide {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width:992px) {
    .carousel:not(.carousel-dots) .carousel-slide {
        width: 308px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:1200px) {
    .carousel:not(.carousel-dots) .carousel-slide {
        width: 350px;
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1600px) {
    .carousel:not(.carousel-dots) .carousel-slide {
        width: 460px;
        padding-left: 32px;
        padding-right: 32px
    }
}

.carousel:not(.carousel-dots) .carousel-slide>.component {
    margin: 0;
    padding: 0
}

.carousel:not(.carousel-dots) .carousel-slide>.component .paragraphSystem {
    margin-left: 0;
    margin-right: 0
}

.carousel:not(.carousel-dots) .carousel-slide:first-child {
    padding-left: 30px
}

@media only screen and (min-width:1200px) {
    .carousel:not(.carousel-dots) .carousel-slide:first-child {
        padding-left: 46px
    }
}

.carousel:not(.carousel-dots) .carousel-slide:last-child {
    padding-right: 30px
}

@media only screen and (min-width:1200px) {
    .carousel:not(.carousel-dots) .carousel-slide:last-child {
        padding-right: 46px
    }
}

.carousel:not(.carousel-dots) .carouselSlide {
    cursor: pointer
}

.carousel:not(.carousel-dots) .carouselSlide .image-and-content picture {
    display: block;
    overflow: hidden
}

.carousel:not(.carousel-dots) .carouselSlide .image-and-content>a {
    display: block;
    overflow: hidden;
    margin-bottom: 24px;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none
}

.carousel:not(.carousel-dots) .carouselSlide .image-and-content>a img {
    transition: transform 6s;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
    width: 100%;
    height: auto;
    display: block
}

@media only screen and (min-width:992px) {
    .carousel:not(.carousel-dots) .carouselSlide .image-and-content:hover img {
        transform: scale(1.3)
    }
}

.carousel:not(.carousel-dots) .carouselSlide .richText {
    margin-bottom: 0;
    color: #4c4c4c;
    text-align: left;
    padding-left: 0;
    padding-right: 0
}

.carousel:not(.carousel-dots) .carouselSlide .richText p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

.carousel:not(.carousel-dots) .carouselSlide .richText a[class*=link-cta] {
    margin: 0;
    padding: 0
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    box-sizing: border-box;
    color: #252525;
    display: inline-block;
    margin-bottom: 4px;
    max-width: 100%
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    width: 100%
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a[class*=cta]:after {
    position: absolute;
    right: 0;
    width: 22px
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:link,
.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:link:after,
.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:visited,
.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:visited:after {
    color: #252525;
    transition: color .1s
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:hover,
.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:hover:after {
    color: #464646
}

.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:active,
.carousel:not(.carousel-dots) .carouselSlide .richText-content>:first-child:not(.product-name) a:active:after {
    color: #4c4c4c
}

.carousel:not(.carousel-dots) .carousel-nav {
    display: none
}

.mCustomScrollbar {
    -ms-touch-action: inherit;
    touch-action: inherit
}

.mCustomScrollbar .mCS_no_scrollbar,
.mCustomScrollbar .mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollbar .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
    z-index: 1
}

.mCustomScrollbar .mCSB_container {
    overflow-y: hidden;
    overflow-x: hidden;
    width: auto;
    height: auto;
    margin-right: 0
}

.mCustomScrollbar .mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCustomScrollbar .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCustomScrollbar .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollbar .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 12px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal:before {
    content: "";
    position: absolute;
    margin-top: 2px;
    width: 100%;
    height: 8px;
    background: #ccc;
    left: 0
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 0
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    background-color: #e22d00;
    width: 30px;
    height: auto;
    left: 0;
    z-index: 1;
    cursor: pointer;
    transition: background-color .1s
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:before {
    content: "\E9F0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    top: -18px;
    left: calc(50% - 24px);
    color: #fff;
    width: 48px;
    height: 48px;
    padding: 12px;
    transition: opacity .2s;
    box-sizing: border-box;
    pointer-events: none
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag,
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:hover {
    background-color: #a81910
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 12px
}

.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCustomScrollbar .mCSB_scrollTools_vertical {
    position: absolute;
    width: 12px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCustomScrollbar .mCSB_scrollTools_vertical:before {
    content: "";
    position: absolute;
    margin-left: 2px;
    height: 100%;
    width: 8px;
    background: #ccc
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_draggerRail {
    height: 100%;
    margin: 0 auto
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger {
    background-color: #e22d00;
    cursor: pointer;
    width: 12px;
    height: 30px;
    z-index: 1
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger:before {
    content: "\E9F0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    top: calc(50% - 24px);
    left: -18px;
    width: 48px;
    height: 48px;
    padding: 12px;
    transition: opacity .2s;
    box-sizing: border-box;
    z-index: 1;
    color: #fff;
    transform: rotate(270deg);
    pointer-events: none
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger.mCSB_dragger_onDrag,
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger:hover {
    background-color: #a81910
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 12px;
    height: 100%;
    margin: 0 auto
}

.carousel.slider-images .carouselSlide .image .component-content {
    overflow: hidden
}

.carousel.slider-images .carouselSlide .image picture {
    display: block;
    overflow: hidden
}

.carousel.slider-images .carouselSlide .image img {
    max-width: none;
    transition: transform 6s;
    display: block;
    height: 180px;
    width: auto;
    -webkit-user-drag: none
}

@media only screen and (min-width:992px) {
    .carousel.slider-images .carouselSlide .image img {
        height: 230px
    }
}

@media only screen and (min-width:1200px) {
    .carousel.slider-images .carouselSlide .image img {
        height: 260px
    }
}

.carousel.slider-images .carouselSlide .image:hover img {
    transform: scale(1.3)
}

.carousel.slider-images .carousel-slide {
    width: auto
}

.carousel.slider-images .carousel-slide>div[class*=slides-item] {
    height: 100%
}

.carousel.slider-images .carousel-slide>div[class*=slides-item] .image.component {
    padding-left: 0;
    padding-right: 0
}

.carousel.slider-images .product-links-container {
    display: none
}

.aem-AuthorLayer-Edit .carousel.slider-images .carouselSlide .image {
    height: 90%
}

.aem-AuthorLayer-Edit .carousel.slider-images .carouselSlide .image+div {
    height: 10%
}

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

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

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: grabbing
}

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

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

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

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

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

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

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

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

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp__button {
    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:focus,
.pswp__button:hover {
    opacity: 1;
    background-color: transparent
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

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

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

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(../image/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(../image/default-skin.svg)
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

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

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

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

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

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

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

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

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
    color: #000;
    text-decoration: none
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

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

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(https://www.hermanmiller.com/etc/designs/zg/hmicom-theme/desktop/css.asset.css/core/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-140deg)
    }

    to {
        transform: rotate(0)
    }
}

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

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

.pswp__bg {
    background-color: #252525
}

.pswp__top-bar {
    height: 57px
}

.pswp__top-bar .pswp__button {
    margin-top: 7px
}

.pswp__caption,
.pswp__top-bar {
    background-color: rgba(37, 37, 37, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(37, 37, 37, .3)
}

.pswp__counter {
    font-size: 14px;
    padding: 0 16px;
    margin-top: 7px
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    width: 40px;
    height: 40px
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(37, 37, 37, .3)
}

.pswp__button--arrow--left {
    left: 8px
}

.pswp__button--arrow--left:before {
    background-position: -134px -40px
}

.pswp__button--arrow--right {
    right: 8px
}

.pswp__button--arrow--right:before {
    background-position: -89px -40px
}

.pswp__button.pswp__button--share {
    background: none;
    padding: 13px
}

.pswp__button.pswp__button--share:after {
    content: "\EBAC";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #fff;
    font-size: 18px
}

.pswp__button.pswp__button--share:after:hover {
    opacity: .75
}

.productList,
.productSlider {
    padding: 24px 0
}

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

    .productList,
    .productSlider {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

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

    .productList,
    .productSlider {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

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

    .productList,
    .productSlider {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

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

    .productList,
    .productSlider {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.productList.slider-remove-padding-top,
.productSlider.slider-remove-padding-top {
    padding-top: 0
}

.productList.slider-remove-padding-bottom,
.productSlider.slider-remove-padding-bottom {
    padding-bottom: 0
}

/* .carousel.product-list {
    width: 100%
}

.carousel.product-list .carousel-slides {
    margin: 0 auto
}

.carousel.product-list .carousel-slide {
    width: 218px;
    padding: 0 16px
}

@media only screen and (min-width:1200px) {
    .carousel.product-list .carousel-slide {
        width: 255px
    }
}

@media only screen and (min-width:1600px) {
    .carousel.product-list .carousel-slide {
        width: 362px
    }
}

.carousel.product-list .carouselSlide .richText {
    color: #252525
}

.carousel.product-list .carouselSlide .image-and-content {
    position: relative
}

.carousel.product-list .carouselSlide .image-and-content>a {
    margin-bottom: 8px
}

.carousel.product-list .carouselSlide .image-and-content img.first {
    position: relative
}

.carousel.product-list .carouselSlide .image-and-content img.second {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.carousel.product-list .carouselSlide .image-and-content:hover img {
    transform: none
}

.carousel.product-list .carouselSlide .image-and-content:hover img.second {
    visibility: visible
}

.carousel.product-list .carouselSlide .image-and-content:hover .product-name {
    color: #464646
}

.carousel.product-list .carouselSlide .image-and-content:active .product-name {
    color: #4c4c4c
}

.carousel.product-list .product-name {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
    display: block
}

@media only screen and (min-width:992px) {
    .carousel.product-list .product-name {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.carousel.product-list .designer {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: block
} */

.carousel-dots {
    opacity: 0;
    transition: opacity .2s
}

.carousel-dots.initialized {
    opacity: 1
}

.carousel-dots>.component-content {
    position: relative;
    margin: 0 auto
}

.carousel-dots .carousel-slides {
    overflow: hidden;
    position: relative;
    padding: 0;
    margin-bottom: 8px;
    list-style: none
}

@media only screen and (min-width:1200px) {
    .carousel-dots .carousel-slides {
        margin-bottom: 16px
    }
}

.carousel-dots .carousel-slide {
    clear: both;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.carousel-dots .carousel-slide.is-active {
    display: block;
    position: relative
}

.carousel-dots .carousel-slide .no-content,
.carousel-dots .carousel-slide .no-image {
    text-align: center
}

.carousel-dots .carousel-slide .image-and-content {
    overflow: hidden
}

.aem-AuthorLayer-Edit .carousel-dots .carousel-slide .carousel-content,
.aem-AuthorLayer-Edit .carousel-dots .carousel-slide .carousel-cover,
.carousel-dots .carousel-slide .no-content .carousel-cover,
.carousel-dots .carousel-slide .no-image .carousel-content {
    float: none;
    max-width: 100%
}

.carousel-dots .carousel-slide figure {
    display: inline-block
}

.carousel-dots .carousel-slide .image figcaption {
    text-align: left
}

.carousel-dots .carousel-cover {
    max-width: 50%;
    height: auto;
    float: right
}

.carousel-dots .carousel-content {
    max-width: 48%;
    float: left;
    text-align: left;
    width: 100%
}

.carousel-dots .carousel-nav {
    display: block;
    text-align: center;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    list-style: none
}

.carousel-dots .carousel-nav a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    background: #ccc
}

.carousel-dots .carousel-nav-item {
    display: inline-block;
    margin: 0 3px
}

.carousel-dots .carousel-nav-item.is-active a {
    background: #252525
}

.carousel-dots .carousel-nav-next,
.carousel-dots .carousel-nav-prev {
    display: none;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
    transform: translateY(-50%)
}

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

    .carousel-dots .carousel-nav-next,
    .carousel-dots .carousel-nav-prev {
        display: list-item
    }
}

.carousel-dots .carousel-nav-next a,
.carousel-dots .carousel-nav-prev a {
    background: #fff;
    border: none;
    display: block;
    width: 100%;
    height: 100%
}

.carousel-dots .carousel-nav-prev {
    left: 24px
}

.carousel-dots .carousel-nav-prev a:before {
    content: "\E930";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    display: block;
    color: #252525;
    transform: translateY(50%)
}

.carousel-dots .carousel-nav-next {
    right: 24px
}

.carousel-dots .carousel-nav-next a:before {
    content: "\E935";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    display: block;
    color: #252525;
    transform: translateY(50%)
}

.reference-market-link {
    margin: 0;
    text-align: center
}

@media only screen and (min-width:992px) {
    .reference-market-link {
        text-align: left
    }
}

.market-link {
    margin: 0
}

.market-link-container {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 35px
}

@media only screen and (min-width:768px) {
    .market-link-container {
        justify-content: flex-start
    }
}

.market-link-container a {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem
}

.market-link-container a:link,
.market-link-container a:visited {
    color: #4c4c4c;
    transition: color .1s
}

.market-link-container a:hover {
    color: #464646;
    text-decoration: none
}

.market-link-container a:active {
    color: #252525
}

.market-link-container a:focus:not(:active) {
    color: #464646
}

.box-utility-navigation .market-link-container a {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.market-link-flag {
    display: inline-block;
    float: none;
    margin-right: 8px
}

.market-link-flag img {
    display: inline-block;
    width: 16px;
    height: auto;
    vertical-align: middle
}

.reference-footer .market-link-container {
    align-items: flex-start;
    height: auto
}

.divider>.component-content {
    height: 0;
    margin-top: 24px;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .divider>.component-content {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .divider>.component-content {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .divider>.component-content {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .divider>.component-content {
        margin-top: 64px;
        margin-bottom: 64px
    }
}

.divider.divider-line>.component-content {
    height: 1px;
    background-color: #ebebeb
}

.divider.float-breaker>.component-content {
    background: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: 0;
    height: auto
}

.divider.divider-long-form-line>.component-content {
    height: 1px;
    background-color: #ebebeb
}

.divider.divider-long-form>.component-content,
.divider.divider-small>.component-content {
    margin-top: 16px;
    margin-bottom: 16px
}

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

    .divider.divider-long-form>.component-content,
    .divider.divider-small>.component-content {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

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

    .divider.divider-long-form>.component-content,
    .divider.divider-small>.component-content {
        margin-top: 24px;
        margin-bottom: 24px
    }
}

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

    .divider.divider-long-form>.component-content,
    .divider.divider-small>.component-content {
        margin-top: 32px;
        margin-bottom: 32px
    }
}

.divider.divider-remove-margin-top>.component-content {
    margin-top: 0
}

.divider.divider-remove-margin-bottom>.component-content {
    margin-bottom: 0
}

.divider.divider-hide-on-mobile {
    display: none
}

@media only screen and (min-width:768px) {
    .divider.divider-hide-on-mobile {
        display: block
    }
}

.drift-chat iframe {
    border: none;
    height: 50vh;
    min-height: 400px;
    max-height: 800px;
    width: 100%
}

.cq-Editable-dom .drift-chat iframe {
    height: 400px !important
}

.fileList-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.fileList-date {
    margin-bottom: 10px;
    color: #868484
}

.fileList-file {
    margin-bottom: 20px
}

.fileList-description,
.fileList-file {
    overflow: hidden
}

.fileList-title {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.fileList-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.fileList-thumbnail {
    max-width: 100px;
    float: left;
    margin-right: 15px
}

.fileList-download {
    text-align: right
}

.fileList-download-size {
    color: #868484;
    display: block
}

.accordion-downloads .fileList .fileList-heading {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 32px
}

.accordion-downloads .fileList .fileList-heading sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .accordion-downloads .fileList .fileList-heading {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .accordion-downloads .fileList .fileList-heading {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .fileList .fileList-heading {
        margin-bottom: 40px
    }
}

.accordion-downloads .fileList .fileList-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.accordion-downloads .fileList .fileList-file {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
    position: relative;
    padding: 8px
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-file {
        padding: 24px 8px
    }
}

.accordion-downloads .fileList .fileList-file+.fileList-file {
    border-top: 1px solid #ccc
}

.accordion-downloads .fileList .fileList-title {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #252525;
    width: 80%;
    margin-bottom: 0;
    padding-bottom: 0
}

@media only screen and (min-width:992px) {
    .accordion-downloads .fileList .fileList-title {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.accordion-downloads .fileList .fileList-title a {
    display: inline-block;
    padding: 8px
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-title a {
        padding: 24px 8px
    }
}

.accordion-downloads .fileList .fileList-title a:hover {
    color: #464646
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .fileList .fileList-title {
        display: inline-block;
        margin-bottom: 8px;
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem;
        width: 67%;
        margin-bottom: 0
    }

    .accordion-downloads .fileList .fileList-title sup {
        font-size: 45%;
        top: -1em
    }
}

@media only screen and (min-width:1200px) and (min-width:992px) {
    .accordion-downloads .fileList .fileList-title {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.accordion-downloads .fileList .fileList-description {
    width: 33%;
    color: #999;
    line-height: 28px;
    text-indent: -9999px
}

.accordion-downloads .fileList .fileList-download {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    text-align: left;
    width: 100%;
    text-indent: 0
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-download {
        flex-direction: row-reverse
    }
}

.accordion-downloads .fileList .fileList-download-link {
    font-size: 0;
    transition: color .2s
}

.accordion-downloads .fileList .fileList-download-link:link,
.accordion-downloads .fileList .fileList-download-link:visited {
    color: #616161;
    transition: color .1s
}

.accordion-downloads .fileList .fileList-download-link:hover {
    color: #4c4c4c;
    text-decoration: none
}

.accordion-downloads .fileList .fileList-download-link:active {
    color: #464646
}

.accordion-downloads .fileList .fileList-download-link:focus:not(:active) {
    color: #4c4c4c
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-download-link {
        width: 50%;
        margin-left: 30px
    }
}

.accordion-downloads .fileList .fileList-download-link:before {
    content: "\EA1A";
    display: inline-block;
    font-family: Material Icons;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    vertical-align: middle
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-download-link:before {
        margin-right: 8px
    }
}

.accordion-downloads .fileList .fileList-download-link:after {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    content: attr(extension);
    vertical-align: middle;
    text-transform: uppercase
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-download-link:after {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.accordion-downloads .fileList .fileList-link-wrapper {
    display: none
}

.accordion-downloads .fileList .fileList-download-size {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #616161
}

@media only screen and (min-width:768px) {
    .accordion-downloads .fileList .fileList-download-size {
        width: 50%;
        align-self: center;
        margin-left: 24px
    }
}

@media only screen and (min-width:1200px) {
    .accordion-downloads .fileList .fileList-download-size {
        margin-left: 90px
    }
}

.flash>.component-content {
    text-align: center
}

.flash object {
    max-width: 100%
}

.flash-missing {
    margin: 0 auto
}

.flash .seoDescription {
    display: none
}

.form .form-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.form form {
    margin: 0 0 20px
}

.form fieldset {
    background-color: #e1e1e1;
    border: 2px solid #323131;
    padding: 13px;
    margin: 15px 0;
    min-width: 0
}

.form legend {
    font-size: 18px;
    font-weight: 700;
    margin-left: 10px;
    padding: 0 5px
}

.form fieldset legend {
    display: table;
    white-space: normal;
    margin-right: 10px
}

.form button,
.form input,
.form label,
.form select,
.form textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    max-width: 100%
}

.form textarea {
    box-sizing: border-box;
    width: 300px;
    min-width: 200px;
    height: auto
}

.form button,
.form input,
.form select,
.form textarea {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.form label {
    display: block;
    margin-bottom: 5px
}

.form .uneditable-input,
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=datetime],
.form input[type=email],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form input[type=week],
.form select,
.form textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px
}

.form .uneditable-input,
.form input,
.form textarea {
    width: 206px
}

.form fieldset textarea {
    resize: vertical;
    width: 100%
}

.form .uneditable-input,
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=datetime],
.form input[type=email],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=search],
.form input[type=tel],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form input[type=week],
.form select,
.form textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border .2s linear, box-shadow .2s linear
}

.form .uneditable-input:focus,
.form input[type=color]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=month]:focus,
.form input[type=number]:focus,
.form input[type=password]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form input[type=week]:focus,
.form select:focus,
.form textarea:focus {
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

.form .uneditable-input+.help-block,
.form input+.help-block,
.form select+.help-block,
.form textarea+.help-block {
    margin-top: 10px
}

.form .help-inline,
.form .uneditable-input,
.form input,
.form select,
.form textarea {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom: 1
}

.form input[type=checkbox],
.form input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal
}

.form input[type=button],
.form input[type=checkbox],
.form input[type=file],
.form input[type=image],
.form input[type=radio],
.form input[type=reset],
.form input[type=submit] {
    width: auto
}

.form input[type=file],
.form select {
    height: 30px
}

.form select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc
}

.form select[multiple],
.form select[size] {
    height: auto
}

.form .uneditable-input,
.form .uneditable-textarea {
    color: #999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px hsla(0, 0%, 100%, .025)
}

.form .uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.form .uneditable-textarea {
    width: auto;
    height: auto
}

.form input:-moz-placeholder,
.form input:-ms-input-placeholder,
.form input::-webkit-input-placeholder,
.form textarea:-moz-placeholder,
.form textarea:-ms-input-placeholder,
.form textarea::-webkit-input-placeholder {
    color: #999
}

.form .form-actions {
    padding-left: 180px
}

.form .hide {
    display: none
}

.form .checkbox,
.form .radio {
    min-height: 20px;
    padding-left: 20px
}

.form .checkbox input[type=checkbox],
.form .radio input[type=radio] {
    float: left;
    margin-left: -22px
}

.form .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

.form .controls:first-child {
    *padding-left: 180px
}

.form .controls>.checkbox:first-child,
.form .controls>.radio:first-child {
    padding-top: 5px
}

.form .checkbox.inline,
.form .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.form .checkbox.inline+.checkbox.inline,
.form .radio.inline+.radio.inline {
    margin-left: 10px
}

.form .uneditable-input,
.form input,
.form textarea {
    margin-left: 0
}

.form .controls-row {
    *zoom: 1
}

.form .controls-row:after,
.form .controls-row:before {
    display: table;
    line-height: 0;
    content: ""
}

.form .controls-row:after {
    clear: both
}

.form input[disabled],
.form input[readonly],
.form select[disabled],
.form select[readonly],
.form textarea[disabled],
.form textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

.form input[type=checkbox][disabled],
.form input[type=checkbox][readonly],
.form input[type=radio][disabled],
.form input[type=radio][readonly] {
    background-color: transparent
}

.form .control-label {
    word-break: break-all;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    line-height: normal
}

.form .control-group.warning .checkbox,
.form .control-group.warning .control-label,
.form .control-group.warning .help-block,
.form .control-group.warning .help-inline,
.form .control-group.warning .radio,
.form .control-group.warning input,
.form .control-group.warning select,
.form .control-group.warning textarea {
    color: #c09853
}

.form .control-group.warning input,
.form .control-group.warning select,
.form .control-group.warning textarea {
    border-color: #c09853;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form .control-group.warning input:focus,
.form .control-group.warning select:focus,
.form .control-group.warning textarea:focus {
    border-color: #a47e3c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}

.form .control-group.error .checkbox,
.form .control-group.error .control-label,
.form .control-group.error .help-block,
.form .control-group.error .help-inline,
.form .control-group.error .radio,
.form .control-group.error input,
.form .control-group.error select,
.form .control-group.error textarea {
    color: #b94a48
}

.form .control-group.error input,
.form .control-group.error select,
.form .control-group.error textarea {
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form .control-group.error input:focus,
.form .control-group.error select:focus,
.form .control-group.error textarea:focus {
    border-color: #953b39;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}

.form .control-group.success .checkbox,
.form .control-group.success .control-label,
.form .control-group.success .help-block,
.form .control-group.success .help-inline,
.form .control-group.success .radio,
.form .control-group.success input,
.form .control-group.success select,
.form .control-group.success textarea {
    color: #468847
}

.form .control-group.success input,
.form .control-group.success select,
.form .control-group.success textarea {
    border-color: #468847;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form .control-group.success input:focus,
.form .control-group.success select:focus,
.form .control-group.success textarea:focus {
    border-color: #356635;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}

.form .control-group.info .checkbox,
.form .control-group.info .control-label,
.form .control-group.info .help-block,
.form .control-group.info .help-inline,
.form .control-group.info .radio,
.form .control-group.info input,
.form .control-group.info select,
.form .control-group.info textarea {
    color: #3a87ad
}

.form .control-group.info input,
.form .control-group.info select,
.form .control-group.info textarea {
    border-color: #3a87ad;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form .control-group.info input:focus,
.form .control-group.info select:focus,
.form .control-group.info textarea:focus {
    border-color: #2d6987;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}

.form .control-group.error input[type=radio],
.form .control-group.info input[type=radio],
.form .control-group.success input[type=radio],
.form .control-group.warning input[type=radio] {
    box-shadow: none
}

.form input:focus:invalid,
.form select:focus:invalid,
.form textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

.form input:focus:invalid:focus,
.form select:focus:invalid:focus,
.form textarea:focus:invalid:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #d59392
}

.form .help-block,
.form .help-inline {
    color: #595959
}

.form .help-block {
    display: block;
    margin-bottom: 0
}

.form .help-inline {
    display: inline-block;
    *display: inline;
    padding-left: 5px;
    vertical-align: middle;
    *zoom: 1
}

.form .control-group {
    margin-bottom: 20px;
    *zoom: 1
}

.form .control-group:after,
.form .control-group:before {
    display: table;
    line-height: 0;
    content: ""
}

.form .control-group:after {
    clear: both
}

.form legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form .radio input[type=radio] {
    width: 20px;
    float: none;
    vertical-align: baseline;
    margin-top: 0;
    margin-bottom: 0
}

.form .radio .radio-label-text {
    line-height: 13px;
    vertical-align: baseline
}

.form .button-arrow-left button,
.form .button-arrow-right button {
    position: relative;
    box-shadow: none;
    height: 28px;
    overflow: visible
}

.form .button-arrow-left button {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 20px
}

.form .button-arrow-right button {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 20px
}

.form .button-arrow-left button:after,
.form .button-arrow-right button:after {
    content: " ";
    width: 19px;
    height: 19px;
    display: inline-block;
    position: absolute;
    top: 3px;
    background-color: #e1e1e1;
    border: 2px solid #656363;
    box-shadow: none
}

.form .button-arrow-left button:after {
    transform: rotate(135deg);
    left: -10px;
    border-width: 0 1px 1px 0;
    border-bottom-right-radius: 5px
}

.form .button-arrow-right button:after {
    transform: rotate(45deg);
    right: -10px;
    border-width: 1px 1px 0 0;
    border-top-right-radius: 5px
}

.form .button-arrow-left button:hover:after,
.form .button-arrow-right button:hover:after {
    background-color: #939191
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control:first-child {
    border-right: 0
}

.input-group>.form-control:focus+.input-group-append .btn {
    border-color: #616161
}

.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-append {
    display: flex;
    margin-left: -1px
}

.input-group-append>.btn {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    background-color: transparent;
    z-index: 2
}

.form-element>.component-content,
.form>.component-content {
    overflow: hidden
}

.form-element.checkboxField>.component-content,
.form.checkboxField>.component-content {
    overflow: initial
}

.form-horizontal .radio {
    display: inline-block;
    margin-right: 10px
}

.lt-ie9 .form fieldset {
    position: relative;
    margin: 10px
}

.lt-ie9 .form fieldset legend {
    position: relative;
    top: -.7em;
    left: .5em;
    margin-right: 20px
}

.lt-ie9 .form fieldset legend span {
    display: block;
    width: 100%
}

.lt-ie9 .form .input-focus-border-fix {
    border-color: #52a8ec
}

.lt-ie9 .form .button {
    border: 1px solid #656363;
    height: auto;
    margin-left: 0;
    margin-right: 0
}

.lt-ie9 .form .button-arrow-left button:after,
.lt-ie9 .form .button-arrow-right button:after {
    position: static;
    border: none;
    display: inline
}

.lt-ie9 .form .button-arrow-left button:before {
    content: "<<";
    padding-right: 5px
}

.lt-ie9 .form .button-arrow-right button:after {
    content: ">>";
    padding-left: 5px
}

.lt-ie8 .form fieldset legend {
    top: -.5em
}

.lt-ie8 .form .button {
    display: inline
}

.lt-ie8 .form .button-arrow-left button,
.lt-ie8 .form .button-arrow-right button {
    position: static
}

.no-js .clearButton {
    display: none
}

input::-ms-clear {
    display: none
}

.input-with-button {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 0;
    width: 100%
}

.input-with-button input[type=date],
.input-with-button input[type=email],
.input-with-button input[type=number],
.input-with-button input[type=phone],
.input-with-button input[type=tel],
.input-with-button input[type=text] {
    display: inline-block;
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    padding-right: 100px;
    box-sizing: border-box;
    min-height: 48px
}

.input-with-button .btn,
.input-with-button button,
.input-with-button input[type=button],
.input-with-button input[type=submit] {
    width: auto;
    position: absolute;
    right: 0;
    max-width: 85px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.radio {
    cursor: pointer
}

.radio .radio-label-text {
    display: inline-block;
    vertical-align: middle
}

input[type=checkbox].disabled,
input[type=checkbox]:disabled,
input[type=radio].disabled,
input[type=radio]:disabled {
    opacity: .4
}

input[type=radio] {
    position: relative;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    cursor: pointer
}

input[type=radio],
input[type=radio] * {
    box-sizing: border-box
}

input[type=radio]:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #616161;
    border-radius: 50%;
    content: ""
}

input[type=radio]:before * {
    box-sizing: border-box
}

input[type=radio]:checked:before {
    border: 2px solid #e22d00
}

input[type=radio]:checked:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    transform: translateY(-50%);
    background-color: #e22d00;
    border-radius: 50%;
    content: ""
}

input[type=radio]:hover:before {
    border: 2px solid #999
}

input[type=radio]:hover:checked:before {
    border: 2px solid #a81910
}

input[type=radio]:hover:checked:after {
    background-color: #a81910
}

input[type=checkbox] {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer
}

input[type=checkbox],
input[type=checkbox] * {
    box-sizing: border-box
}

input[type=checkbox]:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #616161;
    content: ""
}

input[type=checkbox]:before * {
    box-sizing: border-box
}

input[type=checkbox]:checked:before {
    background-color: #e22d00;
    border: 2px solid #e22d00
}

input[type=checkbox]:checked:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 5px;
    margin-top: -5px;
    margin-left: -1px;
    transform: rotate(-45deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    border-radius: 0;
    content: ""
}

input[type=checkbox]:hover:before {
    border: 2px solid #999
}

input[type=checkbox]:hover:checked:before {
    background-color: #a81910;
    border: 2px solid #a81910
}

input[type=checkbox].disabled,
input[type=checkbox]:disabled {
    opacity: .4
}

input[type=checkbox]:focus {
    outline: 0
}

input[type=date],
input[type=email],
input[type=number],
input[type=phone],
input[type=tel],
input[type=text],
textarea {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 14px 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 14px
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=phone]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
    color: #616161
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=phone]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #616161;
    outline: 0
}

input[type=date]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=phone]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
textarea:focus::placeholder {
    color: #252525
}

input[type=date].error,
input[type=email].error,
input[type=number].error,
input[type=phone].error,
input[type=tel].error,
input[type=text].error,
textarea.error {
    color: #601b15;
    border-color: #601b15
}

input[type=date].error::placeholder,
input[type=email].error::placeholder,
input[type=number].error::placeholder,
input[type=phone].error::placeholder,
input[type=tel].error::placeholder,
input[type=text].error::placeholder,
textarea.error::placeholder {
    color: #601b15
}

.hm-loader,
.hm-loader-overlay {
    display: none;
    position: absolute
}

.hm-loader-overlay.hm-loader-active,
.hm-loader.hm-loader-active {
    display: inline-block;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    opacity: 1;
    z-index: 100
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {

    .hm-loader-overlay.hm-loader-active,
    .hm-loader.hm-loader-active {
        animation: rotate360 .8s linear infinite
    }
}

.form-response-failure,
.form-response-success {
    display: none;
    opacity: 0;
    position: relative;
    min-height: 100%;
    transition: opacity .2s
}

.form-response-failure.form-response-show,
.form-response-success.form-response-show {
    display: block;
    height: inherit;
    opacity: 1
}

.form-response-failure.form-response-show>.component-content,
.form-response-success.form-response-show>.component-content {
    height: inherit
}

.form-response-failure.form-response-show>.component-content>.content,
.form-response-success.form-response-show>.component-content>.content {
    height: inherit;
    min-height: 500px;
    position: relative
}

.form-response-failure.form-response-show>.component-content>.content>.richText,
.form-response-success.form-response-show>.component-content>.content>.richText {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.form-default {
    padding-top: 48px;
    padding-bottom: 48px;
    height: auto;
    visibility: visible
}

@media only screen and (min-width:768px) {
    .form-default {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .form-default {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .form-default {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .form-default {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.form-default.form-default-hidden {
    visibility: hidden
}

.form-default>.component-content {
    overflow: visible
}

.form-default.form .form-heading {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem;
    padding-bottom: 0;
    text-align: center;
    display: block
}

.form-default.form .form-heading sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .form-default.form .form-heading {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .form-default.form .form-heading {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:768px) {
    .form-default.form .form-heading {
        margin: 0 auto 16px
    }
}

.form-default.form .form-heading+.alert-info {
    margin: 0 auto 40px;
    padding: 0;
    text-align: center
}

.form-default.form .form-heading+.alert-info p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    padding-left: 15px;
    padding-right: 15px
}

.form-default.form .form-heading+.alert-info p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .form-default.form .form-heading+.alert-info p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .form-default.form .form-heading+.alert-info p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:768px) {
    .form-default.form .form-heading+.alert-info {
        max-width: 500px
    }
}

.form-default.form .control-group {
    margin-bottom: 4px
}

.form-default.form .control-label {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: #252525;
    margin-bottom: 8px;
    text-align: left;
    width: 100%;
    word-break: normal
}

.form-default.form .control-label .required {
    display: inline-block
}

.form-default.form .controls {
    margin-left: 0;
    padding-bottom: 22px;
    position: relative
}

.form-default.form .controls .error-message {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 14px;
    line-height: .875rem;
    color: #601b15;
    opacity: 0;
    overflow: visible;
    position: absolute;
    bottom: 0;
    transition: opacity .15s
}

.form-default.form .controls input[type=date],
.form-default.form .controls input[type=email],
.form-default.form .controls input[type=number],
.form-default.form .controls input[type=phone],
.form-default.form .controls input[type=tel],
.form-default.form .controls input[type=text],
.form-default.form .controls select,
.form-default.form .controls textarea {
    font-size: 16px;
    font-size: 1rem;
    box-sizing: border-box;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    font-family: Meta, sans-serif;
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    font-weight: 400;
    transform: translateZ(0);
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-default.form .controls input[type=date] *,
.form-default.form .controls input[type=email] *,
.form-default.form .controls input[type=number] *,
.form-default.form .controls input[type=phone] *,
.form-default.form .controls input[type=tel] *,
.form-default.form .controls input[type=text] *,
.form-default.form .controls select *,
.form-default.form .controls textarea * {
    box-sizing: border-box
}

.form-default.form .controls input[type=date]:focus,
.form-default.form .controls input[type=email]:focus,
.form-default.form .controls input[type=number]:focus,
.form-default.form .controls input[type=phone]:focus,
.form-default.form .controls input[type=tel]:focus,
.form-default.form .controls input[type=text]:focus,
.form-default.form .controls select:focus,
.form-default.form .controls textarea:focus {
    border-color: #252525;
    box-shadow: none;
    color: #252525
}

.form-default.form .controls input[type=date]:invalid:not(:required),
.form-default.form .controls input[type=email]:invalid:not(:required),
.form-default.form .controls input[type=number]:invalid:not(:required),
.form-default.form .controls input[type=phone]:invalid:not(:required),
.form-default.form .controls input[type=tel]:invalid:not(:required),
.form-default.form .controls input[type=text]:invalid:not(:required),
.form-default.form .controls select:invalid:not(:required),
.form-default.form .controls textarea:invalid:not(:required) {
    border-color: #601b15;
    color: #601b15;
    box-shadow: none
}

.form-default.form .controls input[type=date]:invalid:focus,
.form-default.form .controls input[type=email]:invalid:focus,
.form-default.form .controls input[type=number]:invalid:focus,
.form-default.form .controls input[type=phone]:invalid:focus,
.form-default.form .controls input[type=tel]:invalid:focus,
.form-default.form .controls input[type=text]:invalid:focus,
.form-default.form .controls select:invalid:focus,
.form-default.form .controls textarea:invalid:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-default.form .controls input[type=date]::-moz-focus-inner,
.form-default.form .controls input[type=email]::-moz-focus-inner,
.form-default.form .controls input[type=number]::-moz-focus-inner,
.form-default.form .controls input[type=phone]::-moz-focus-inner,
.form-default.form .controls input[type=tel]::-moz-focus-inner,
.form-default.form .controls input[type=text]::-moz-focus-inner,
.form-default.form .controls select::-moz-focus-inner,
.form-default.form .controls textarea::-moz-focus-inner {
    border: 0;
    padding: 0
}

.form-default.form .controls input[type=date]:-webkit-autofill,
.form-default.form .controls input[type=date]:-webkit-autofill:focus,
.form-default.form .controls input[type=email]:-webkit-autofill,
.form-default.form .controls input[type=email]:-webkit-autofill:focus,
.form-default.form .controls input[type=number]:-webkit-autofill,
.form-default.form .controls input[type=number]:-webkit-autofill:focus,
.form-default.form .controls input[type=phone]:-webkit-autofill,
.form-default.form .controls input[type=phone]:-webkit-autofill:focus,
.form-default.form .controls input[type=tel]:-webkit-autofill,
.form-default.form .controls input[type=tel]:-webkit-autofill:focus,
.form-default.form .controls input[type=text]:-webkit-autofill,
.form-default.form .controls input[type=text]:-webkit-autofill:focus,
.form-default.form .controls select:-webkit-autofill,
.form-default.form .controls select:-webkit-autofill:focus,
.form-default.form .controls textarea:-webkit-autofill,
.form-default.form .controls textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-default.form .controls input[type=date],
.form-default.form .controls input[type=email],
.form-default.form .controls input[type=number],
.form-default.form .controls input[type=phone],
.form-default.form .controls input[type=tel],
.form-default.form .controls input[type=text],
.form-default.form .controls select {
    height: 48px;
    padding: 0 8px
}

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

    .form-default.form .controls input[type=date],
    .form-default.form .controls input[type=email],
    .form-default.form .controls input[type=number],
    .form-default.form .controls input[type=phone],
    .form-default.form .controls input[type=tel],
    .form-default.form .controls input[type=text],
    .form-default.form .controls select {
        padding: 0 16px
    }
}

.form-default.form .controls textarea {
    height: 88px;
    padding: 8px
}

@media only screen and (min-width:768px) {
    .form-default.form .controls textarea {
        padding: 16px
    }
}

.form-default.form .controls input[type=date],
.form-default.form .controls input[type=email],
.form-default.form .controls input[type=number],
.form-default.form .controls input[type=phone],
.form-default.form .controls input[type=tel],
.form-default.form .controls input[type=text] {
    margin-bottom: 0
}

.form-default.form .controls select {
    cursor: pointer;
    -moz-appearance: none
}

.form-default.form .controls select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #252525
}

.form-default.form .controls select::-ms-expand {
    display: none
}

.form-default.form .controls select:focus::-ms-value {
    background-color: #fff;
    color: #252525
}

.form-default.form .controls.is-invalid input[type=date],
.form-default.form .controls.is-invalid input[type=email],
.form-default.form .controls.is-invalid input[type=number],
.form-default.form .controls.is-invalid input[type=phone],
.form-default.form .controls.is-invalid input[type=tel],
.form-default.form .controls.is-invalid input[type=text],
.form-default.form .controls.is-invalid select,
.form-default.form .controls.is-invalid textarea {
    border-color: #601b15
}

.form-default.form .controls.is-invalid input[type=date]:focus,
.form-default.form .controls.is-invalid input[type=email]:focus,
.form-default.form .controls.is-invalid input[type=number]:focus,
.form-default.form .controls.is-invalid input[type=phone]:focus,
.form-default.form .controls.is-invalid input[type=tel]:focus,
.form-default.form .controls.is-invalid input[type=text]:focus,
.form-default.form .controls.is-invalid select:focus,
.form-default.form .controls.is-invalid textarea:focus {
    border-color: #252525;
    box-shadow: none;
    color: #252525
}

.form-default.form .controls.is-invalid .error-message {
    opacity: 1
}

.form-default.form .hiddenInputField {
    min-height: 0
}

.form-default.form .checkboxField .control-group {
    position: relative
}

.form-default.form .checkboxField .control-label {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    order: 2;
    padding-top: 0;
    padding-left: 32px;
    text-align: left;
    width: auto;
    word-break: normal
}

.form-default.form .checkboxField .control-label.focus:before {
    color: #4c4c4c;
    outline-color: #0073ce;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px
}

.form-default.form .checkboxField .control-label:before {
    content: "\E999";
    color: #616161;
    position: absolute;
    left: -1px;
    top: 1px;
    width: 24px
}

.form-default.form .checkboxField .control-label.checkbox-checked:before,
.form-default.form .checkboxField .control-label:before {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    display: inline-block
}

.form-default.form .checkboxField .control-label.checkbox-checked:before {
    content: "\E998";
    color: #e22d00
}

.form-default.form .checkboxField .control-label:hover:before {
    color: #4c4c4c
}

.form-default.form .checkboxField .control-label:hover.checkbox-checked:before {
    color: #a81910
}

.form-default.form .checkboxField .controls {
    display: block;
    margin-left: 0;
    padding-bottom: 16px;
    order: 1;
    width: 0
}

.form-default.form .checkboxField .controls .error-message {
    white-space: nowrap
}

.form-default.form .checkboxField .controls input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.form-default.form .datasourceField .controls:after,
.form-default.form .selectField .controls:after {
    content: "\E932";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 32px
}

.form-default.form .formButton {
    margin-top: 32px;
    margin-bottom: 8px;
    margin-left: 0;
    text-align: center;
    width: 100%
}

.form-default.form .formButton .component-content {
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.form-default.form button,
.form-default.form input[type=button],
.form-default.form input[type=submit] {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
    line-height: 2.5rem;
    font-family: Meta, sans-serif;
    padding: 0 16px;
    width: 100%
}

.form-default.form button *,
.form-default.form input[type=button] *,
.form-default.form input[type=submit] * {
    box-sizing: border-box
}

.form-default.form button.button-cta-minimal-padding,
.form-default.form input[type=button].button-cta-minimal-padding,
.form-default.form input[type=submit].button-cta-minimal-padding {
    padding: 0 16px
}

.form-default.form button:link,
.form-default.form button:visited,
.form-default.form input[type=button]:link,
.form-default.form input[type=button]:visited,
.form-default.form input[type=submit]:link,
.form-default.form input[type=submit]:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

.form-default.form button:focus:not(:active),
.form-default.form input[type=button]:focus:not(:active),
.form-default.form input[type=submit]:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.form-default.form button:hover,
.form-default.form input[type=button]:hover,
.form-default.form input[type=submit]:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

.form-default.form button.clicked,
.form-default.form button:active,
.form-default.form input[type=button].clicked,
.form-default.form input[type=button]:active,
.form-default.form input[type=submit].clicked,
.form-default.form input[type=submit]:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

.form-default.form button.inactive,
.form-default.form input[type=button].inactive,
.form-default.form input[type=submit].inactive {
    background-color: #601b15;
    border: 4px solid #601b15;
    opacity: .6
}

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

    .form-default.form button,
    .form-default.form input[type=button],
    .form-default.form input[type=submit] {
        max-width: 266px
    }
}

.form-default.form button:disabled,
.form-default.form input[type=button]:disabled,
.form-default.form input[type=submit]:disabled {
    opacity: .4;
    pointer-events: none
}

.form-default.form .richText-form-privacy-policy a:link,
.form-default.form .richText-form-privacy-policy a:visited {
    text-decoration: none
}

.form-default form {
    margin: 0 auto
}

@media only screen and (min-width:768px) {
    .form-default form {
        max-width: 500px
    }
}

.form-default h4 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

@media only screen and (max-width:1199px) {
    .form-default .formContent {
        margin-right: 0;
        margin-left: 0
    }
}

.form-default.form-footer-modal,
.form-default.form-newsletter-page {
    padding-bottom: 0
}

.form-default.form-footer-modal .formContent {
    margin-right: 0;
    margin-left: 0
}

.form-default .form-wide-box {
    padding: 32px 0 0;
    position: relative;
    margin-top: 28px;
    padding-right: 15px;
    padding-left: 15px;
    left: calc(-50vw + 50%);
    width: 100vw
}

@media only screen and (min-width:1200px) {
    .form-default .form-wide-box {
        padding: 40px 0 0;
        margin-top: 36px
    }
}

@media only screen and (min-width:1600px) {
    .form-default .form-wide-box {
        margin-top: 36px;
        padding-left: 0;
        padding-right: 0
    }
}

.aem-AuthorLayer-Edit .form .hidden-input-field .controls input,
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=date],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=email],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=number],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=phone],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=tel],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=text] {
    background-color: #ccc;
    border-radius: 5px;
    border-color: #252525;
    border-right: 1px solid #252525;
    color: #252525;
    width: 100%;
    -webkit-box-shadow: 0 0 0 1000px #ccc inset
}

.aem-AuthorLayer-Edit .form-response-failure,
.aem-AuthorLayer-Edit .form-response-success {
    display: block;
    min-height: 0;
    opacity: 1
}

body.scroll-overlay {
    overflow: hidden
}

body.scroll-overlay .overlay-container {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    -webkit-overflow-scrolling: touch
}

body.scroll-overlay .overlay-content {
    display: inline-block;
    pointer-events: none
}

body.scroll-overlay .overlay-content:after,
body.scroll-overlay .overlay-content:before {
    content: "";
    display: block;
    height: 64px
}

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

    body.scroll-overlay .overlay-content:after,
    body.scroll-overlay .overlay-content:before {
        height: 96px
    }
}

body.scroll-overlay .overlay-content .overlay-close,
body.scroll-overlay .overlay-content .overlay-content-inner {
    pointer-events: all
}

.overlay-background {
    background: #464646;
    opacity: .4
}

.overlay-content {
    background: transparent;
    border: none;
    display: none;
    max-width: 1600px;
    min-width: 64px;
    min-height: 500px;
    padding: 0
}

.overlay-close {
    color: #252525;
    right: 16px;
    top: 80px
}

@media only screen and (min-width:576px) {
    .overlay-close {
        top: 112px
    }
}

.overlay-close:focus:after {
    border: 1px dotted #4c4c4c
}

.overlay-close:after {
    font-size: 36px;
    content: "\E9A0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.footer-form-failure .overlay-content,
.footer-form-success .overlay-content {
    border: none;
    border-radius: 0
}

.footer-form-failure .overlay-content .form-default form,
.footer-form-success .overlay-content .form-default form {
    max-width: none
}

.footer-form-failure .overlay-content .form-response-failure,
.footer-form-failure .overlay-content .form-response-success,
.footer-form-success .overlay-content .form-response-failure,
.footer-form-success .overlay-content .form-response-success {
    background-color: #fff;
    min-height: 500px
}

.footer-form-failure .overlay-content .form-default .formContent>.box,
.footer-form-success .overlay-content .form-default .formContent>.box {
    left: auto;
    transform: translateX(0);
    width: 100%
}

@media only screen and (max-width:991px) {

    .footer-form-failure .overlay-content .form-default .formContent>.box,
    .footer-form-success .overlay-content .form-default .formContent>.box {
        padding: 32px 0 40px
    }

    .footer-form-failure .overlay-content .form-default .formContent>.box .box,
    .footer-form-success .overlay-content .form-default .formContent>.box .box {
        background-color: #fafafa;
        padding: 0 15px
    }

    .footer-form-failure .overlay-content .form-default .formContent>.box .box .richText,
    .footer-form-success .overlay-content .form-default .formContent>.box .box .richText {
        background-color: #fff
    }
}

.form-default.form-newsletter-page {
    overflow-x: hidden
}

.form-default.form-newsletter-page .form-error-container {
    display: none
}

@media only screen and (max-width:991px) {
    .form-default.form-newsletter-page .formContent {
        margin-right: 0;
        margin-left: 0
    }
}

.form-default.form-newsletter-page .form-heading+.alert-info p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

.form-default.form-newsletter-page .newsletter-submit-container .error-message {
    bottom: 20px;
    margin-left: 30px
}

.form-default.form-newsletter-page .newsletter-submit-container .richText-form-button-warning {
    display: none
}

.aem-AuthorLayer-Edit .form-default.form-newsletter-page .newsletter-submit-container .richText-form-button-warning {
    display: block
}

.form-default.form-newsletter-page .newsletter-submit-container .checkboxField {
    margin-top: 16px
}

.form-default.form-newsletter-page .newsletter-submit-container .checkboxField .control-group {
    margin-bottom: 0
}

.form-default.form-newsletter-page .newsletter-submit-container .checkboxField .control-label {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #000
}

.form-default.form-newsletter-page .newsletter-submit-container .checkboxField .control-label:before {
    top: 0
}

.form-default.form-newsletter-page .newsletter-submit-container .checkboxField .controls {
    padding-bottom: 0
}

.form-default.form-newsletter-page .newsletter-submit-container .richText:not(.richText-form-button-warning) p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #000
}

.form-default.form-newsletter-page .newsletter-submit-container .richText:not(.richText-form-button-warning) p a {
    color: #000
}

.form-default.form-newsletter-page .newsletter-submit-container .formButton {
    margin-top: 16px;
    margin-bottom: 16px
}

.form-default .form-newsletter-checkbox-container.box {
    background-color: #fff;
    clear: both;
    height: 172px;
    left: 50%;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 0;
    transform: translateX(-50%)
}

@media only screen and (max-width:575px) {
    .form-default .form-newsletter-checkbox-container.box:last-child {
        margin-bottom: 4px
    }
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box {
        height: 134px;
        margin-bottom: 32px;
        width: 754px
    }
}

.form-default .form-newsletter-checkbox-container.box .richText {
    overflow: hidden;
    padding: 0
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .richText {
        width: calc(100% - 134px)
    }
}

.form-default .form-newsletter-checkbox-container.box .richText img {
    height: 116px;
    max-width: none;
    width: 116px
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .richText img {
        height: 134px;
        width: auto
    }
}

.form-default .form-newsletter-checkbox-container.box .richText h5 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: 0 16px
}

@media only screen and (min-width:768px) {
    .form-default .form-newsletter-checkbox-container.box .richText h5 {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px;
        line-height: 1.75rem
    }
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .richText h5 {
        margin-bottom: 4px;
        padding: 0 32px
    }
}

.form-default .form-newsletter-checkbox-container.box .richText p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: 0 16px
}

@media only screen and (min-width:768px) {
    .form-default .form-newsletter-checkbox-container.box .richText p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .richText p {
        padding: 0 32px
    }
}

.form-default .form-newsletter-checkbox-container.box .richText .component-content {
    display: table
}

.form-default .form-newsletter-checkbox-container.box .richText .richText-content {
    display: table-cell;
    vertical-align: middle
}

.form-default .form-newsletter-checkbox-container.box .content {
    position: relative
}

.form-default .form-newsletter-checkbox-container.box .content .checkboxField {
    background-color: #ebebeb;
    height: 56px;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .content .checkboxField {
        height: 134px;
        position: absolute;
        top: 0;
        right: 0;
        width: 134px
    }
}

.form-default .form-newsletter-checkbox-container.box .content .control-group {
    display: inline-block;
    height: 56px;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-default .form-newsletter-checkbox-container.box .content .control-group {
        height: 134px
    }
}

.form-default .form-newsletter-checkbox-container.box .control-label {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 56px;
    line-height: 3.5rem;
    background-color: #ebebeb;
    color: #464646;
    height: 56px;
    padding-top: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 100%;
    word-break: normal;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media only screen and (min-width:768px) {
    .form-default .form-newsletter-checkbox-container.box .control-label {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem;
        line-height: 56px;
        line-height: 3.5rem
    }
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .control-label {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem;
        height: 134px;
        padding-top: 50%
    }
}

.form-default .form-newsletter-checkbox-container.box .control-label:before {
    color: #464646;
    position: relative;
    top: 7px
}

@media only screen and (min-width:992px) {
    .form-default .form-newsletter-checkbox-container.box .control-label:before {
        top: auto;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -100%)
    }
}

.form-default .form-newsletter-checkbox-container.box .control-label.checkbox-checked {
    background-color: #e4efe9;
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label.checkbox-checked:before {
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label:hover {
    background-color: #e4efe9;
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label:hover:before {
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label:hover.checkbox-checked:before {
    color: #2a4132
}

.form-default .form-newsletter-checkbox-container.box .control-label.focus {
    background-color: #e4efe9;
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label.focus:before {
    color: #25503b
}

.form-default .form-newsletter-checkbox-container.box .control-label.focus {
    box-shadow: inset 0 0 4px #007e94
}

.form-footer {
    margin-top: 56px;
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width:575px) {
    .form-footer {
        width: 100%
    }
}

@media only screen and (min-width:576px) {
    .form-footer {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {
    .form-footer {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:1200px) {
    .form-footer {
        margin-bottom: 4px;
        text-align: left
    }
}

.form-footer-hidden {
    display: none
}

.form-footer-hidden+.box-share-this-container {
    margin-top: 56px
}

@media only screen and (min-width:1200px) {
    .form-footer-hidden+.box-share-this-container {
        margin-top: 0
    }
}

.form-footer form {
    clear: both;
    margin: 0;
    visibility: hidden
}

.form-footer form.show-form {
    visibility: visible
}

.form-footer .formContent>.richText {
    display: none
}

.form-footer .control-group {
    margin: 0
}

.form-footer .error-message {
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 14px;
    line-height: .875rem;
    color: #601b15;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: left
}

.form-footer .error-message * {
    box-sizing: border-box
}

@media only screen and (min-width:1200px) {
    .form-footer .error-message {
        left: 0;
        transform: translateX(0)
    }
}

.form-footer .control-label {
    display: block;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .form-footer .control-label {
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    .form-footer .control-label {
        text-align: left
    }
}

.form-footer .control-label span {
    display: none
}

.form-footer .controls {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 0 auto;
    max-width: 256px;
    padding-bottom: 22px;
    position: relative
}

.form-footer .controls button,
.form-footer .controls input {
    box-sizing: border-box;
    border: none;
    display: inline-block;
    height: 48px;
    margin: 0;
    vertical-align: top
}

.form-footer .controls button *,
.form-footer .controls input * {
    box-sizing: border-box
}

.form-footer .controls input,
.form-footer .controls input[type=date],
.form-footer .controls input[type=email],
.form-footer .controls input[type=number],
.form-footer .controls input[type=phone],
.form-footer .controls input[type=text] {
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: none;
    box-shadow: none;
    color: #616161;
    font-family: inherit;
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    font-size: 16px;
    padding: 0 16px;
    transform: translateZ(0);
    width: 71%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-footer .controls input:focus,
.form-footer .controls input:invalid:focus,
.form-footer .controls input[type=date]:focus,
.form-footer .controls input[type=date]:invalid:focus,
.form-footer .controls input[type=email]:focus,
.form-footer .controls input[type=email]:invalid:focus,
.form-footer .controls input[type=number]:focus,
.form-footer .controls input[type=number]:invalid:focus,
.form-footer .controls input[type=phone]:focus,
.form-footer .controls input[type=phone]:invalid:focus,
.form-footer .controls input[type=text]:focus,
.form-footer .controls input[type=text]:invalid:focus {
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    border-left: 1px solid #616161;
    outline: 0;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-footer .controls input::-moz-focus-inner,
.form-footer .controls input[type=date]::-moz-focus-inner,
.form-footer .controls input[type=email]::-moz-focus-inner,
.form-footer .controls input[type=number]::-moz-focus-inner,
.form-footer .controls input[type=phone]::-moz-focus-inner,
.form-footer .controls input[type=text]::-moz-focus-inner {
    border: 0;
    padding: 0
}

.form-footer .controls input:-webkit-autofill,
.form-footer .controls input:-webkit-autofill:focus,
.form-footer .controls input[type=date]:-webkit-autofill,
.form-footer .controls input[type=date]:-webkit-autofill:focus,
.form-footer .controls input[type=email]:-webkit-autofill,
.form-footer .controls input[type=email]:-webkit-autofill:focus,
.form-footer .controls input[type=number]:-webkit-autofill,
.form-footer .controls input[type=number]:-webkit-autofill:focus,
.form-footer .controls input[type=phone]:-webkit-autofill,
.form-footer .controls input[type=phone]:-webkit-autofill:focus,
.form-footer .controls input[type=text]:-webkit-autofill,
.form-footer .controls input[type=text]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.form-footer .controls button {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    background-color: #252525;
    color: #fff;
    font-family: inherit;
    border-radius: 0 5px 5px 0;
    border: 4px solid #252525;
    padding: 0 8px;
    width: 29%;
    -webkit-appearance: none;
    box-sizing: border-box
}

.form-footer .controls button:hover {
    background-color: #464646;
    border: 4px solid #464646
}

.form-footer .controls button:focus:not(:active) {
    background: #464646;
    border: 4px solid #252525;
    outline: 0
}

.form-footer .controls button:active {
    background: #4c4c4c;
    border: 4px solid #4c4c4c
}

@media only screen and (min-width:576px) {
    .form-footer .controls button {
        padding: 0 4px
    }
}

@media only screen and (min-width:768px) {
    .form-footer .controls button {
        padding: 0 8px
    }
}

@media only screen and (min-width:1200px) {
    .form-footer .controls {
        margin: 0
    }
}

.aem-AuthorLayer-Edit .form-modal-response-failure,
.aem-AuthorLayer-Edit .form-modal-response-success {
    display: block;
    opacity: 1;
    transition: opacity .2s
}

.aem-AuthorLayer-Edit .form .hidden-input-field .controls input,
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=date],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=email],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=number],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=phone],
.aem-AuthorLayer-Edit .form .hidden-input-field .controls input[type=text] {
    background-color: #ccc;
    border-radius: 5px;
    border-color: #252525;
    border-right: 1px solid #252525;
    color: #252525;
    transform: translateZ(0);
    width: 100%;
    -webkit-box-shadow: 0 0 0 1000px #ccc inset
}

.aem-AuthorLayer-Edit .form-footer-hidden {
    display: block
}

.aem-AuthorLayer-Edit .form-footer form {
    display: block;
    visibility: visible
}

.aem-AuthorLayer-Edit .form-footer .formContent>.richText {
    box-sizing: border-box;
    background-color: #ccc;
    border-radius: 5px;
    border-color: #252525;
    border: 1px solid #252525;
    color: #252525;
    display: inline-block;
    float: none;
    height: 48px;
    margin: 15px;
    max-width: 256px;
    text-align: center;
    width: 100%
}

.aem-AuthorLayer-Edit .form-footer .formContent>.richText * {
    box-sizing: border-box
}

.aem-AuthorLayer-Edit .form-footer .formContent>.richText a {
    line-height: 48px;
    line-height: 3rem
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-form-main {
    padding-top: 48px;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-form-main {
        padding-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-form-main {
        padding-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-form-main {
        padding-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-form-main {
        padding-top: 128px
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-footer-group,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-group-row {
    max-width: 500px;
    margin: 0 auto
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-item-row {
    padding-bottom: 22px;
    position: relative
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-footer-group .ff-item-row {
    padding-bottom: 8px;
    padding-top: 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-col-2 {
    display: block !important;
    float: none;
    min-width: 100%
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-section-header {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem;
    display: block;
    padding-top: 24px;
    text-align: center
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-section-header sup {
    font-size: 35%;
    top: -1.6em
}

@media only screen and (min-width:992px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-section-header {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-section-header {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-label-col {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: #252525;
    margin-bottom: 8px;
    text-align: left;
    width: 100%
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-label-col .required {
    display: inline-block;
    height: 0;
    overflow: hidden
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-invalid-msg {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 14px;
    line-height: .875rem;
    bottom: 0;
    color: #601b15;
    position: absolute;
    transition: opacity .15s
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form span.ff-percent-lbl {
    position: absolute;
    right: 10px;
    bottom: 37px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form span.ff-currency-lbl {
    position: absolute;
    left: 6px;
    top: 58px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form span.ff-required-mark {
    color: #252525
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text],
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox],
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea {
    font-size: 16px;
    font-size: 1rem;
    box-sizing: border-box;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    display: inline-block;
    font-family: Meta, sans-serif;
    font-feature-settings: "lnum";
    font-variant-numeric: lining-nums;
    font-weight: 400;
    height: 48px;
    padding: 0 8px;
    transform: translateZ(0);
    width: 100%;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text] *,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox] *,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select *,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea * {
    box-sizing: border-box
}

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

    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text],
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox],
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select,
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea {
        padding: 0 16px
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text]:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox]:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea:focus {
    border-color: #252525 !important;
    box-shadow: none;
    color: #252525 !important;
    outline: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text].ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox].ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select.ff-input-type-invalid:not(:required),
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea.ff-input-type-invalid:not(:required) {
    border-color: #601b15 !important;
    color: #601b15 !important;
    box-shadow: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text].ff-input-type-invalid:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox].ff-input-type-invalid:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select.ff-input-type-invalid:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea.ff-input-type-invalid:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text]::-moz-focus-inner,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox]::-moz-focus-inner,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select::-moz-focus-inner,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea::-moz-focus-inner {
    border: 0;
    padding: 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text]:-webkit-autofill,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text]:-webkit-autofill:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox]:-webkit-autofill,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox]:-webkit-autofill:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:-webkit-autofill,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:-webkit-autofill:focus,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea:-webkit-autofill,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea {
    height: 88px;
    padding: 8px;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form textarea {
        padding: 16px
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=text],
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=textbox] {
    margin-bottom: 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select {
    cursor: pointer;
    appearance: none;
    position: relative
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #252525
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select::-ms-expand {
    display: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:hover {
    background: #fafafa
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:focus::-ms-value {
    background-color: #fff;
    color: #252525
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select.ff-multipicklist {
    height: auto
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select.ff-multipicklist:not(.select2-offscreen)+span.indicator {
    display: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form select:not(.custom-select-offscreen)+span.indicator:before {
    content: "\E932";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    pointer-events: none;
    position: absolute;
    right: 15px;
    transform: translateY(50%);
    z-index: 1
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-select-to-checkbox-ul.ff-ext-vertical .ff-checkbox-li {
    height: 28px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-select-to-checkbox-ul.ff-ext-vertical .ff-checkbox-li label {
    line-height: 20px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li span {
    background: none;
    position: relative;
    height: 20px;
    width: 20px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li span:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #616161;
    content: ""
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li span:before * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li span.ff-ext-selected:before {
    background: #601b15;
    border-color: #601b15
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li span.ff-ext-selected:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 5px;
    margin-top: -5px;
    margin-left: -1px;
    transform: rotate(-45deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    border-radius: 0;
    content: "";
    margin-left: -5px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li:hover span:before {
    border-color: #ccc
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-checkbox-li:hover span.ff-ext-selected:before {
    background: #a81910;
    border-color: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox] {
    display: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox]+span.indicator {
    position: absolute;
    top: 8px;
    left: 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox]+span.indicator:before {
    content: "\E999";
    color: #616161
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox]+span.indicator:before,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox]:checked+span.indicator:before {
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga"
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form input[type=checkbox]:checked+span.indicator:before {
    content: "\E998";
    color: #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .pretty-checkbox label {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    cursor: pointer;
    display: inline-block;
    padding-left: 32px;
    position: relative;
    z-index: 2
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .pretty-checkbox:hover+div input[type=checkbox]+span.indicator:before {
    color: #4c4c4c
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .pretty-checkbox:hover+div input[type=checkbox]:checked+span.indicator:before {
    color: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li .ff-ext-radio-css {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #616161;
    border-radius: 50%;
    content: "";
    background-image: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li .ff-ext-radio-css * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li .ff-ext-radio-css.ff-ext-selected {
    background: #fff;
    border-color: #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li .ff-ext-radio-css.ff-ext-selected:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    transform: translateY(-50%);
    background-color: #e22d00;
    border-radius: 50%;
    content: ""
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li:hover .ff-ext-radio-css {
    border-color: #ccc
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li:hover .ff-ext-radio-css.ff-ext-selected {
    border-color: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-radio-li:hover .ff-ext-radio-css.ff-ext-selected:after {
    background: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a {
    width: 28px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a>.nps-text {
    background: none;
    position: relative;
    width: 28px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a>.nps-text:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #616161;
    border-radius: 50%;
    content: "";
    bottom: 0;
    left: 4px;
    position: absolute
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a>.nps-text:before * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a.ff-rating-current>.nps-text {
    background: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a.ff-rating-current>.nps-text:before {
    background: #fff;
    border: 2px solid #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a.ff-rating-current>.nps-text:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    transform: translateY(-50%);
    background-color: #e22d00;
    border-radius: 50%;
    content: "";
    bottom: 0;
    top: auto
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a:hover>.nps-text:before {
    border-color: #ccc
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a.ff-rating-current:hover>.nps-text:before {
    border-color: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-rating-widget.nps-rating-control a.ff-rating-current:hover>.nps-text:after {
    background: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-submit-btn {
    margin: 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form .ff-submit-btn .footnoteDiv {
    display: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv {
    text-align: center
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: 232px;
    min-height: 40px;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-family: Meta, sans-serif
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit.button-cta-minimal-padding {
    padding: 0 16px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:link,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit.clicked,
.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .sales-force-form #dvFastForms .btnDiv .ff-btn-submit.inactive {
    background-color: #601b15;
    border: 4px solid #601b15;
    opacity: .6
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container {
    font-size: 16px;
    font-size: 1rem;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    font-family: Meta, sans-serif;
    min-height: 48px;
    font-weight: 400;
    padding: 0 8px;
    width: 100%
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container * {
    box-sizing: border-box
}

@media only screen and (min-width:768px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container {
        padding: 0 16px
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container:hover {
    background: #fafafa
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container.select2-container-active {
    border-color: #252525 !important;
    box-shadow: none;
    color: #252525 !important;
    outline: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container.select2-container-multi .select2-choices {
    border: none
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container.select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fafafa;
    margin: 12px 12px 0 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    top: 3px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container a.select2-choice {
    line-height: 46px;
    padding: 0;
    border: 0;
    height: auto
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container input[type=text] {
    height: 44px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-container .select2-results {
    border: 1 solid #ccc;
    border-radius: 0 0 4px 4px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop {
    border: 1px solid #252525;
    border-top-color: #ccc;
    border-radius: 0 0 4px 4px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.select2-drop-above {
    border: 1px solid #252525;
    border-bottom-color: #ccc;
    border-radius: 4px 4px 0 0
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop .select2-search input {
    background: #fff;
    position: relative
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop .select2-search:before {
    content: "\EB92";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    font-size: 1.5rem;
    color: #252525;
    cursor: pointer;
    height: 24px;
    padding: 16px 8px 16px 0;
    position: absolute;
    right: 0;
    width: 24px;
    z-index: 10
}

@media only screen and (min-width:576px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop .select2-search:before {
        padding-right: 16px
    }
}

@media only screen and (min-width:1200px) {
    .salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop .select2-search:before {
        cursor: default;
        height: 24px;
        padding: 2px;
        right: 8px;
        top: 11px;
        width: 24px
    }
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results {
    padding: 5px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable {
    background: none !important;
    position: relative;
    padding-left: 8px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #616161;
    content: "";
    left: 0;
    margin-top: -10px;
    position: absolute;
    top: 50%
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable:before * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable:hover:before {
    border-color: #ccc
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable.select2-selected:before {
    background: #601b15;
    border-color: #601b15
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable.select2-selected:after {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 5px;
    margin-top: -5px;
    margin-left: -1px;
    transform: rotate(-45deg);
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    border-radius: 0;
    content: "";
    left: 0;
    margin-left: 5px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable.select2-selected:hover:before {
    background: #a81910;
    border-color: #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .select2-drop.ff-multi-checkbox .select2-results .select2-result-selectable.select2-highlighted {
    color: #252525;
    background: none !important
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane {
    padding: 8px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset {
    float: none;
    text-align: center
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: 232px;
    min-height: 40px;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-family: Meta, sans-serif
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit * {
    box-sizing: border-box
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit.button-cta-minimal-padding {
    padding: 0 16px
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:link,
.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit.clicked,
.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

.salesForceForm:not(.disable-hm-sales-force-form-style) .ff-ui-dialog.ff-ui-dialog-buttons .ff-ui-dialog-buttonpane .ff-ui-dialog-buttonset .ff-btn-submit.inactive {
    background-color: #601b15;
    border: 4px solid #601b15;
    opacity: .6
}

.disable-hm-sales-force-form-style input[type=checkbox]:checked:after {
    content: none
}

.form-error-list-container {
    display: none;
    margin: 0 auto;
    margin-bottom: 28px
}

.form-error-list-container.show-form-errors {
    display: block
}

@media only screen and (min-width:768px) {
    .form-error-list-container {
        max-width: 500px
    }
}

.form-error-list-section {
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #601b15;
    background-color: #fff6f4
}

.form-error-list-section .form-error-list-icon {
    position: absolute
}

.form-error-list-section .form-error-list-icon:before {
    content: "\E9F9";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    font-size: 1.5rem;
    color: #601b15
}

.form-error-list-section h3 {
    display: flex;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 0;
    margin-left: 42px
}

@media only screen and (min-width:992px) {
    .form-error-list-section h3 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.form-error-list-section .form-error-list {
    margin-left: 22px;
    margin-top: 0;
    margin-bottom: 4px
}

.form-error-list-section .form-error-list li {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    padding-left: 6px;
    line-height: 22px
}

@media only screen and (max-width:1199px) {
    .form-error-list-section {
        margin-right: 15px;
        margin-left: 15px
    }
}

.form-default .alert.alert-info .required {
    display: none
}

.bear-food-holder {
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.aem-AuthorLayer-Edit .bear-food-holder {
    width: auto;
    height: auto;
    overflow: visible;
    visibility: visible
}

.image .right {
    text-align: right
}

.image .left {
    text-align: left
}

.image .middle {
    text-align: center
}

.image>div {
    position: relative
}

.image-footer-logo {
    display: none
}

@media only screen and (min-width:1200px) {
    .image-footer-logo {
        display: block
    }
}

.image .product-links-container {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.image .product-links-container .product-links-icon {
    display: block;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.image .product-links-container .product-links-icon:after {
    content: "\E985";
    display: inline-block;
    font-family: Material Icons;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #252525
}

.image .product-links-container .product-links-close {
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 24px
}

.image .product-links-container .product-links-close:after {
    content: "\E9A0";
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    color: #ccc;
    display: inline-block;
    cursor: pointer
}

.image .product-links-container .product-links {
    position: absolute;
    visibility: hidden;
    background: #252525;
    padding: 16px;
    right: 0;
    bottom: 40px;
    width: 150px;
    opacity: 0;
    border-radius: 5px;
    transition: opacity .2s
}

.image .product-links-container .product-links.is-active {
    visibility: visible;
    opacity: .8
}

.image .product-links-container .product-links:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #252525;
    bottom: -10px;
    right: 5px;
    left: auto
}

.image .product-links-container .product-links>h3 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    text-align: left;
    border-bottom: 1px solid #ccc;
    margin: 8px 0 0;
    padding-bottom: 24px;
    padding-right: 24px;
    color: #fff
}

.image .product-links-container .product-links>h3:empty {
    display: none
}

.image .product-links-container .product-links a {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: block;
    padding: 8px 0;
    color: #fafafa
}

.image .product-links-container .product-links a+a {
    border-top: 1px solid #fafafa
}

@media (-ms-high-contrast:none) {
    .logo-global img {
        float: left
    }
}

.logo-global {
    display: flex;
    align-self: center;
    position: relative;
    flex: 1 1 160px;
    justify-content: center
}

@media only screen and (min-width:768px) {
    .logo-global {
        padding-left: 0
    }
}

@media only screen and (min-width:992px) {
    .logo-global {
        flex: 0 0 70px;
        justify-content: flex-start;
        width: 70px
    }
}

@media only screen and (min-width:1200px) {
    .logo-global {
        flex: 0 0 255px;
        padding-right: 0;
        position: relative;
        left: 15px;
        transform: none
    }
}

@media only screen and (min-width:1600px) {
    .logo-global {
        flex: 0 0 275px
    }
}

.logo-global .component-content.left {
    text-align: center
}

@media only screen and (min-width:1200px) {
    .logo-global .component-content.left {
        text-align: left
    }
}

.logo-global .component-content.left a {
    display: block;
    line-height: 0
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .logo-global {
        height: 87px
    }
}

.logo-global img {
    max-height: 32px;
    width: 160px;
    margin: 0
}

@media only screen and (min-width:576px) {
    .logo-global img {
        max-height: 40px;
        width: auto
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .logo-global img {
        clip: rect(0, 40px, 40px, 0);
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        max-width: none
    }
}

.image-article {
    margin: 0 auto;
    clear: both
}

.image-article>.component-content {
    margin: 0 auto;
    text-align: center
}

@media only screen and (min-width:1200px) {
    .image-article>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .image-article>.component-content {
        max-width: 1570px
    }
}

.image-article:last-child {
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .image-article:last-child {
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .image-article:last-child {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .image-article:last-child {
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .image-article:last-child {
        padding-bottom: 128px
    }
}

.image-article.caption-accent-red-100 figcaption p {
    color: #fbd5c9
}

.image-article.caption-accent-red-300 figcaption p {
    color: #eb9e8b
}

.image-article.caption-accent-red-500 figcaption p {
    color: #e22d00
}

.image-article.caption-accent-red-700 figcaption p {
    color: #a81910
}

.image-article.caption-accent-red-900 figcaption p {
    color: #601b15
}

.image-article.caption-accent-white figcaption p {
    color: #fff
}

.image-article.caption-accent-grey-5 figcaption p {
    color: #fafafa
}

.image-article.caption-accent-grey-10 figcaption p {
    color: #ebebeb
}

.image-article.caption-accent-grey-15 figcaption p {
    color: #d9d9d9
}

.image-article.caption-accent-grey-20 figcaption p {
    color: #ccc
}

.image-article.caption-accent-grey-30 figcaption p {
    color: #b3b3b3
}

.image-article.caption-accent-grey-40 figcaption p {
    color: #999
}

.image-article.caption-accent-grey-50 figcaption p {
    color: #757575
}

.image-article.caption-accent-grey-60 figcaption p {
    color: #616161
}

.image-article.caption-accent-grey-70 figcaption p {
    color: #4c4c4c
}

.image-article.caption-accent-grey-80 figcaption p {
    color: #464646
}

.image-article.caption-accent-grey-90 figcaption p {
    color: #252525
}

.image-article.caption-accent-black figcaption p {
    color: #000
}

.image-article.caption-accent-orange-5 figcaption p {
    color: #f8f1ee
}

.image-article.caption-accent-orange-10 figcaption p {
    color: #f9ebe2
}

.image-article.caption-accent-orange-15 figcaption p {
    color: #f3d9c7
}

.image-article.caption-accent-orange-20 figcaption p {
    color: #fecaa5
}

.image-article.caption-accent-orange-30 figcaption p {
    color: #fba262
}

.image-article.caption-accent-orange-40 figcaption p {
    color: #df6621
}

.image-article.caption-accent-orange-50 figcaption p {
    color: #be572a
}

.image-article.caption-accent-orange-60 figcaption p {
    color: #96431f
}

.image-article.caption-accent-orange-70 figcaption p {
    color: #752804
}

.image-article.caption-accent-orange-80 figcaption p {
    color: #4a1d09
}

.image-article.caption-accent-orange-90 figcaption p {
    color: #341202
}

.image-article.caption-accent-yellow-5 figcaption p {
    color: #f6f4ea
}

.image-article.caption-accent-yellow-10 figcaption p {
    color: #f1ecdc
}

.image-article.caption-accent-yellow-15 figcaption p {
    color: #f1e7b5
}

.image-article.caption-accent-yellow-20 figcaption p {
    color: #f8de84
}

.image-article.caption-accent-yellow-30 figcaption p {
    color: #ebbf6b
}

.image-article.caption-accent-yellow-40 figcaption p {
    color: #dfaa52
}

.image-article.caption-accent-yellow-50 figcaption p {
    color: #ce973d
}

.image-article.caption-accent-yellow-60 figcaption p {
    color: #926d53
}

.image-article.caption-accent-yellow-70 figcaption p {
    color: #725c51
}

.image-article.caption-accent-yellow-80 figcaption p {
    color: #4b413b
}

.image-article.caption-accent-yellow-90 figcaption p {
    color: #29231f
}

.image-article.caption-accent-green-5 figcaption p {
    color: #ecf1ee
}

.image-article.caption-accent-green-10 figcaption p {
    color: #e4efe9
}

.image-article.caption-accent-green-15 figcaption p {
    color: #cadfd4
}

.image-article.caption-accent-green-20 figcaption p {
    color: #b6d3c2
}

.image-article.caption-accent-green-30 figcaption p {
    color: #83c09b
}

.image-article.caption-accent-green-40 figcaption p {
    color: #589f7d
}

.image-article.caption-accent-green-50 figcaption p {
    color: #00816c
}

.image-article.caption-accent-green-60 figcaption p {
    color: #216958
}

.image-article.caption-accent-green-70 figcaption p {
    color: #25503b
}

.image-article.caption-accent-green-80 figcaption p {
    color: #2a4132
}

.image-article.caption-accent-green-90 figcaption p {
    color: #1d271d
}

.image-article.caption-accent-blue-5 figcaption p {
    color: #f3f5f5
}

.image-article.caption-accent-blue-10 figcaption p {
    color: #e7edee
}

.image-article.caption-accent-blue-15 figcaption p {
    color: #d0dcde
}

.image-article.caption-accent-blue-20 figcaption p {
    color: #b0ced8
}

.image-article.caption-accent-blue-30 figcaption p {
    color: #86bbd2
}

.image-article.caption-accent-blue-40 figcaption p {
    color: #568eb8
}

.image-article.caption-accent-blue-50 figcaption p {
    color: #28628e
}

.image-article.caption-accent-blue-60 figcaption p {
    color: #2f5179
}

.image-article.caption-accent-blue-70 figcaption p {
    color: #2e4168
}

.image-article.caption-accent-blue-80 figcaption p {
    color: #1b2a46
}

.image-article.caption-accent-blue-90 figcaption p {
    color: #1f2532
}

.image-article.caption-accent-teal-5 figcaption p {
    color: #eff6f9
}

.image-article.caption-accent-teal-10 figcaption p {
    color: #e0f1f6
}

.image-article.caption-accent-teal-15 figcaption p {
    color: #d0eaf1
}

.image-article.caption-accent-teal-20 figcaption p {
    color: #bfe3ed
}

.image-article.caption-accent-teal-30 figcaption p {
    color: #9ed5e1
}

.image-article.caption-accent-teal-40 figcaption p {
    color: #41a9b7
}

.image-article.caption-accent-teal-50 figcaption p {
    color: #007e94
}

.image-article.caption-accent-teal-60 figcaption p {
    color: #006b7d
}

.image-article.caption-accent-teal-70 figcaption p {
    color: #17515d
}

.image-article.caption-accent-teal-80 figcaption p {
    color: #16383f
}

.image-article.caption-accent-teal-90 figcaption p {
    color: #0a1f26
}

.image-article.caption-accent-lavender-5 figcaption p {
    color: #f0edee
}

.image-article.caption-accent-lavender-10 figcaption p {
    color: #efe7ea
}

.image-article.caption-accent-lavender-15 figcaption p {
    color: #ebdfe4
}

.image-article.caption-accent-lavender-20 figcaption p {
    color: #e0cfd6
}

.image-article.caption-accent-lavender-30 figcaption p {
    color: #cdb9c2
}

.image-article.caption-accent-lavender-40 figcaption p {
    color: #b49eaf
}

.image-article.caption-accent-lavender-50 figcaption p {
    color: #876b8b
}

.image-article.caption-accent-lavender-60 figcaption p {
    color: #6e5a6b
}

.image-article.caption-accent-lavender-70 figcaption p {
    color: #504552
}

.image-article.caption-accent-lavender-80 figcaption p {
    color: #372d35
}

.image-article.caption-accent-lavender-90 figcaption p {
    color: #201620
}

.image-article.caption-accent-pink-5 figcaption p {
    color: #fff6f4
}

.image-article.caption-accent-pink-10 figcaption p {
    color: #fbe8e7
}

.image-article.caption-accent-pink-15 figcaption p {
    color: #f6dad9
}

.image-article.caption-accent-pink-20 figcaption p {
    color: #efc9c6
}

.image-article.caption-accent-pink-30 figcaption p {
    color: #e7a4ad
}

.image-article.caption-accent-pink-40 figcaption p {
    color: #db717f
}

.image-article.caption-accent-pink-50 figcaption p {
    color: #cd4557
}

.image-article.caption-accent-pink-60 figcaption p {
    color: #8a223b
}

.image-article.caption-accent-pink-70 figcaption p {
    color: #5b1833
}

.image-article.caption-accent-pink-80 figcaption p {
    color: #380914
}

.image-article.caption-accent-pink-90 figcaption p {
    color: #23050c
}

.image-article.caption-accent-light-violet figcaption p {
    color: #efe7ea
}

.image-article.caption-accent-violet figcaption p {
    color: #876b8b
}

.image-article.caption-accent-dark-violet figcaption p {
    color: #372d35
}

.image-article.caption-accent-gray-ui-01 figcaption p {
    color: #f6f6f6
}

.image-article.caption-accent-cosm-navy figcaption p {
    color: #15284a
}

@media only screen and (min-width:1600px) {
    .article-banner img {
        width: 100%
    }
}

.article-banner figure,
.image-article figure,
.template-article .imageText figure,
.template-research .imageText figure,
.template-why .imageText figure {
    margin: 0 auto
}

.article-banner figure img,
.article-banner figure picture,
.image-article figure img,
.image-article figure picture,
.template-article .imageText figure img,
.template-article .imageText figure picture,
.template-research .imageText figure img,
.template-research .imageText figure picture,
.template-why .imageText figure img,
.template-why .imageText figure picture {
    display: block
}

.article-banner figure figcaption,
.image-article figure figcaption,
.template-article .imageText figure figcaption,
.template-research .imageText figure figcaption,
.template-why .imageText figure figcaption {
    box-sizing: border-box;
    caption-side: bottom;
    max-width: 960px;
    margin: 0;
    padding: 16px 15px 0;
    text-align: left
}

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

    .article-banner figure figcaption,
    .image-article figure figcaption,
    .template-article .imageText figure figcaption,
    .template-research .imageText figure figcaption,
    .template-why .imageText figure figcaption {
        padding: 16px 15px 0 0
    }
}

.article-banner figcaption,
.article-banner figcaption p,
.image-article figcaption,
.image-article figcaption p,
.template-article .imageText figcaption,
.template-article .imageText figcaption p,
.template-research .imageText figcaption,
.template-research .imageText figcaption p,
.template-why .imageText figcaption,
.template-why .imageText figcaption p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #616161;
    margin-bottom: 0
}

.image.article-banner figcaption {
    padding-left: 15px
}

.imageText {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .imageText {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .imageText {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .imageText {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .imageText {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

@media only screen and (min-width:768px) {
    .imageText>.component-content>.content>.section.imageText-right-portait-image {
        align-self: center;
        padding-top: 0
    }
}

@media only screen and (min-width:992px) {
    .imageText>.component-content>.content {
        display: flex
    }

    .imageText>.component-content>.content>.section {
        align-self: center;
        padding-top: 0
    }

    .aem-AuthorLayer-Edit .imageText>.component-content>.content {
        display: block
    }
}

.imageText .box-remove-padding-top {
    padding-top: 0
}

.imageText .box-remove-padding-bottom {
    padding-bottom: 0
}

.imageText .richText {
    padding-top: 24px;
    color: #252525
}

@media only screen and (min-width:768px) {
    .imageText .richText {
        padding-top: 32px
    }
}

@media only screen and (max-width:767px) {
    .imageText.richText-centered-mobile .richText {
        text-align: center
    }

    .imageText.richText-centered-mobile .richText h1[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText h2[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText h3[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText h4[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText h5[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText h6[style*="text-align: right"],
    .imageText.richText-centered-mobile .richText p[style*="text-align: right"] {
        text-align: center !important
    }
}

.imageText .image,
.imageText .image>div {
    position: relative
}

.imageText img {
    display: inline-block;
    width: 100%;
    height: auto
}

.imageText .button-cta-play,
.imageText .button-cta-play-white,
.imageText .link-cta-arrow,
.imageText .link-cta-arrow-red,
.imageText .link-cta-arrow-white {
    display: inline-block;
    margin-top: 8px
}

.imageText .button-cta-dark,
.imageText .button-cta-light,
.imageText .button-cta-red,
.imageText .button-cta-white {
    float: left;
    margin-bottom: 0 !important
}

:last-child .imageText .button-cta-dark:last-of-type,
:last-child .imageText .button-cta-light:last-of-type,
:last-child .imageText .button-cta-red:last-of-type,
:last-child .imageText .button-cta-white:last-of-type {
    float: none
}

.imageText-columns {
    margin-bottom: 48px
}

@media only screen and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .imageText-columns {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .imageText-columns {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .imageText-columns {
        margin-bottom: 128px
    }
}

@media only screen and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .imageText-columns {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:768px) and (min-width:992px) {
    .imageText-columns {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:768px) and (min-width:1200px) {
    .imageText-columns {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:768px) and (min-width:1600px) {
    .imageText-columns {
        margin-bottom: 64px
    }
}

.imageText-columns p:last-of-type {
    margin-bottom: 8px
}

.imageText-columns p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    .imageText-columns img {
        width: 100%
    }
}

@media only screen and (min-width:1600px) {
    .imageText-columns>.component-content>.content {
        display: block
    }
}

.imageText-columns .paragraphSystem {
    margin: 0
}

.imageText-columns .image {
    padding: 0
}

.imageText-columns .richText {
    padding: 16px 0 0;
    text-align: left
}

.imageText-columns .button-cta-play,
.imageText-columns .button-cta-play-white,
.imageText-columns .link-cta-arrow,
.imageText-columns .link-cta-arrow-red,
.imageText-columns .link-cta-arrow-white {
    display: inline-block;
    margin-top: 8px
}

.imageText-columns .button-cta-dark,
.imageText-columns .button-cta-light,
.imageText-columns .button-cta-red,
.imageText-columns .button-cta-white {
    margin-bottom: 0 !important
}

.imageText-side-by-side {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .imageText-side-by-side {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .imageText-side-by-side {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .imageText-side-by-side {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .imageText-side-by-side {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.imageText-side-by-side .image {
    margin: 0
}

@media only screen and (min-width:768px) {
    .imageText-side-by-side .image {
        padding-left: 15px;
        padding-right: 0
    }
}

.imageText-side-by-side .image img {
    width: 100%
}

.imageText-side-by-side .image+.image {
    display: none
}

@media only screen and (min-width:768px) {
    .imageText-side-by-side .image+.image {
        padding-left: 0;
        padding-right: 15px;
        display: block
    }
}

.imageText-side-by-side .richText {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .imageText-side-by-side .richText {
        padding-top: 32px
    }
}

.imageText-side-by-side .button-cta-play,
.imageText-side-by-side .button-cta-play-white,
.imageText-side-by-side .link-cta-arrow,
.imageText-side-by-side .link-cta-arrow-red,
.imageText-side-by-side .link-cta-arrow-white {
    display: inline-block;
    margin-top: 8px
}

.imageText-side-by-side .button-cta-dark,
.imageText-side-by-side .button-cta-light,
.imageText-side-by-side .button-cta-red,
.imageText-side-by-side .button-cta-white {
    margin-bottom: 0 !important
}

.component.imageText-edge-to-edge,
.component.imageText-edge-to-edge .image {
    padding-left: 0;
    padding-right: 0
}

.imageText.variation-imageText>.component-content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .imageText.variation-imageText>.component-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .imageText.variation-imageText>.component-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .imageText.variation-imageText>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .imageText.variation-imageText>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .imageText.variation-imageText>.component-content {
        max-width: 1570px
    }
}

@media only screen and (min-width:1200px) {
    .imageText.variation-imageText>.component-content {
        overflow: hidden
    }
}

.imageText.variation-imageText>.component-content>.content {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width:1200px) {
    .imageText.variation-imageText>.component-content>.content {
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.imageText.variation-imageText>.component-content>.content .richText {
    padding-top: 0
}

@media only screen and (min-width:1200px) {
    .imageText.variation-imageText>.component-content>.content .richText {
        text-align: left;
        padding: 0 15px
    }
}

.imageText.variation-imageText .image {
    padding: 0;
    width: 100%;
    margin: 0
}

@media only screen and (min-width:768px) {
    .imageText.variation-imageText .image {
        padding: 0 15px
    }
}

@media only screen and (min-width:1200px) {
    .imageText.variation-imageText .image {
        width: 50%;
        padding-top: 0
    }
}

@media only screen and (max-width:1199px) {
    .imageText.variation-imageText .component-content {
        text-align: center
    }
}

.aem-AuthorLayer-Edit .variation-imageText .component-content>.content {
    display: table;
    overflow: hidden;
    clear: both
}

.aem-AuthorLayer-Edit .variation-imageText .component-content>.content .richText {
    display: table-cell;
    vertical-align: middle
}

.imageText.imageText-alt .image {
    padding: 0 32px
}

@media only screen and (min-width:768px) {
    .imageText.imageText-alt .image {
        padding: 0 15px
    }
}

@media only screen and (min-width:1200px) {
    .imageText.imageText-alt .image {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    .imageText.imageText-align-top>.component-content>.content>.section {
        align-self: flex-start;
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .imageText-mobile-article-list {
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb
    }

    .imageText-mobile-article-list.imageText-columns {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .imageText-mobile-article-list+.imageText-mobile-article-list {
        border-top: 0
    }

    .imageText-mobile-article-list .image {
        padding-right: 15px
    }

    .imageText-mobile-article-list .richText {
        padding: 0 0 0 15px
    }
}

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

    .imageText.imageText-left-portrait-image>.component-content>.content,
    .imageText.imageText-right-portrait-image>.component-content>.content {
        display: flex
    }

    .imageText.imageText-left-portrait-image>.component-content>.content>.section,
    .imageText.imageText-right-portrait-image>.component-content>.content>.section {
        align-self: center;
        padding-top: 0
    }
}

.box-image-text-grid-wrapper>.component-content {
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .box-image-text-grid-wrapper>.component-content {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .box-image-text-grid-wrapper>.component-content {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .box-image-text-grid-wrapper>.component-content {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .box-image-text-grid-wrapper>.component-content {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .box-image-text-grid-wrapper>.component-content {
        max-width: 1570px
    }
}

.box-image-text-grid-wrapper>.component-content>.content {
    display: flex;
    flex-wrap: wrap
}

.box-image-text-grid-wrapper>.component-content>.content:after,
.box-image-text-grid-wrapper>.component-content>.content:before {
    content: normal
}

.box-image-text-grid-wrapper .imageText-columns.col-xs-12 {
    padding-left: 0;
    padding-right: 0
}

.box-image-text-grid-wrapper .imageText-columns img {
    display: block
}

.box-image-text-grid-wrapper .imageText-columns .richText {
    padding: 8px 0 0
}

.box-image-text-grid-wrapper .imageText-columns .richText>.component-content>.richText-content>:last-child span {
    margin-bottom: 0
}

@media only screen and (max-width:575px) {
    .box-image-text-grid-3>.component-content {
        max-width: calc(100% - 30px)
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .box-image-text-grid-3>.component-content {
        max-width: 510px
    }
}

.box-image-text-grid-3 .imageText-columns {
    flex-basis: 100%;
    margin-bottom: 32px
}

@media only screen and (min-width:768px) {
    .box-image-text-grid-3 .imageText-columns {
        flex-basis: 50%;
        margin-bottom: 48px
    }

    .box-image-text-grid-3 .imageText-columns>.component-content {
        padding: 0 15px
    }
}

@media only screen and (min-width:992px) {
    .box-image-text-grid-3 .imageText-columns {
        flex-basis: 33.33%
    }
}

.box-image-text-grid-4 .imageText-columns {
    flex-basis: 50%
}

@media only screen and (min-width:576px) {
    .box-image-text-grid-4 .imageText-columns {
        flex-basis: 33.33%
    }
}

@media only screen and (min-width:768px) {
    .box-image-text-grid-4 .imageText-columns {
        flex-basis: 25%
    }
}

.box-image-text-grid-6 .imageText-columns {
    flex-basis: 50%
}

@media only screen and (min-width:576px) {
    .box-image-text-grid-6 .imageText-columns {
        flex-basis: 33.33%
    }
}

@media only screen and (min-width:768px) {
    .box-image-text-grid-6 .imageText-columns {
        flex-basis: 16.66%
    }
}

@media only screen and (max-width:575px) {

    .box-image-text-grid-4>.component-content,
    .box-image-text-grid-6>.component-content {
        max-width: calc(100% - 14px)
    }
}

.box-image-text-grid-4 .imageText-columns,
.box-image-text-grid-6 .imageText-columns {
    margin-bottom: 24px
}

.box-image-text-grid-4 .imageText-columns>.component-content,
.box-image-text-grid-6 .imageText-columns>.component-content {
    padding: 0 8px
}

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

    .box-image-text-grid-4 .imageText-columns>.component-content,
    .box-image-text-grid-6 .imageText-columns>.component-content {
        padding: 0 15px
    }
}

.box-image-text-grid-4 .richText>.component-content .richText-content h4,
.box-image-text-grid-4 .richText>.component-content .richText-content h5,
.box-image-text-grid-4 .richText>.component-content .richText-content h6,
.box-image-text-grid-6 .richText>.component-content .richText-content h4,
.box-image-text-grid-6 .richText>.component-content .richText-content h5,
.box-image-text-grid-6 .richText>.component-content .richText-content h6 {
    margin-bottom: 0
}

.imageText-text-overlay>.component-content>.content {
    position: relative
}

.imageText-text-overlay>.component-content>.content .image.component+.richText {
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 16px
}

.imageText-text-overlay-bottom>.component-content>.content .image.component+.richText {
    bottom: 16px;
    padding-top: 0
}

.imageText-text-overlay-middle>.component-content>.content .image.component+.richText {
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0
}

@media only screen and (min-width:768px) {
    .object-fit .imageText-text-overlay img {
        height: 100%;
        object-fit: cover
    }

    .object-fit .imageText-text-overlay>.component-content {
        height: calc(100% + 16px)
    }

    .object-fit .imageText-text-overlay>.component-content .image.section,
    .object-fit .imageText-text-overlay>.component-content .image.section .component-content,
    .object-fit .imageText-text-overlay>.component-content .image.section>div,
    .object-fit .imageText-text-overlay>.component-content>.content {
        height: 100%
    }
}

.aem-AuthorLayer-Edit .imageText-text-overlay>.component-content>.content .image.component+.richText {
    position: static
}

.aem-AuthorLayer-Edit .imageText-text-overlay>.component-content>.content .image.component+.richText .text-white {
    background-color: #000
}

.imageText-vertical-align>.component-content>.content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .imageText-vertical-align>.component-content>.content {
        align-items: center;
        flex-direction: row
    }
}

.imageText-vertical-align>.component-content>.content>.component>.richText {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .imageText-vertical-align>.component-content>.content>.component>.richText {
        padding-top: 0
    }
}

.imageText-vertical-align .imageText-columns .richText {
    padding-top: 8px
}

.imageText-vertical-align.richText-centered-mobile .richText {
    text-align: center
}

@media only screen and (min-width:768px) {
    .imageText-vertical-align.richText-centered-mobile .richText {
        text-align: left
    }
}

.video-and-text-default {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .video-and-text-default {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .video-and-text-default {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .video-and-text-default {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .video-and-text-default {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.video-and-text-default>.component-content>.content {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:992px) {
    .video-and-text-default>.component-content>.content {
        flex-direction: row;
        align-items: center
    }

    .aem-AuthorLayer-Edit .video-and-text-default>.component-content>.content {
        display: block
    }
}

.video-and-text-default .brightcoveVideo {
    clear: none;
    padding-left: 15px;
    padding-right: 15px;
    order: 1
}

@media only screen and (min-width:992px) {
    .video-and-text-default .brightcoveVideo {
        order: 0
    }
}

.video-and-text-default .brightcoveVideo .content-block {
    display: none
}

.video-and-text-default .brightcoveVideo .start-image:before {
    font-size: 50px;
    font-size: 3.125rem;
    transform: none;
    left: 20px;
    top: auto;
    bottom: 20px
}

@media only screen and (min-width:768px) {
    .video-and-text-default .brightcoveVideo .start-image:before {
        font-size: 60px;
        font-size: 3.75rem
    }
}

.video-and-text-default .brightcoveVideo .start-image:after {
    display: block;
    width: 44px;
    height: 44px;
    transform: none;
    top: auto;
    left: 28px;
    bottom: 28px
}

@media only screen and (max-width:767px) {
    .video-and-text-default .brightcoveVideo .start-image:after {
        width: 35px;
        height: 35px
    }
}

.video-and-text-default .richText {
    order: 2;
    margin-top: 24px
}

@media only screen and (min-width:992px) {
    .video-and-text-default .richText {
        margin-top: 0;
        text-align: inherit;
        order: 0
    }
}

.video-and-text-default .wistiaVideoPlayer .wistia-big-play:before {
    font-size: 4rem
}

.video-and-text-default .wistiaVideoPlayer .wistia-big-play:after {
    width: 48px;
    height: 48px
}

.video-and-text-default .wistiaVideoPlayer .start-image:after,
.video-and-text-default .wistiaVideoPlayer .start-image:before {
    display: none
}

.video-and-text-default .wistiaVideoPlayer:not(.wistia-started) .wistia-big-play:before {
    transform: none;
    top: unset;
    left: 20px;
    bottom: 20px
}

.video-and-text-default .wistiaVideoPlayer:not(.wistia-started) .wistia-big-play:after {
    transform: unset;
    top: unset;
    left: 28px;
    bottom: 28px
}

.imageGallery>.component-content {
    border: 2px solid #323131;
    padding: 13px;
    background-color: #e1e1e1
}

.imageGallery-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px
}

.imageGallery-view {
    border: 2px solid #323131;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.imageGallery-view img {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.imageGallery-thumbnails {
    position: relative;
    margin: 20px 0
}

.imageGallery-list {
    overflow: hidden;
    margin: 0 50px;
    position: relative
}

.imageGallery-arrow,
.imageGallery-arrow.is-disabled:hover {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    width: 35px;
    height: 60px;
    font: 0/0 serif;
    color: transparent
}

.imageGallery-arrow.is-disabled:hover:before,
.imageGallery-arrow:before {
    position: absolute;
    top: 50%;
    color: #aaa
}

.imageGallery-arrow:hover:before {
    color: #888
}

.imageGallery-description {
    margin: 15px 0
}

.imageGallery-arrow.is-disabled {
    opacity: .5
}

.imageGallery-arrow {
    text-align: center
}

.imageGallery-arrow-left,
.imageGallery-arrow-left.is-disabled:hover {
    left: 0
}

.imageGallery-arrow-left.is-disabled:hover:before,
.imageGallery-arrow-left:before {
    font-size: 30px
}

.imageGallery-arrow-right,
.imageGallery-arrow-right.is-disabled:hover {
    right: 0
}

.imageGallery-arrow-right.is-disabled:hover:before,
.imageGallery-arrow-right:before {
    font-size: 30px
}

.imageGallery-list-inner {
    top: 0;
    left: 0;
    margin: 0;
    list-style: none;
    width: 4000px
}

.imageGallery-list-inner,
.imageGallery-thumbnail {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0
}

.imageGallery-thumbnail {
    float: left;
    margin: 0 9px;
    cursor: pointer;
    text-align: center;
    border: 4px solid #323131;
    opacity: .7;
    filter: alpha(opacity=70);
    transition: opacity .2s
}

.imageGallery-thumbnail.is-active,
.imageGallery-thumbnail:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.imageGallery-thumbnail-cover {
    display: block;
    max-width: none
}

.imageGallery-thumbnail-title {
    display: block;
    margin: 10px auto 0;
    font-size: 11px;
    width: 71px
}

.imageGallery .thumbnails-list li.active .image,
.imageGallery .thumbnails-list li:hover .image {
    border: 4px solid #323131;
    margin: 0
}

.imageGallery-thumbnail-image {
    margin: 2px;
    border: 2px solid #323131;
    position: relative
}

.imageGallery-thumbnail-overlay {
    opacity: .7;
    height: 28px;
    left: 50%;
    margin: -14px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
    cursor: pointer
}

.imageGallery-thumbnail-overlay:before {
    display: inline-block;
    font-size: 15px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #3e3e3e;
    text-indent: 7px;
    background: #fff;
    text-align: center;
    line-height: 24px;
    box-sizing: border-box
}

.imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
    opacity: 0;
    transition: opacity .5s
}

.imageGallery-thumbnail a {
    display: block
}

.imageGallery-thumbnail-image img {
    display: block;
    width: 63px;
    height: 52px;
    margin: 0 auto
}

.imageGallery-view-overlay {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 73px;
    height: 69px;
    margin: -34px 0 0 -36px;
    cursor: pointer;
    transition: opacity .5s
}

.imageGallery-view-overlay:before {
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
    width: 100%;
    height: 100%;
    border: 3px solid #3e3e3e;
    text-indent: 5px;
    background: #fff;
    text-align: center;
    line-height: 65px
}

.imageGallery.is-playing .imageGallery-view-overlay:before {
    text-indent: 0
}

.imageGallery .gallery-play {
    color: #323131
}

.imageGallery-view:hover .imageGallery-view-overlay {
    opacity: .7
}

.imageGallery-view .imageGallery-view-overlay:hover {
    opacity: 1;
    text-decoration: none
}

.js .imageGallery-thumbnail {
    padding: 0
}

.js .imageGallery-thumbnails {
    position: relative
}

.no-js .imageGallery-view {
    display: none
}

.no-js .imageGallery-list {
    margin: 0
}

.no-js .imageGallery-thumbnail img {
    width: auto;
    height: auto
}

.no-js .imageGallery-thumbnail {
    border: 0;
    opacity: 1;
    float: none;
    overflow: hidden
}

.no-js .imageGallery-thumbnail a:after {
    content: attr(data-description);
    display: block;
    padding: 10px 0 30px;
    text-align: left
}

.no-js .imageGallery-arrow {
    display: none
}

.map .map-canvas {
    padding-top: 100%
}

.profilePageMap {
    height: 284px
}

@media only screen and (min-width:768px) {
    .profilePageMap {
        height: 476px
    }
}

@media only screen and (min-width:992px) {
    .profilePageMap {
        min-height: 100%
    }
}

/* .masthead {
    position: relative;
    padding: 0;
    overflow: hidden
}

.masthead,
.masthead * {
    box-sizing: border-box
}

.masthead .component-content.masthead>.row {
    display: flex;
    flex-flow: column
}

.masthead .masthead-image {
    order: 1;
    overflow: hidden
}

.masthead .masthead-image>.component-content {
    width: 100%
}

.masthead .masthead-image img {
    display: block;
    width: 100%
}

.masthead .row {
    margin: 0
}

.masthead .masthead-text-container {
    position: relative;
    padding-top: 32px;
    padding-bottom: 40px;
    order: 2
}

@media only screen and (min-width:992px) {
    .masthead .masthead-text-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 0;
        padding-bottom: 0
    }
}

.masthead .masthead-text {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 9
}

@media only screen and (min-width:576px) {
    .masthead .masthead-text {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .masthead .masthead-text {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .masthead .masthead-text {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .masthead .masthead-text {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .masthead .masthead-text {
        max-width: 1570px
    }
}

@media only screen and (min-width:992px) {
    .masthead .masthead-text {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        text-align: left
    }
}

.masthead .masthead-text h1[style*="text-align: right"],
.masthead .masthead-text h2[style*="text-align: right"],
.masthead .masthead-text h3[style*="text-align: right"],
.masthead .masthead-text h4[style*="text-align: right"],
.masthead .masthead-text h5[style*="text-align: right"],
.masthead .masthead-text h6[style*="text-align: right"],
.masthead .masthead-text p[style*="text-align: right"] {
    text-align: center !important
}

.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h1[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h2[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h3[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h4[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h5[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text h6[style*="text-align: right"],
.ultrawidth:not(.ultrawidth-centered-mobile) .masthead .masthead-text p[style*="text-align: right"] {
    text-align: right !important
}

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

    .masthead .masthead-text h1[style*="text-align: right"],
    .masthead .masthead-text h2[style*="text-align: right"],
    .masthead .masthead-text h3[style*="text-align: right"],
    .masthead .masthead-text h4[style*="text-align: right"],
    .masthead .masthead-text h5[style*="text-align: right"],
    .masthead .masthead-text h6[style*="text-align: right"],
    .masthead .masthead-text p[style*="text-align: right"] {
        text-align: right !important
    }
}

.masthead .masthead-text .richText>.component-content .richText-content p {
    overflow: visible;
    padding: 0 12px
}

@media only screen and (min-width:576px) {
    .masthead .masthead-text .richText>.component-content .richText-content p {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .masthead .masthead-text .richText>.component-content .richText-content p {
        overflow: initial
    }
}

@media only screen and (min-width:992px) {
    .masthead .masthead-text .richText>.component-content .richText-content p:not(:last-child) .text-body-1 {
        display: inline-block;
        margin-bottom: 8px
    }
}

.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-dark,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-light,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play-white,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-red,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-white,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-red,
.masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-white {
    margin: 8px 12px 0
}

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

    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-dark,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-light,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-white {
        margin: 8px 12px 0
    }
}

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

    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-play-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: center"] .link-cta-arrow-white {
        max-width: calc(100% - 24px)
    }
}

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

    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-dark,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-light,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
        margin: 8px 0 0 24px
    }
}

.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-dark,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-light,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-red,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-white,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
    margin: 8px 0 0 24px
}

.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-dark,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-light,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-red,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-white,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
    margin: 8px 12px 0
}

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

    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-dark,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-light,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-red,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-white,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
        margin: 8px 0 0 24px
    }
}

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

    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
    .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
        max-width: calc(100% - 24px)
    }
}

.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play,
.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .button-cta-play-white,
.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow,
.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-red,
.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content p[style*="text-align: right"] .link-cta-arrow-white {
    max-width: calc(100% - 24px)
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-white,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-white {
    margin: 8px 12px 0;
    max-width: 266px
}

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

    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-white {
        margin: 8px 24px 0 0
    }
}

.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-white {
    margin: 8px 24px 0 0
}

.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-white {
    margin: 8px 12px 0
}

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

    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-dark,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-light,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-red,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-white {
        margin: 8px 24px 0 0
    }
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
    box-sizing: border-box;
    line-height: 24px;
    line-height: 1.5rem;
    margin: 8px 12px 0;
    max-width: calc(100% - 24px);
    padding-top: 12px;
    padding-right: 30px;
    position: relative;
    text-decoration: none;
    vertical-align: top
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play *,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white *,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow *,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red *,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white * {
    box-sizing: border-box
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white[class*=-cta-dark],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white[class*=-cta-light],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white[class*=-cta-red],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white[class*=-cta-white],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play[class*=-cta-dark],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play[class*=-cta-light],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play[class*=-cta-red],
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play[class*=-cta-white],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red[class*=-cta-dark],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red[class*=-cta-light],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red[class*=-cta-red],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red[class*=-cta-white],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white[class*=-cta-dark],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white[class*=-cta-light],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white[class*=-cta-red],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white[class*=-cta-white],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow[class*=-cta-dark],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow[class*=-cta-light],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow[class*=-cta-red],
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow[class*=-cta-white] {
    padding-top: 0;
    line-height: 40px;
    line-height: 2.5rem
}

.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white:only-child,
.masthead .masthead-text .richText>.component-content .richText-content .button-cta-play:only-child,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red:only-child,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white:only-child,
.masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow:only-child {
    padding-top: 0
}

.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
.ultrawidth .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
    margin: 8px 24px 0 0
}

.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
.ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
    margin: 8px 12px 0
}

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

    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
    .ultrawidth.ultrawidth-centered-mobile .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
        margin: 8px 24px 0 0
    }
}

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

    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play,
    .masthead .masthead-text .richText>.component-content .richText-content .button-cta-play-white,
    .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow,
    .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-red,
    .masthead .masthead-text .richText>.component-content .richText-content .link-cta-arrow-white {
        margin: 8px 0 0;
        max-width: 100%
    }
}

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

    .masthead .masthead-text .richText>.component-content .richText-content h1:not(.header-override),
    .masthead .masthead-text .richText>.component-content .richText-content h2:not(.header-override) {
        margin-bottom: 8px
    }
}

.masthead .masthead-text .masthead-subnav-highlighter {
    display: none
}

@media only screen and (min-width:1200px) {
    .masthead .masthead-text .masthead-subnav-highlighter {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%
    }
}

.masthead.ultrawidth .masthead-text {
    text-align: initial
}

@media only screen and (max-width:991px) {
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text {
        text-align: center
    }

    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h1[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h2[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h3[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h4[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h5[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text h6[style*="text-align: right"],
    .masthead.ultrawidth.ultrawidth-centered-mobile .masthead-text p[style*="text-align: right"] {
        text-align: center !important
    }
}

.masthead .component.video {
    z-index: -1
}

.masthead .video-video {
    border: 0
}

.masthead .video-video video {
    display: none;
    width: 100% !important;
    height: auto !important
}

.masthead .video-video video.show {
    display: block
}

.masthead .mejs-controls,
.masthead .video-description,
.masthead .video-heading {
    display: none
}

.masthead.masthead-reverse-mobile-order .masthead-text-container {
    order: 1
}

.masthead.masthead-reverse-mobile-order .masthead-image {
    order: 2
}

.masthead.masthead-no-image {
    padding: 48px
}

.masthead.masthead-no-image .masthead-text-container {
    position: relative;
    height: auto
}

.masthead.masthead-no-image .masthead-text {
    position: relative;
    top: auto;
    transform: none
}

.masthead.masthead-search .masthead-text-container .richText-content>p {
    display: none
}

@media only screen and (min-width:576px) {
    .masthead.masthead-search .masthead-text-container .richText-content>p {
        display: block
    }
}

.masthead.masthead-mobile-background-image .masthead-text-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.masthead.masthead-mobile-background-image .masthead-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

@media only screen and (min-width:992px) {
    .masthead.masthead-mobile-background-image .masthead-text {
        text-align: left
    }
}

.masthead.masthead-mobile-background-image .masthead-image {
    z-index: 1
}

.masthead.masthead-background-accent-red-100 .masthead-text-container {
    background-color: #fbd5c9
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-red-100 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-red-100.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-red-300 .masthead-text-container {
    background-color: #eb9e8b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-red-300 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-red-300.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-red-500 .masthead-text-container {
    background-color: #e22d00
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-red-500 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-red-500.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-red-700 .masthead-text-container {
    background-color: #a81910
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-red-700 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-red-700.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-red-900 .masthead-text-container {
    background-color: #601b15
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-red-900 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-red-900.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-white .masthead-text-container {
    background-color: #fff
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-white .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-white.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-5 .masthead-text-container {
    background-color: #fafafa
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-10 .masthead-text-container {
    background-color: #ebebeb
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-15 .masthead-text-container {
    background-color: #d9d9d9
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-20 .masthead-text-container {
    background-color: #ccc
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-30 .masthead-text-container {
    background-color: #b3b3b3
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-40 .masthead-text-container {
    background-color: #999
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-50 .masthead-text-container {
    background-color: #757575
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-60 .masthead-text-container {
    background-color: #616161
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-70 .masthead-text-container {
    background-color: #4c4c4c
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-80 .masthead-text-container {
    background-color: #464646
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-grey-90 .masthead-text-container {
    background-color: #252525
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-grey-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-grey-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-black .masthead-text-container {
    background-color: #000
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-black .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-black.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-5 .masthead-text-container {
    background-color: #f8f1ee
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-10 .masthead-text-container {
    background-color: #f9ebe2
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-15 .masthead-text-container {
    background-color: #f3d9c7
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-20 .masthead-text-container {
    background-color: #fecaa5
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-30 .masthead-text-container {
    background-color: #fba262
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-40 .masthead-text-container {
    background-color: #df6621
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-50 .masthead-text-container {
    background-color: #be572a
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-60 .masthead-text-container {
    background-color: #96431f
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-70 .masthead-text-container {
    background-color: #752804
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-80 .masthead-text-container {
    background-color: #4a1d09
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-orange-90 .masthead-text-container {
    background-color: #341202
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-orange-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-orange-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-5 .masthead-text-container {
    background-color: #f6f4ea
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-10 .masthead-text-container {
    background-color: #f1ecdc
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-15 .masthead-text-container {
    background-color: #f1e7b5
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-20 .masthead-text-container {
    background-color: #f8de84
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-30 .masthead-text-container {
    background-color: #ebbf6b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-40 .masthead-text-container {
    background-color: #dfaa52
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-50 .masthead-text-container {
    background-color: #ce973d
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-60 .masthead-text-container {
    background-color: #926d53
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-70 .masthead-text-container {
    background-color: #725c51
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-80 .masthead-text-container {
    background-color: #4b413b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-yellow-90 .masthead-text-container {
    background-color: #29231f
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-yellow-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-yellow-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-5 .masthead-text-container {
    background-color: #ecf1ee
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-10 .masthead-text-container {
    background-color: #e4efe9
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-15 .masthead-text-container {
    background-color: #cadfd4
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-20 .masthead-text-container {
    background-color: #b6d3c2
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-30 .masthead-text-container {
    background-color: #83c09b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-40 .masthead-text-container {
    background-color: #589f7d
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-50 .masthead-text-container {
    background-color: #00816c
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-60 .masthead-text-container {
    background-color: #216958
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-70 .masthead-text-container {
    background-color: #25503b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-80 .masthead-text-container {
    background-color: #2a4132
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-green-90 .masthead-text-container {
    background-color: #1d271d
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-green-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-green-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-5 .masthead-text-container {
    background-color: #f3f5f5
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-10 .masthead-text-container {
    background-color: #e7edee
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-15 .masthead-text-container {
    background-color: #d0dcde
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-20 .masthead-text-container {
    background-color: #b0ced8
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-30 .masthead-text-container {
    background-color: #86bbd2
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-40 .masthead-text-container {
    background-color: #568eb8
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-50 .masthead-text-container {
    background-color: #28628e
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-60 .masthead-text-container {
    background-color: #2f5179
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-70 .masthead-text-container {
    background-color: #2e4168
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-80 .masthead-text-container {
    background-color: #1b2a46
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-blue-90 .masthead-text-container {
    background-color: #1f2532
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-blue-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-blue-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-5 .masthead-text-container {
    background-color: #eff6f9
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-10 .masthead-text-container {
    background-color: #e0f1f6
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-15 .masthead-text-container {
    background-color: #d0eaf1
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-20 .masthead-text-container {
    background-color: #bfe3ed
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-30 .masthead-text-container {
    background-color: #9ed5e1
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-40 .masthead-text-container {
    background-color: #41a9b7
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-50 .masthead-text-container {
    background-color: #007e94
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-60 .masthead-text-container {
    background-color: #006b7d
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-70 .masthead-text-container {
    background-color: #17515d
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-80 .masthead-text-container {
    background-color: #16383f
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-teal-90 .masthead-text-container {
    background-color: #0a1f26
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-teal-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-teal-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-5 .masthead-text-container {
    background-color: #f0edee
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-10 .masthead-text-container {
    background-color: #efe7ea
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-15 .masthead-text-container {
    background-color: #ebdfe4
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-20 .masthead-text-container {
    background-color: #e0cfd6
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-30 .masthead-text-container {
    background-color: #cdb9c2
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-40 .masthead-text-container {
    background-color: #b49eaf
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-50 .masthead-text-container {
    background-color: #876b8b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-60 .masthead-text-container {
    background-color: #6e5a6b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-70 .masthead-text-container {
    background-color: #504552
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-80 .masthead-text-container {
    background-color: #372d35
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-lavender-90 .masthead-text-container {
    background-color: #201620
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-lavender-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-lavender-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-5 .masthead-text-container {
    background-color: #fff6f4
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-5 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-5.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-10 .masthead-text-container {
    background-color: #fbe8e7
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-10 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-10.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-15 .masthead-text-container {
    background-color: #f6dad9
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-15 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-15.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-20 .masthead-text-container {
    background-color: #efc9c6
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-20 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-20.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-30 .masthead-text-container {
    background-color: #e7a4ad
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-30 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-30.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-40 .masthead-text-container {
    background-color: #db717f
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-40 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-40.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-50 .masthead-text-container {
    background-color: #cd4557
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-50 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-50.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-60 .masthead-text-container {
    background-color: #8a223b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-60 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-60.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-70 .masthead-text-container {
    background-color: #5b1833
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-70 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-70.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-80 .masthead-text-container {
    background-color: #380914
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-80 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-80.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-pink-90 .masthead-text-container {
    background-color: #23050c
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-pink-90 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-pink-90.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-light-violet .masthead-text-container {
    background-color: #efe7ea
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-light-violet .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-light-violet.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-violet .masthead-text-container {
    background-color: #876b8b
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-violet .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-violet.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-dark-violet .masthead-text-container {
    background-color: #372d35
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-dark-violet .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-dark-violet.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-gray-ui-01 .masthead-text-container {
    background-color: #f6f6f6
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-gray-ui-01 .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-gray-ui-01.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

.masthead.masthead-background-accent-cosm-navy .masthead-text-container {
    background-color: #15284a
}

@media only screen and (min-width:992px) {
    .masthead.masthead-background-accent-cosm-navy .masthead-text-container {
        background-color: transparent
    }
}

.masthead.masthead-background-accent-cosm-navy.masthead-mobile-background-image .masthead-text-container {
    background-color: transparent
}

@media only screen and (min-width:992px) {
    .masthead.masthead-text-top .masthead-text {
        top: 80px;
        transform: translateY(0)
    }
}

@media only screen and (min-width:1600px) {
    .masthead.masthead-text-top .masthead-text {
        top: 120px
    }
}

@media only screen and (min-width:992px) {
    .masthead.masthead-text-bottom .masthead-text {
        bottom: 80px;
        top: auto;
        transform: translateY(0)
    }
}

@media only screen and (min-width:1600px) {
    .masthead.masthead-text-bottom .masthead-text {
        bottom: 120px
    }
}

.masthead .tooltip {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    position: absolute;
    min-width: 122px;
    max-width: 180px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: opacity .1s linear;
    padding: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    word-break: break-word;
    text-align: center;
    background-color: #1f2532;
    color: #fff
}

.masthead .tooltip.top {
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%)
}

.masthead .tooltip-arrow {
    position: absolute;
    bottom: -11px;
    left: calc(50% - 7px);
    border: 6px solid transparent;
    border-top-color: #1f2532;
    line-height: 0;
    font-size: 0
}

@media only screen and (min-width:576px) {
    .masthead .tooltip {
        max-width: 241px
    }
}

@media only screen and (min-width:1200px) {
    .masthead.masthead-pi .masthead-text .richText {
        padding-right: 0
    }
}

.masthead.masthead-pi h3 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 0;
    text-align: center
}

.masthead.masthead-pi p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.58;
    letter-spacing: normal;
    display: block;
    text-align: center;
    font-weight: 700
}

@media only screen and (min-width:576px) {
    .masthead.masthead-pi-promo-bar .masthead-text {
        margin-top: -29px
    }
}

@media only screen and (min-width:1200px) {
    .masthead.masthead-pi-promo-bar .masthead-text {
        margin-top: -26px
    }
}

@media only screen and (min-width:1200px) {
    .masthead.masthead-pi-promo-bar .masthead-text .richText {
        padding-right: 0
    }
}

.masthead.masthead-pi-promo-bar h3 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 0
}

.masthead.masthead-pi-promo-bar h3+p {
    margin-top: 8px
}

.masthead.masthead-pi-promo-bar p {
    display: none
}

@media only screen and (min-width:576px) {
    .masthead.masthead-pi-promo-bar p {
        line-height: 1.5;
        letter-spacing: 0;
        display: block
    }
}

.masthead.masthead-searchbox .masthead-text {
    margin-top: -28px
}

@media only screen and (min-width:576px) {
    .masthead.masthead-searchbox .masthead-text {
        margin-top: -36px
    }
} */

.materials-detail .scale-position {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0
}

.materials-detail .scale-pseudo-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    padding-left: 30px;
    border-radius: 4px;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .9);
    color: transparent
}

.materials-detail .scale-label,
.materials-detail .scale-pseudo-wrap {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.materials-detail .ruler-wrap,
.materials-detail .scale-label {
    position: relative;
    float: left;
    padding: 8px 10px;
    height: 14px;
    line-height: 14px
}

.materials-detail .ruler-wrap {
    margin-left: 16px
}

.materials-detail .scale-label {
    padding-left: 0
}

.materials-detail .ruler {
    position: relative;
    border: 1px solid #252525;
    border-top-width: 0;
    height: 100%;
    text-align: center
}

.materials-detail .ruler:after {
    display: block;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .3);
    content: ""
}

.materials-detail .hatch-marks {
    display: inline-block;
    vertical-align: bottom;
    width: 1px;
    height: 6px
}

@media only screen and (min-width:992px) {
    .materials-detail .hatch-marks {
        left: 50%;
        background: #252525
    }
}

.materials-detail .hatch-marks:after,
.materials-detail .hatch-marks:before {
    position: absolute;
    bottom: 0;
    display: block;
    background: #252525;
    width: 1px;
    height: 6px;
    content: ""
}

.materials-detail .hatch-marks:before {
    left: 33.333%
}

@media only screen and (min-width:992px) {
    .materials-detail .hatch-marks:before {
        left: 25%
    }
}

.materials-detail .hatch-marks:after {
    right: 33.333%
}

@media only screen and (min-width:992px) {
    .materials-detail .hatch-marks:after {
        right: 25%
    }
}

.materials-detail {
    margin-top: 32px;
    margin-bottom: 32px
}

.materials-detail h2 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

.materials-detail ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:1600px) {
    .materials-detail .container-box {
        max-width: 1278px
    }
}

.materials-detail .row {
    display: flex;
    flex-wrap: wrap
}

.materials-detail .row:after,
.materials-detail .row:before {
    display: none
}

.materials-detail .row>div[class^=col-] {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .materials-detail .row>div[class^=col-] {
        flex-grow: 0
    }
}

.materials-detail .sticky {
    top: 114px;
    margin-top: 3px
}

.materials-detail .sticky .materials-header {
    margin-bottom: 16px
}

.materials-detail .swatch-wrap {
    position: relative
}

.materials-detail .swatch-wrap img {
    display: block;
    width: 100%
}

.materials-detail .share-wrap {
    text-align: center
}

.materials-detail .materials-header .eyebrow {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #616161
}

.materials-detail .materials-header h1 {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 0
}

.materials-detail .materials-header h1+span {
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

.materials-detail .materials-header .family-link {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 19px;
    line-height: 1.1875rem;
    color: #0d75cb;
    text-decoration: underline;
    transition: color .1s
}

.materials-detail .materials-header .family-link:hover {
    color: #0352a8
}

.materials-detail .button-cta-ghost,
.materials-detail .button-print {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 40px;
    line-height: 2.5rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.materials-detail .button-cta-ghost *,
.materials-detail .button-print * {
    box-sizing: border-box
}

.materials-detail .button-cta-ghost.button-cta-minimal-padding,
.materials-detail .button-print.button-cta-minimal-padding {
    padding: 0 16px
}

.materials-detail .button-print,
.materials-detail .clippy {
    margin: 0 8px
}

.materials-detail .button-print {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding: 8px;
    line-height: inherit;
    color: #464646
}

.materials-detail .button-print:hover {
    color: #0352a8
}

.materials-detail .button-print:focus {
    border: 1px dotted #0d75cb
}

.materials-detail .clippy {
    text-align: initial
}

.materials-detail .icon-print:before {
    color: #0352a8
}

.materials-detail .button-cta-ghost {
    background-color: transparent;
    border: 1px solid #090807;
    color: #090807;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    padding: 4px 10px;
    margin: 8px 16px 8px 0;
    vertical-align: bottom
}

.materials-detail .button-cta-ghost:link,
.materials-detail .button-cta-ghost:visited {
    background-color: transparent;
    border: 1px solid #090807;
    transition: background-color .1s, border-color .1s
}

.materials-detail .button-cta-ghost:hover {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.materials-detail .button-cta-ghost.clicked,
.materials-detail .button-cta-ghost:active {
    background-color: #000;
    border: 1px solid #000
}

.materials-detail .button-cta-ghost:focus:not(:active) {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.materials-detail .button-cta-ghost.inactive {
    color: #4c4c4c;
    background-color: #999;
    border: 1px solid #999;
    opacity: .6
}

.materials-detail .button-cta-ghost:last-child {
    margin-right: 0
}

.materials-detail .spec-list li {
    line-height: 1.5;
    margin-top: 6px
}

.materials-detail .accordion-slide.is-active>.accordion-content-wrapper {
    position: static
}

.materials-detail .spec-icon-container {
    display: inline-block;
    margin-top: 13px;
    margin-right: 10px;
    width: 18px
}

.materials-detail .spec-icon-container:last-child {
    padding-right: 0
}

.materials-detail .spec-icon-container .spec-icon-description {
    color: #fff;
    max-width: 240px;
    display: block
}

.materials-detail .spec-icon-container .popper-trigger+.tooltip[x-placement^=top] {
    margin-bottom: 16px;
    opacity: 1;
    transition: opacity .25s
}

.materials-detail .spec-icon-container .popper-trigger+.tooltip[x-placement^=top][aria-hidden=true] {
    opacity: 0
}

.materials-detail .spec-icon-container .popper-trigger+.tooltip[x-placement^=top] .tooltip-arrow {
    border-top-color: #1f2532;
    bottom: -7px
}

.materials-detail .spec-icon-container .popper-trigger+.tooltip[x-placement^=top] .tooltip-inner {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    background: #1f2532;
    padding: 4px 16px
}

.materials-detail .text-cols {
    columns: 2;
    column-fill: balance
}

.materials-detail .text-col-block {
    break-inside: avoid
}

.materials-detail .text-col-block:only-child {
    display: inline-block
}

.materials-detail .text-col-block h3 {
    margin-top: 0
}

.materials-detail .text-col-block ul {
    display: inline-block;
    margin-bottom: 16px
}

@media print {
    .materials-detail .row {
        display: block
    }

    .materials-detail .row>div[class^=col-] {
        width: 100%
    }

    .materials-detail .row>div[class^=col-]:first-child .materials-header,
    .materials-detail .row>div[class^=col-]:first-child .swatch-wrap {
        float: left;
        width: 50%
    }

    .materials-detail .row>div[class^=col-]:last-child .materials-header {
        display: none
    }

    .materials-detail .sticky {
        margin-top: 0;
        position: relative;
        top: 0
    }

    .materials-detail .scale-position,
    .materials-detail .share-wrap,
    .materials-detail [class*=button-cta-] {
        display: none
    }

    .materials-detail .accordion-bar,
    .materials-detail .accordion-content:not(.text-cols),
    .materials-detail .accordion-head {
        break-inside: avoid
    }

    .materials-detail .accordion-product-detail {
        margin-top: 24px
    }

    .materials-detail .accordion-product-detail .accordion-title-text {
        padding-left: 0
    }

    .materials-detail .accordion-product-detail .accordion-content {
        margin: 12px 0
    }

    .materials-detail .accordion-product-detail .accordion-content p,
    .materials-detail .accordion-product-detail .accordion-content ul {
        font-size: 12px;
        font-size: .75rem;
        line-height: 18px;
        line-height: 1.125rem
    }

    .materials-detail .accordion-bar,
    .materials-detail .accordion-title-link {
        background-color: #fff;
        border-bottom: 1px solid #a6a6a6;
        border-radius: 0
    }

    .materials-detail .accordion-title-text {
        font-size: 14px;
        font-size: .875rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    .materials-detail .accordion-title-link:after {
        display: none
    }

    .materials-detail .text-cols {
        columns: unset;
        column-fill: unset
    }

    .materials-detail .text-col-block {
        break-inside: avoid
    }

    .materials-detail .text-col-block h3 {
        font-size: 12px;
        font-size: .75rem;
        line-height: 18px;
        line-height: 1.125rem
    }

    .materials-detail .text-col-block ul {
        margin-bottom: 12px
    }
}

.navigation-root {
    z-index: 10;
    max-width: 100%
}

.navigation-mobile-menu {
    display: none
}

.no-js .navigation-level1>.navigation-branch,
.no-js .navigation-root.navigation-branch.navigation-level1,
.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {
    display: block
}

.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 {
    display: block;
    position: static
}

.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2>.navigation-item {
    float: none
}

.navigation-branch {
    overflow: visible;
    list-style: none;
    box-sizing: border-box
}

.navigation-branch.navigation-level1 {
    border: none;
    display: block;
    padding: 0
}

.navigation-item>.navigation-item-title {
    display: block
}

.navigation-item>span.navigation-item-title {
    cursor: default
}

.navigation-item.is-open>.navigation-branch,
.no-js .navigation-item:hover>.navigation-branch {
    display: block
}

.navigation-item.navigation-level1 {
    box-sizing: border-box
}

.navigation-branch.navigation-level2 {
    display: block;
    padding: 0
}

.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2 {
    display: block;
    position: relative;
    top: 0;
    left: 0
}

.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    overflow: hidden
}

.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child {
    border-top: none
}

.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item {
    width: 100%
}

.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 {
    min-width: 100%;
    position: absolute;
    top: 41px;
    left: -2px;
    display: block
}

.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {
    float: none
}

.navigation-horizontal .navigation-item {
    float: left;
    position: relative
}

.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {
    display: none
}

.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item.is-open>.navigation-branch.navigation-level3 {
    display: block;
    float: none
}

.navigation-horizontal .navigation-item.navigation-level2:first-child {
    border-top: none
}

.navigation-horizontal .has-children>.navigation-item-title {
    padding-right: 61px;
    background-image: none
}

.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration {
    height: 41px;
    width: 41px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 41px
}

.navigation-horizontal .has-children>.navigation-item-title .navigation-item-decoration:after {
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center
}

.navigation-horizontal .has-children.navigation-level2>.navigation-item-title {
    padding-right: 55px
}

.navigation-horizontal .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration {
    height: 31px;
    width: 31px;
    line-height: 31px
}

.navigation-horizontal .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:after {
    width: 31px;
    height: 31px
}

.navigation-horizontal .has-active-child>.navigation-item-title .navigation-item-decoration {
    background-color: #605e5e
}

.navigation-horizontal .navigation-level2.navigation-root {
    max-width: none
}

.navigation-vertical .navigation-branch.navigation-level2,
.navigation-vertical .navigation-branch.navigation-level3 {
    display: none
}

.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level2,
.navigation-vertical .navigation-item.is-open>.navigation-branch.navigation-level3 {
    display: block
}

.navigation-vertical .has-children>.navigation-item-title {
    position: relative
}

.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration {
    height: 41px;
    width: 41px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 41px
}

.navigation-vertical .has-children>.navigation-item-title .navigation-item-decoration:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 41px;
    height: 41px;
    text-align: center
}

.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration {
    height: 31px;
    width: 31px;
    line-height: 31px
}

.navigation-vertical .has-children.navigation-level2>.navigation-item-title .navigation-item-decoration:before {
    width: 31px;
    height: 31px
}

.navigation.navigation-featured-navigation,
.navigation.navigation-subnavigation {
    margin: 0;
    padding: 0
}

.navigation.navigation-featured-navigation .navigation-item,
.navigation.navigation-subnavigation .navigation-item {
    position: relative;
    padding: 0
}

.navigation.navigation-featured-navigation .navigation-item a,
.navigation.navigation-subnavigation .navigation-item a {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 3px 0;
    color: #4c4c4c
}

.navigation-with-heading {
    box-sizing: border-box;
    position: relative;
    max-height: 0;
    min-height: 46px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 1.3s
}

.navigation-with-heading * {
    box-sizing: border-box
}

@media only screen and (min-width:992px) {
    .navigation-with-heading {
        height: auto;
        border: 0;
        padding: 0 0 24px;
        max-height: none
    }

    .navigation-with-heading:after {
        display: none
    }

    .navigation-with-heading:last-child {
        padding: 0 0 48px
    }
}

.navigation-with-heading .navigation-mobile-menu {
    margin: 0;
    position: absolute;
    display: none;
    min-width: 40px;
    height: 100%;
    right: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    content: "";
    pointer-events: none
}

.navigation-with-heading .navigation-mobile-menu:after {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 8px;
    height: 8px;
    padding: 0;
    border-top: 0;
    border-bottom: 2px solid #616161;
    border-right: 2px solid #616161;
    border-left: 0;
    transform: rotate(-45deg);
    transition: transform .6s;
    content: ""
}

.navigation-with-heading .navigation-mobile-menu.is-visible {
    display: block
}

@media only screen and (min-width:992px) {
    .navigation-with-heading .navigation-mobile-menu.is-visible {
        display: none
    }
}

.navigation-with-heading.navigation-opened {
    max-height: 900px
}

.navigation-with-heading.navigation-opened .navigation-mobile-menu:after {
    transform: rotate(45deg)
}

.navigation-with-heading .navigation-root {
    margin: 0
}

.navigation-with-heading .navigation-root.navigation-level2 {
    padding-bottom: 16px
}

@media only screen and (min-width:992px) {
    .navigation-with-heading .navigation-root.navigation-level2 {
        padding-bottom: 0
    }
}

.navigation-with-heading .navigation-item .navigation-item-title {
    display: inline-block
}

.navigation-with-heading .navigation-item .navigation-item-decoration {
    display: none
}

.navigation-with-heading .navigation-item.navigation-level1>.navigation-item-title {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 46px;
    line-height: 2.875rem;
    display: block;
    cursor: pointer;
    pointer-events: all
}

@media only screen and (min-width:992px) {
    .navigation-with-heading .navigation-item.navigation-level1>.navigation-item-title {
        padding-top: 0;
        margin-bottom: 8px;
        cursor: default;
        pointer-events: none
    }
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    padding-left: 8px
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:link,
.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:visited {
    color: #252525;
    transition: color .1s
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:hover {
    color: #464646;
    text-decoration: none
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:active {
    color: #4c4c4c
}

.navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title:focus:not(:active) {
    color: #464646
}

@media only screen and (min-width:992px) {
    .navigation-with-heading .navigation-item.navigation-level2>.navigation-item-title {
        padding-left: 0
    }
}

.navigation-with-heading li.navigation-level2 {
    margin-top: 8px
}

.navigation-with-heading li.navigation-level2:first-child {
    margin-top: 0
}

#footer .navigation-with-heading {
    display: none
}

.page-home #footer .navigation-with-heading {
    display: block
}

@media only screen and (min-width:992px) {
    #footer .navigation-with-heading {
        display: block
    }
}

@media only screen and (min-width:992px) {
    #footer .navigation-with-heading .navigation-item.navigation-level1>.navigation-item-title {
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    #footer .navigation-single-external-link.navigation-with-heading {
        display: none
    }

    .aem-AuthorLayer-Edit #footer .navigation-single-external-link.navigation-with-heading {
        display: block
    }
}

#footer .navigation-single-external-link.navigation-with-heading .navigation-item.navigation-level1>.navigation-item-title {
    color: #601b15
}

.navigation.navigation-subnavigation {
    padding: 0;
    float: none
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation {
        padding: 0;
        position: relative
    }
}

.navigation.navigation-subnavigation>.component-content {
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .navigation.navigation-subnavigation>.component-content {
        float: left;
        width: 50%
    }
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation>.component-content {
        float: none;
        width: 100%;
        max-width: none;
        padding: 0
    }
}

.navigation.navigation-subnavigation .navigation-branch {
    margin: 0
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 {
    padding: 0 15px
}

@media only screen and (min-width:576px) {
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 {
        padding: 0 0 0 30px
    }
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 {
        padding: 0 16px 12px
    }
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.first {
    margin-top: 16px
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.last,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item:last-child {
    margin-bottom: 4px
}

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

    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.last,
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item:last-child {
        margin-bottom: 0
    }
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.has-active-child>a,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.is-active>a {
    position: relative
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.has-active-child>a:before,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.is-active>a:before {
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2px;
    height: calc(100% - 6px);
    background-color: #000;
    content: ""
}

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

    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.has-active-child>a:before,
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.is-active>a:before {
        left: -30px
    }
}

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

    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.has-active-child>a:before,
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-level2.is-active>a:before {
        left: -16px
    }
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:link,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:visited {
    color: #4c4c4c;
    transition: color .1s
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:hover {
    color: #464646;
    text-decoration: none
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:active {
    color: #252525
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item a:focus:not(:active) {
    color: #464646
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:active,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:focus:not(:active),
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:hover,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:link,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child>a:visited,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:active,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:focus:not(:active),
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:hover,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:link,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.is-active>a:visited {
    color: #252525
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-active-child .navigation-level3,
.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.has-children.is-active .navigation-level3 {
    display: block
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-item-overview {
    padding-top: 8px
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-item-overview {
        display: none
    }
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-item-overview+.navigation-item {
    margin-top: 0
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation .navigation-branch.navigation-level2 .navigation-item.navigation-item-overview+.navigation-item {
        margin-top: 8px
    }
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level3 {
    display: none;
    margin: 0;
    padding: 0 0 0 16px
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level3 .navigation-item.first {
    margin-top: 0
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level3 .navigation-item.has-active-child:before,
.navigation.navigation-subnavigation .navigation-branch.navigation-level3 .navigation-item.is-active:before {
    display: none
}

.navigation.navigation-subnavigation .navigation-branch.navigation-level3 .navigation-item a {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    color: #4c4c4c;
    padding: 8px 0
}

.navigation.navigation-subnavigation .navigation-item.navigation-level1>a {
    display: none
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-subnavigation .navigation-item.navigation-level1>a {
        font-weight: 700;
        letter-spacing: normal;
        font-size: 14px;
        font-size: .875rem;
        line-height: 22px;
        line-height: 1.375rem;
        line-height: 24px;
        line-height: 1.5rem;
        position: relative;
        display: block;
        padding: 12px 0 12px 16px;
        color: #252525;
        border-bottom: 1px solid #ebebeb
    }
}

.box-heading {
    display: none
}

.snippetReference.reference-investors {
    padding: 0
}

@media only screen and (max-width:1199px) {
    .snippetReference.reference-investors {
        position: absolute;
        left: 0
    }
}

.navigation.navigation-featured-navigation {
    margin: 0 auto;
    padding: 0 32px 12px 15px;
    float: none
}

@media only screen and (min-width:576px) {
    .navigation.navigation-featured-navigation {
        padding-left: 30px
    }
}

@media only screen and (min-width:768px) {
    .navigation.navigation-featured-navigation {
        position: static;
        float: right;
        width: 50%;
        padding-left: 16px
    }
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-featured-navigation {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        float: none
    }
}

.navigation.navigation-featured-navigation .navigation-branch {
    margin: 8px 0 24px
}

@media only screen and (min-width:0) {
    .navigation.navigation-featured-navigation .navigation-branch {
        margin: 0
    }
}

.navigation.navigation-featured-navigation .navigation-item:first-child {
    padding-top: 8px
}

@media only screen and (min-width:768px) {
    .navigation.navigation-featured-navigation .navigation-item:first-child {
        padding-top: 0
    }
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-featured-navigation .navigation-item:first-child {
        padding: 0
    }
}

.navigation.navigation-featured-navigation .navigation-item a {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    padding: 3px 0
}

.navigation.navigation-featured-navigation .navigation-item a:link,
.navigation.navigation-featured-navigation .navigation-item a:visited {
    color: #4c4c4c;
    transition: color .1s
}

.navigation.navigation-featured-navigation .navigation-item a:hover {
    color: #464646;
    text-decoration: none
}

.navigation.navigation-featured-navigation .navigation-item a:active {
    color: #252525
}

.navigation.navigation-featured-navigation .navigation-item a:focus:not(:active) {
    color: #464646
}

@media only screen and (min-width:1200px) {
    .navigation.navigation-featured-navigation .navigation-item a {
        font-weight: 500;
        letter-spacing: normal;
        font-size: 14px;
        font-size: .875rem;
        line-height: 22px;
        line-height: 1.375rem;
        padding: 3px 0
    }
}

/* .reference-product-instructions {
    margin: 0 auto
}

.reference-product-instructions .product-instructions-header {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .reference-product-instructions .product-instructions-header {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .product-instructions-header {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .reference-product-instructions .product-instructions-header {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .reference-product-instructions .product-instructions-header {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.reference-product-instructions .product-instructions-header h2 {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem
}

.reference-product-instructions .product-instructions-header h2 sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .product-instructions-header h2 {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .reference-product-instructions .product-instructions-header h2 {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.reference-product-instructions .product-instructions-forms {
    float: left;
    width: 100%
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .product-instructions-forms {
        display: flex;
        float: none;
        justify-content: space-between;
        overflow: hidden
    }
}

.reference-product-instructions .pi-form-wrap {
    background-color: #ebebeb
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .pi-form-wrap {
        flex-basis: 31%
    }
}

@media only screen and (max-width:991px) {
    .reference-product-instructions .pi-form-wrap {
        margin-bottom: 24px
    }
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .reference-product-instructions .pi-form-wrap {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:991px) and (min-width:992px) {
    .reference-product-instructions .pi-form-wrap {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:991px) and (min-width:1200px) {
    .reference-product-instructions .pi-form-wrap {
        margin-bottom: 48px
    }
}

@media only screen and (max-width:991px) and (min-width:1600px) {
    .reference-product-instructions .pi-form-wrap {
        margin-bottom: 64px
    }
}

.reference-product-instructions .pi-form {
    padding: 40px 20px
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .pi-form {
        height: 100%
    }
}

.reference-product-instructions .pi-form p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center;
    width: 100%
}

.reference-product-instructions .pi-form>div,
.reference-product-instructions .pi-form>form {
    margin: 0 auto;
    max-width: 320px
}

.reference-product-instructions .pi-form.pi-by-prod-name form {
    position: relative
}

.reference-product-instructions .control-label {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 30px;
    line-height: 1.875rem;
    color: #252525;
    display: inline-block;
    margin-bottom: 8px;
    min-height: 60px;
    text-align: center;
    width: 100%;
    word-break: normal
}

.reference-product-instructions input[type=text],
.reference-product-instructions select,
.reference-product-instructions textarea {
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    font-family: Meta, sans-serif;
    font-weight: 400;
    transform: translateZ(0);
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.reference-product-instructions input[type=text] *,
.reference-product-instructions select *,
.reference-product-instructions textarea * {
    box-sizing: border-box
}

.reference-product-instructions input[type=text]:focus,
.reference-product-instructions select:focus,
.reference-product-instructions textarea:focus {
    border: 1px solid #252525;
    box-shadow: none;
    color: #252525
}

.reference-product-instructions input[type=text]:invalid:not(:required),
.reference-product-instructions select:invalid:not(:required),
.reference-product-instructions textarea:invalid:not(:required) {
    border: 1px solid #601b15;
    color: #601b15;
    box-shadow: none
}

.reference-product-instructions input[type=text]:invalid:focus,
.reference-product-instructions select:invalid:focus,
.reference-product-instructions textarea:invalid:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.reference-product-instructions input[type=text]::-moz-focus-inner,
.reference-product-instructions select::-moz-focus-inner,
.reference-product-instructions textarea::-moz-focus-inner {
    border: 0;
    padding: 0
}

.reference-product-instructions input[type=text]:-webkit-autofill,
.reference-product-instructions input[type=text]:-webkit-autofill:focus,
.reference-product-instructions select:-webkit-autofill,
.reference-product-instructions select:-webkit-autofill:focus,
.reference-product-instructions textarea:-webkit-autofill,
.reference-product-instructions textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.reference-product-instructions input[type=text],
.reference-product-instructions select {
    height: 48px;
    margin-bottom: 0;
    padding: 0 8px
}

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

    .reference-product-instructions input[type=text],
    .reference-product-instructions select {
        padding: 0 16px
    }
}

.reference-product-instructions textarea {
    height: 88px;
    padding: 8px
}

@media only screen and (min-width:768px) {
    .reference-product-instructions textarea {
        padding: 16px
    }
}

.reference-product-instructions .textField .controls {
    padding-bottom: 32px;
    position: relative
}

.reference-product-instructions input[type=text].pi-input-required {
    border: 1px solid #601b15
}

.reference-product-instructions .selectField:not(.selectField-hidden) {
    margin: 0 0 16px;
    opacity: 0;
    pointer-events: none;
    position: relative
}

.reference-product-instructions .selectField:not(.selectField-hidden) .controls:after {
    content: "\E932";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    pointer-events: none;
    position: absolute;
    right: 16px;
    bottom: 12px
}

.reference-product-instructions .selectField:not(.selectField-hidden).selectField-show {
    opacity: 1;
    pointer-events: all
}

.reference-product-instructions .selectField:not(.selectField-hidden).selectField-inactive {
    opacity: 1
}

.reference-product-instructions .selectField:not(.selectField-hidden).selectField-inactive .controls:after,
.reference-product-instructions .selectField:not(.selectField-hidden).selectField-inactive select {
    color: #ccc
}

.reference-product-instructions .selectField-hidden {
    display: none
}

.reference-product-instructions select {
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    -moz-appearance: none
}

.reference-product-instructions select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #252525
}

.reference-product-instructions select::-ms-expand {
    display: none
}

.reference-product-instructions select:focus::-ms-value {
    background-color: #fff;
    color: #252525
}

.reference-product-instructions select option:disabled {
    background-color: transparent
}

.reference-product-instructions button,
.reference-product-instructions input[type=button],
.reference-product-instructions input[type=submit] {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #252525;
    border: 4px solid #252525;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
    line-height: 2.5rem;
    display: block;
    font-family: Meta, sans-serif;
    margin: 0 auto 16px;
    padding: 0 16px
}

.reference-product-instructions button *,
.reference-product-instructions input[type=button] *,
.reference-product-instructions input[type=submit] * {
    box-sizing: border-box
}

.reference-product-instructions button.button-cta-minimal-padding,
.reference-product-instructions input[type=button].button-cta-minimal-padding,
.reference-product-instructions input[type=submit].button-cta-minimal-padding {
    padding: 0 16px
}

.reference-product-instructions button:link,
.reference-product-instructions button:visited,
.reference-product-instructions input[type=button]:link,
.reference-product-instructions input[type=button]:visited,
.reference-product-instructions input[type=submit]:link,
.reference-product-instructions input[type=submit]:visited {
    background-color: #252525;
    border: 4px solid #252525;
    transition: background-color .1s, border-color .1s
}

.reference-product-instructions button:hover,
.reference-product-instructions input[type=button]:hover,
.reference-product-instructions input[type=submit]:hover {
    background-color: #464646;
    border: 4px solid #464646
}

.reference-product-instructions button.clicked,
.reference-product-instructions button:active,
.reference-product-instructions input[type=button].clicked,
.reference-product-instructions input[type=button]:active,
.reference-product-instructions input[type=submit].clicked,
.reference-product-instructions input[type=submit]:active {
    background-color: #4c4c4c;
    border: 4px solid #4c4c4c
}

.reference-product-instructions button:focus:not(:active),
.reference-product-instructions input[type=button]:focus:not(:active),
.reference-product-instructions input[type=submit]:focus:not(:active) {
    background-color: #464646;
    border: 4px solid #252525
}

.reference-product-instructions button.inactive,
.reference-product-instructions input[type=button].inactive,
.reference-product-instructions input[type=submit].inactive {
    background-color: #252525;
    border: 4px solid #252525;
    opacity: .6
}

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

    .reference-product-instructions button,
    .reference-product-instructions input[type=button],
    .reference-product-instructions input[type=submit] {
        max-width: 266px
    }
}

.reference-product-instructions .product-instructions-results-wrap {
    float: left;
    min-height: 200px;
    position: relative;
    width: 100%
}

.reference-product-instructions .product-instructions-results {
    padding-top: 24px;
    padding-bottom: 24px;
    float: left;
    opacity: 1;
    transition: opacity .1s;
    width: 100%
}

@media only screen and (min-width:768px) {
    .reference-product-instructions .product-instructions-results {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .product-instructions-results {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .reference-product-instructions .product-instructions-results {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .reference-product-instructions .product-instructions-results {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.reference-product-instructions .product-instructions-results h3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 32px;
    text-align: center;
    width: 100%
}

.reference-product-instructions .product-instructions-results h3 sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .reference-product-instructions .product-instructions-results h3 {
        line-height: 32px;
        line-height: 2rem
    }
}

.reference-product-instructions .product-instructions-results.pi-results-hidden {
    opacity: 0
}

.reference-product-instructions .product-instructions-results .productDataItem {
    float: left;
    min-height: 64px;
    width: 100%
}

.reference-product-instructions .product-instructions-results .productDataItem:nth-of-type(odd) {
    background-color: #fafafa
}

.reference-product-instructions .product-instructions-results .productDataWrapper {
    display: table;
    height: 64px;
    padding-top: 8px;
    padding-bottom: 8px
}

.reference-product-instructions .product-instructions-results .productDataName {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: table-cell;
    height: auto;
    text-align: left;
    vertical-align: middle
}

.reference-product-instructions .product-instructions-results .productDataName a {
    display: inline-block;
    position: relative
}

.reference-product-instructions .product-instructions-results .productDataName a:link,
.reference-product-instructions .product-instructions-results .productDataName a:visited {
    color: #252525;
    transition: color .1s
}

.reference-product-instructions .product-instructions-results .productDataName a:hover {
    color: #464646;
    text-decoration: none
}

.reference-product-instructions .product-instructions-results .productDataName a:active {
    color: #4c4c4c
}

.reference-product-instructions .product-instructions-results .productDataName a:focus:not(:active) {
    color: #464646
}

.reference-product-instructions .product-instructions-results .productDataName a:before {
    content: "\EA1A";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 28px;
    font-size: 1.75rem;
    color: #252525;
    display: none
}

@media only screen and (min-width:576px) {
    .reference-product-instructions .product-instructions-results .productDataName a:before {
        display: inline-block;
        margin-right: 16px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.reference-product-instructions .product-instructions-results .productDataName a:hover:before {
    color: #464646
}

.reference-product-instructions .product-instructions-results .productDataName a:active:before {
    color: #4c4c4c
}

.reference-product-instructions .product-instructions-results .productDataName a:focus:not(:active):before {
    color: #464646
}

@media only screen and (min-width:576px) {
    .reference-product-instructions .product-instructions-results .productDataName a {
        padding-left: 40px
    }
}

.reference-product-instructions .product-instructions-results .productDataQrUrl {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    cursor: pointer;
    display: table-cell;
    padding-left: 8px;
    text-align: right;
    vertical-align: middle;
    width: 64px
} */

/* .product-instructions-spinner {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.product-instructions-spinner:after {
    animation: rotate360 .8s linear infinite;
    background-image: url(../image/loader.svg);
    content: "";
    display: inline-block;
    margin: 0;
    position: absolute
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .product-instructions-spinner:after {
        animation: rotate360 .8s linear infinite
    }
} */

/* .product-instructions-results-wrap .product-instructions-spinner {
    padding-top: 24px;
    padding-bottom: 24px;
    display: none;
    height: 64px;
    width: 64px
}

@media only screen and (min-width:768px) {
    .product-instructions-results-wrap .product-instructions-spinner {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .product-instructions-results-wrap .product-instructions-spinner {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .product-instructions-results-wrap .product-instructions-spinner {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .product-instructions-results-wrap .product-instructions-spinner {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.product-instructions-results-wrap .product-instructions-spinner:after {
    background-size: 64px 64px;
    height: 64px;
    width: 64px
} */

/* .pi-by-prod-name .product-instructions-spinner {
    height: 48px;
    width: 48px
}

.pi-by-prod-name .product-instructions-spinner:after {
    background-size: 48px 48px;
    height: 48px;
    width: 48px
} */

/* .pi-required-error {
    color: #601b15;
    position: absolute;
    top: 52px
} */

/* .product-instructions-errors {
    clear: both;
    text-align: center;
    width: 100%
}

.product-instructions-errors p {
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:768px) {
    .product-instructions-errors p {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .product-instructions-errors p {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .product-instructions-errors p {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .product-instructions-errors p {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.product-instructions-errors p.pi-load-error {
    color: #601b15
} */

/* .product-instructions-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.product-instructions-overlay.pi-overlay-hidden {
    display: none
}

.product-instructions-overlay .pi-overlay-close {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 40px;
    height: 40px;
    z-index: 10000
}

.product-instructions-overlay .pi-overlay-close:after {
    content: "\E9A0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 40px;
    color: #fff
}

@media only screen and (min-width:576px) {
    .product-instructions-overlay .pi-overlay-close {
        top: 40px;
        right: 40px
    }
}

.product-instructions-overlay canvas {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    z-index: 10000
}

.product-instructions-overlay .pi-overlay-bg {
    background-color: #000;
    opacity: .7;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
} */

/* .productGrid.productGrid-add-padding-top {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .productGrid.productGrid-add-padding-top {
        padding-top: 32px
    }
}

@media only screen and (min-width:992px) {
    .productGrid.productGrid-add-padding-top {
        padding-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .productGrid.productGrid-add-padding-top {
        padding-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .productGrid.productGrid-add-padding-top {
        padding-top: 64px
    }
}

.productGrid.productGrid-add-padding-bottom {
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .productGrid.productGrid-add-padding-bottom {
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .productGrid.productGrid-add-padding-bottom {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .productGrid.productGrid-add-padding-bottom {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .productGrid.productGrid-add-padding-bottom {
        padding-bottom: 64px
    }
} */

/* .product-list.grid {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .product-list.grid {
        padding-top: 32px
    }
}

@media only screen and (min-width:992px) {
    .product-list.grid {
        padding-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .product-list.grid {
        padding-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .product-list.grid {
        padding-top: 64px
    }
}

.product-list .grid-slides {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.product-list .grid-slide {
    padding: 0 16px;
    box-sizing: border-box;
    width: 50%;
    list-style: none;
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .product-list .grid-slide {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .product-list .grid-slide {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .product-list .grid-slide {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .product-list .grid-slide {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .product-list .grid-slide {
        width: 33.33%
    }
}

@media only screen and (min-width:1200px) {
    .product-list .grid-slide {
        width: 25%
    }
} 

@media only screen and (min-width:768px) {
    .productGrid-tablet-3-columns .product-list .grid-slide {
        width: 33.33%
    }
}

@media only screen and (min-width:1200px) {
    .productGrid-tablet-3-columns .product-list .grid-slide {
        width: 25%
    }
}

.product-list .product-grid-element>a {
    display: block;
    position: relative
}

.product-list .product-grid-element>a img {
    display: block
}

.product-list .product-grid-element>a img.second {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.product-list .product-grid-element:hover img {
    transform: none
}

.product-list .product-grid-element:hover img.second {
    visibility: visible
}

.product-list .product-grid-element:hover .product-name {
    color: #464646
}

.product-list .product-grid-element:active .product-name {
    color: #4c4c4c
}

.product-list .product-list-title {
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (min-width:1200px) {
    .product-list .product-list-title {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.product-list .product-name {
    display: block;
    margin-top: 8px;
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem
}

.product-list .designer {
    color: #616161;
    display: block;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}*/

/* .quickLinks {
    float: none;
    clear: left;
    z-index: 1
}

.quickLinks.pdiQuickLinks-masthead,
.quickLinks.quickLinks-masthead {
    top: -16px
}

.quickLinks .quick-links {
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto
}

@media only screen and (min-width:576px) {
    .quickLinks .quick-links {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .quickLinks .quick-links {
        max-width: 748px
    }
}

@media only screen and (min-width:992px) {
    .quickLinks .quick-links {
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .quickLinks .quick-links {
        max-width: 1150px
    }
}

@media only screen and (min-width:0) {
    .quickLinks .quick-links {
        max-width: 1150px
    }
}

@media only screen and (min-width:1600px) {
    .quickLinks .quick-links {
        max-width: 1570px
    }
}

@media only screen and (min-width:768px) {
    .quickLinks .quick-links {
        padding-left: 15px;
        padding-right: 15px
    }
}

.quickLinks ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(37, 37, 37, .1)
}

@media only screen and (min-width:576px) {
    .quickLinks ul {
        display: inline-block;
        columns: 2;
        column-gap: 56px
    }
}

@media only screen and (min-width:768px) {
    .quickLinks ul {
        display: flex;
        flex-direction: row;
        text-align: center;
        columns: unset
    }
}

.quickLinks li {
    align-items: center;
    list-style-type: none;
    flex-basis: 50%;
    flex-grow: 1
}

.quickLinks li:first-child:last-child {
    text-align: center
}

@media only screen and (min-width:768px) {
    .quickLinks li {
        flex-basis: 25%
    }
}

@media only screen and (min-width:1200px) {
    .quickLinks li {
        flex-basis: 20%
    }
}

@media only screen and (min-width:1600px) {
    .quickLinks li {
        flex-basis: 15%
    }
}

.quickLinks li a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 12px 16px
}

.quickLinks li a:link,
.quickLinks li a:visited {
    color: #252525;
    transition: color .1s
}

.quickLinks li a:hover {
    color: #464646;
    text-decoration: none
}

.quickLinks li a:active {
    color: #4c4c4c
}

.quickLinks li a:focus:not(:active) {
    color: #464646
}

@media only screen and (min-width:768px) {
    .quickLinks li a {
        padding-left: 8px;
        padding-right: 8px
    }
}

.quickLinks li a:focus {
    outline: 1px dotted #0352a8
}

.quickLinks li a img {
    height: 16px;
    margin-right: 8px
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .quickLinks li a img {
        width: 16px
    }
}

.quickLinks li a span {
    font-size: 14px;
    font-size: .875rem;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.36
}

.quickLinks.dark-blue-theme ul {
    background: #1f2532
}

.quickLinks.dark-blue-theme li a,
.quickLinks.dark-blue-theme li a:focus:not(:active) {
    color: #fff
}

.quickLinks.dark-blue-theme li a:hover {
    color: #d0dcde
}

.quickLinks.dark-blue-theme li a:focus {
    outline: 1px dotted #e7edee
} */

.richText {
    overflow-wrap: break-word
}

.richText .component-content {
    overflow: hidden
}

.richText a {
    text-decoration: underline
}

.richText ol,
.richText ul {
    padding: 10px 0
}

.richText ul li {
    margin-left: 30px;
    margin-bottom: 10px;
    position: relative;
    list-style: none;
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:1200px) {
    .richText ul li {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 16px;
        font-size: 1rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.richText ul li:before {
    content: "\2022";
    margin-right: 10px;
    margin-left: -20px
}

.richText ul li:last-child {
    margin-bottom: 0
}

.richText ul li li:before {
    content: "-";
    margin-right: 15px
}

.richText ul li ul {
    margin-left: -30px
}

@media only screen and (min-width:576px) {
    .richText ul li ul {
        margin-left: 0
    }
}

.richText ol li {
    list-style: decimal
}

.richText.richText-cleared-margins h1,
.richText.richText-cleared-margins h2,
.richText.richText-cleared-margins h3,
.richText.richText-cleared-margins h4,
.richText.richText-cleared-margins h5,
.richText.richText-cleared-margins h6,
.richText.richText-cleared-margins p {
    margin: 0
}

.richText.richText-remove-padding-top {
    padding-top: 0
}

.richText.richText-remove-padding-bottom {
    padding-bottom: 0
}

.richText.richText-add-padding-top-1 {
    padding-top: 48px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-top-1 {
        padding-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-top-1 {
        padding-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-top-1 {
        padding-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-top-1 {
        padding-top: 128px
    }
}

.richText.richText-add-padding-top-2 {
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 32px
    }
}
/*
@media only screen and (min-width:992px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-top-2 {
        padding-top: 64px
    }
}
*/

.richText.richText-add-padding-top-3 {
    padding-top: 12px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-top-3 {
        padding-top: 16px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-top-3 {
        padding-top: 20px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-top-3 {
        padding-top: 24px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-top-3 {
        padding-top: 32px
    }
}

.richText.richText-add-padding-top-4 {
    padding-top: 6px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-top-4 {
        padding-top: 8px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-top-4 {
        padding-top: 10px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-top-4 {
        padding-top: 12px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-top-4 {
        padding-top: 16px
    }
}

.richText.richText-add-padding-bottom-1 {
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-bottom-1 {
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-bottom-1 {
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-bottom-1 {
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-bottom-1 {
        padding-bottom: 128px
    }
}

.richText.richText-add-padding-bottom-2 {
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 32px
    }
}
/*
@media only screen and (min-width:992px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-bottom-2 {
        padding-bottom: 64px
    }
}*/

.richText.richText-add-padding-bottom-3 {
    padding-bottom: 12px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-bottom-3 {
        padding-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-bottom-3 {
        padding-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-bottom-3 {
        padding-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-bottom-3 {
        padding-bottom: 32px
    }
}

.richText.richText-add-padding-bottom-4 {
    padding-bottom: 6px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-padding-bottom-4 {
        padding-bottom: 8px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-padding-bottom-4 {
        padding-bottom: 10px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-padding-bottom-4 {
        padding-bottom: 12px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-padding-bottom-4 {
        padding-bottom: 16px
    }
}

.richText.richText-add-margin-top-1 {
    margin-top: 48px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-top-1 {
        margin-top: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-top-1 {
        margin-top: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-top-1 {
        margin-top: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-top-1 {
        margin-top: 128px
    }
}

.richText.richText-add-margin-top-2 {
    margin-top: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-top-2 {
        margin-top: 32px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-top-2 {
        margin-top: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-top-2 {
        margin-top: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-top-2 {
        margin-top: 64px
    }
}

.richText.richText-add-margin-top-3 {
    margin-top: 12px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-top-3 {
        margin-top: 16px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-top-3 {
        margin-top: 20px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-top-3 {
        margin-top: 24px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-top-3 {
        margin-top: 32px
    }
}

.richText.richText-add-margin-top-4 {
    margin-top: 6px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-top-4 {
        margin-top: 8px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-top-4 {
        margin-top: 10px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-top-4 {
        margin-top: 12px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-top-4 {
        margin-top: 16px
    }
}

.richText.richText-add-margin-bottom-1 {
    margin-bottom: 48px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-bottom-1 {
        margin-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-bottom-1 {
        margin-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-bottom-1 {
        margin-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-bottom-1 {
        margin-bottom: 128px
    }
}

.richText.richText-add-margin-bottom-2 {
    margin-bottom: 24px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-bottom-2 {
        margin-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-bottom-2 {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-bottom-2 {
        margin-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-bottom-2 {
        margin-bottom: 64px
    }
}

.richText.richText-add-margin-bottom-3 {
    margin-bottom: 12px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-bottom-3 {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-bottom-3 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-bottom-3 {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-bottom-3 {
        margin-bottom: 32px
    }
}

.richText.richText-add-margin-bottom-4 {
    margin-bottom: 6px
}

@media only screen and (min-width:768px) {
    .richText.richText-add-margin-bottom-4 {
        margin-bottom: 8px
    }
}

@media only screen and (min-width:992px) {
    .richText.richText-add-margin-bottom-4 {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-add-margin-bottom-4 {
        margin-bottom: 12px
    }
}

@media only screen and (min-width:1600px) {
    .richText.richText-add-margin-bottom-4 {
        margin-bottom: 16px
    }
}

[id=content] .richText a:not([class]):link,
[id=content] .richText a:not([class]):visited {
    color: #0073ce;
    transition: color .1s
}

[id=content] .richText a:not([class]):hover {
    color: #0069bc;
    text-decoration: underline
}

[id=content] .richText a:not([class]):active {
    color: #005ea9
}

[id=content] .richText a:not([class]):focus:not(:active) {
    color: #0069bc
}

.richText>.component-content .richText-content span.text-white {
    color: #fff
}

.richText>.component-content .richText-content span.text-red-1,
.richText>.component-content .richText-content span.text-red-2 {
    color: #e22d00
}

.richText>.component-content .richText-content span.text-red-3 {
    color: #601b15
}

.richText>.component-content .richText-content span.text-gray-5 {
    color: #fafafa
}

.richText>.component-content .richText-content span.text-gray-10,
.richText>.component-content .richText-content span.text-gray-20 {
    color: #ebebeb
}

.richText>.component-content .richText-content span.text-gray-40 {
    color: #999
}

.richText>.component-content .richText-content span.text-gray-60 {
    color: #616161
}

.richText>.component-content .richText-content span.text-gray-70 {
    color: #4c4c4c
}

.richText>.component-content .richText-content span.text-gray-80 {
    color: #464646
}

.richText>.component-content .richText-content span.text-gray-90 {
    color: #252525
}

.richText>.component-content .richText-content span.text-black {
    color: #000
}

.richText>.component-content .richText-content span.text-headline-1 {
    font-family: FF Meta Headline W05, sans-serif;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 1.2px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 42px;
    line-height: 2.625rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-headline-1 {
        margin-bottom: 16px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 63px;
        line-height: 3.9375rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-headline-1 {
        letter-spacing: 2px;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 94px;
        line-height: 5.875rem
    }
}

.richText>.component-content .richText-content span.text-headline-1 sup {
    font-size: 25%;
    top: -2.4em
}

.richText>.component-content .richText-content span.text-headline-2 {
    font-family: FF Meta Headline W05, sans-serif;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: 1.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 34px;
    line-height: 2.125rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-headline-2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 42px;
        line-height: 2.625rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-headline-2 {
        margin-bottom: 16px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 63px;
        line-height: 3.9375rem
    }
}

.richText>.component-content .richText-content span.text-headline-2 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-headline-3 {
    font-family: FF Meta Headline W05, sans-serif;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: .8px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 1.625rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-headline-3 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 34px;
        line-height: 2.125rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-headline-3 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 42px;
        line-height: 2.625rem
    }
}

.richText>.component-content .richText-content span.text-headline-3 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-display-1 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.5px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 52px;
    line-height: 3.25rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-1 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-display-1 {
        font-weight: 700;
        letter-spacing: -2px;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 100px;
        line-height: 6.25rem
    }
}

.richText>.component-content .richText-content span.text-display-1 sup {
    font-size: 25%;
    top: -2.4em
}

.richText>.component-content .richText-content span.text-display-2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-2 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-display-2 {
        margin-bottom: 16px;
        font-weight: 700;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

.richText>.component-content .richText-content span.text-display-2 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-display-3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-3 {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-display-3 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.richText>.component-content .richText-content span.text-display-3 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-display-4 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 24px;
    /* font-size: 1.5rem; */
    font-size: 2.0rem;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-4 {
        line-height: 32px;
        line-height: 2rem
    }
}

.richText>.component-content .richText-content span.text-display-4 sup {
    font-size: 45%;
    top: -1em
}

.richText>.component-content .richText-content span.text-display-5 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-5 {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.richText>.component-content .richText-content span.text-display-5 sup {
    font-size: 45%;
    top: -1em
}

.richText>.component-content .richText-content span.text-display-6 {
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-display-6 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.richText>.component-content .richText-content span.text-display-6 sup {
    font-size: 60%;
    top: -.5em
}

.richText>.component-content .richText-content span.text-all-caps {
    text-transform: uppercase
}

.richText>.component-content .richText-content span.text-featured-1 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 52px;
    line-height: 3.25rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-1 {
        margin-bottom: 16px;
        font-weight: 500;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-featured-1 {
        font-weight: 500;
        letter-spacing: -2px;
        font-size: 90px;
        font-size: 5.625rem;
        line-height: 100px;
        line-height: 6.25rem
    }
}

.richText>.component-content .richText-content span.text-featured-1 sup {
    font-size: 25%;
    top: -2.4em
}

.richText>.component-content .richText-content span.text-featured-2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 40px;
    line-height: 2.5rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-2 {
        font-weight: 500;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-featured-2 {
        margin-bottom: 16px;
        font-weight: 500;
        letter-spacing: -1px;
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 72px;
        line-height: 4.5rem
    }
}

.richText>.component-content .richText-content span.text-featured-2 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-featured-3 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-3 {
        font-weight: 500;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-featured-3 {
        font-weight: 500;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.richText>.component-content .richText-content span.text-featured-3 sup {
    font-size: 35%;
    top: -1.6em
}

.richText>.component-content .richText-content span.text-featured-4 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-4 {
        line-height: 32px;
        line-height: 2rem
    }
}

.richText>.component-content .richText-content span.text-featured-4 sup {
    font-size: 45%;
    top: -1em
}

.richText>.component-content .richText-content span.text-featured-5 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-5 {
        line-height: 28px;
        line-height: 1.75rem
    }
}

.richText>.component-content .richText-content span.text-featured-5 sup {
    font-size: 45%;
    top: -1em
}

.richText>.component-content .richText-content span.text-featured-6 {
    margin-bottom: 8px;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-featured-6 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.richText>.component-content .richText-content span.text-featured-6 sup {
    font-size: 60%;
    top: -.5em
}

.richText>.component-content .richText-content span.text-body-1 {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem
}

.richText>.component-content .richText-content span.text-body-1 sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-body-1 {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText>.component-content .richText-content span.text-body-1 {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.richText>.component-content .richText-content span.text-body-2 {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem
}

.richText>.component-content .richText-content span.text-eyebrow-1 {
    opacity: .6;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:992px) {
    .richText>.component-content .richText-content span.text-eyebrow-1 {
        line-height: 24px;
        line-height: 1.5rem
    }
}

.richText>.component-content .richText-content span.text-micro-1 {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

.richText>.component-content .richText-content span.text-micro-2 {
    font-weight: 400;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.richText>.component-content .richText-content span.text-micro-bold-1 {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem
}

.richText>.component-content .richText-content span.text-nano-medium-1 {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.richText>.component-content .richText-content span.text-pricing {
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    color: #4c4c4c
}

.richText>.component-content .richText-content span.text-pricing sup {
    font-size: 10px
}

.richText>.component-content .richText-content span.text-pricing .text-white+.icon-tooltip,
.richText>.component-content .richText-content span.text-pricing .text-white+.icon-tooltip:hover {
    color: #fff
}

.richText>.component-content .richText-content .icon-tooltip {
    display: inline-block;
    position: relative;
    top: -4px;
    height: 22px;
    width: 22px;
    margin-left: 2px;
    font-size: 0;
    text-decoration: none;
    color: #0d75cb;
    cursor: pointer;
    transition: color .1s
}

.richText>.component-content .richText-content .icon-tooltip:before {
    content: "\EA94";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    font-weight: 700;
    font-size: 16px
}

.richText>.component-content .richText-content .icon-tooltip:focus,
.richText>.component-content .richText-content .icon-tooltip:hover {
    color: #0352a8
}

.richText>.component-content .richText-content .icon-tooltip:focus .tooltip,
.richText>.component-content .richText-content .icon-tooltip:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.richText>.component-content .richText-content .icon-tooltip:focus {
    outline: 1px dotted #0352a8
}

@media only screen and (min-width:1200px) {
    .richText>.component-content .richText-content a.link-phone {
        pointer-events: none
    }
}

.richText>.component-content .richText-content a.button-cta-play,
.richText>.component-content .richText-content a.button-cta-play-white,
.richText>.component-content .richText-content a.link-cta-arrow,
.richText>.component-content .richText-content a.link-cta-arrow-red,
.richText>.component-content .richText-content a.link-cta-arrow-white {
    box-sizing: border-box;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    display: inline-block;
    line-height: inherit;
    max-width: 100%;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.richText>.component-content .richText-content a.button-cta-play *,
.richText>.component-content .richText-content a.button-cta-play-white *,
.richText>.component-content .richText-content a.link-cta-arrow *,
.richText>.component-content .richText-content a.link-cta-arrow-red *,
.richText>.component-content .richText-content a.link-cta-arrow-white * {
    box-sizing: border-box
}

.richText>.component-content .richText-content a.button-cta-play-white:after,
.richText>.component-content .richText-content a.button-cta-play:after,
.richText>.component-content .richText-content a.link-cta-arrow-red:after,
.richText>.component-content .richText-content a.link-cta-arrow-white:after,
.richText>.component-content .richText-content a.link-cta-arrow:after {
    font-size: inherit;
    line-height: inherit;
    padding-left: 7px;
    position: absolute;
    right: 0;
    vertical-align: top;
    width: 23px
}

.richText>.component-content .richText-content a.link-cta-arrow-red:after,
.richText>.component-content .richText-content a.link-cta-arrow-white:after,
.richText>.component-content .richText-content a.link-cta-arrow:after {
    content: "\EC0E";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    line-height: inherit
}

.richText>.component-content .richText-content a.button-cta-play-white:after,
.richText>.component-content .richText-content a.button-cta-play:after {
    content: "\EB50";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    line-height: inherit
}

.richText>.component-content .richText-content a.button-cta-play:link,
.richText>.component-content .richText-content a.button-cta-play:visited,
.richText>.component-content .richText-content a.link-cta-arrow:link,
.richText>.component-content .richText-content a.link-cta-arrow:visited {
    color: #252525;
    transition: color .1s
}

.richText>.component-content .richText-content a.button-cta-play:hover,
.richText>.component-content .richText-content a.link-cta-arrow:hover {
    color: #464646;
    text-decoration: none
}

.richText>.component-content .richText-content a.button-cta-play:active,
.richText>.component-content .richText-content a.link-cta-arrow:active {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.button-cta-play:focus:not(:active),
.richText>.component-content .richText-content a.link-cta-arrow:focus:not(:active) {
    color: #464646
}

.richText>.component-content .richText-content a.button-cta-play-white:link,
.richText>.component-content .richText-content a.button-cta-play-white:visited,
.richText>.component-content .richText-content a.link-cta-arrow-white:link,
.richText>.component-content .richText-content a.link-cta-arrow-white:visited {
    color: #fff;
    transition: color .1s
}

.richText>.component-content .richText-content a.button-cta-play-white:hover,
.richText>.component-content .richText-content a.link-cta-arrow-white:hover {
    color: #ebebeb;
    text-decoration: none
}

.richText>.component-content .richText-content a.button-cta-play-white:active,
.richText>.component-content .richText-content a.link-cta-arrow-white:active {
    color: #ccc
}

.richText>.component-content .richText-content a.button-cta-play-white:focus:not(:active),
.richText>.component-content .richText-content a.link-cta-arrow-white:focus:not(:active) {
    color: #ebebeb
}

.richText>.component-content .richText-content a.link-cta-arrow-red:link,
.richText>.component-content .richText-content a.link-cta-arrow-red:visited {
    color: #e22d00;
    transition: color .1s
}

.richText>.component-content .richText-content a.link-cta-arrow-red:hover {
    color: #a81910;
    text-decoration: none
}

.richText>.component-content .richText-content a.link-cta-arrow-red:active {
    color: #601b15
}

.richText>.component-content .richText-content a.link-cta-arrow-red:focus:not(:active) {
    color: #a81910
}

.richText>.component-content .richText-content a.button-cta-dark,
.richText>.component-content .richText-content a.button-cta-dark-blue,
.richText>.component-content .richText-content a.button-cta-ghost,
.richText>.component-content .richText-content a.button-cta-light,
.richText>.component-content .richText-content a.button-cta-red,
.richText>.component-content .richText-content a.button-cta-white {
    box-sizing: border-box;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    background-color: transparent;
    border-color: transparent;
    display: inline-block;
    margin: 8px 0;
    min-width: auto;
    min-height: auto;
    max-width: 266px;
    padding: 0 32px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    margin: 8px 24px 0 0
}

.richText>.component-content .richText-content a.button-cta-dark *,
.richText>.component-content .richText-content a.button-cta-dark-blue *,
.richText>.component-content .richText-content a.button-cta-ghost *,
.richText>.component-content .richText-content a.button-cta-light *,
.richText>.component-content .richText-content a.button-cta-red *,
.richText>.component-content .richText-content a.button-cta-white * {
    box-sizing: border-box
}

.richText>.component-content .richText-content a.button-cta-dark-blue.button-cta-minimal-padding,
.richText>.component-content .richText-content a.button-cta-dark.button-cta-minimal-padding,
.richText>.component-content .richText-content a.button-cta-ghost.button-cta-minimal-padding,
.richText>.component-content .richText-content a.button-cta-light.button-cta-minimal-padding,
.richText>.component-content .richText-content a.button-cta-red.button-cta-minimal-padding,
.richText>.component-content .richText-content a.button-cta-white.button-cta-minimal-padding {
    padding: 0 16px
}

.richText>.component-content .richText-content a.button-cta-dark-blue.button-cta-wide,
.richText>.component-content .richText-content a.button-cta-dark.button-cta-wide,
.richText>.component-content .richText-content a.button-cta-ghost.button-cta-wide,
.richText>.component-content .richText-content a.button-cta-light.button-cta-wide,
.richText>.component-content .richText-content a.button-cta-red.button-cta-wide,
.richText>.component-content .richText-content a.button-cta-white.button-cta-wide {
    padding: 0 16px;
    width: 266px
}

.richText>.component-content .richText-content a.button-cta-dark+[class*=link-cta-arrow],
.richText>.component-content .richText-content a.button-cta-dark-blue+[class*=link-cta-arrow],
.richText>.component-content .richText-content a.button-cta-ghost+[class*=link-cta-arrow],
.richText>.component-content .richText-content a.button-cta-light+[class*=link-cta-arrow],
.richText>.component-content .richText-content a.button-cta-red+[class*=link-cta-arrow],
.richText>.component-content .richText-content a.button-cta-white+[class*=link-cta-arrow] {
    line-height: 24px;
    line-height: 1.5rem;
    padding-top: 12px;
    vertical-align: top
}

.richText>.component-content .richText-content a.button-cta-dark-blue {
    background-color: #090807;
    border: 4px solid #090807;
    color: #fff
}

.richText>.component-content .richText-content a.button-cta-dark-blue:link,
.richText>.component-content .richText-content a.button-cta-dark-blue:visited {
    background-color: #252525;
    border: 4px solid #252525;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-dark-blue:hover {
    background-color: #2e4168;
    border: 4px solid #2e4168
}

.richText>.component-content .richText-content a.button-cta-dark-blue.clicked,
.richText>.component-content .richText-content a.button-cta-dark-blue:active {
    background-color: #28628e;
    border: 4px solid #28628e
}

.richText>.component-content .richText-content a.button-cta-dark-blue:focus:not(:active) {
    background-color: #2e4168;
    border: 4px solid #090807
}

.richText>.component-content .richText-content a.button-cta-dark-blue.inactive {
    background-color: #d0dcde;
    border: 4px solid #d0dcde;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-ghost {
    background-color: transparent;
    border: 1px solid #090807;
    color: #090807
}

.richText>.component-content .richText-content a.button-cta-ghost:link,
.richText>.component-content .richText-content a.button-cta-ghost:visited {
    background-color: transparent;
    border: 1px solid #090807;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-ghost:hover {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.richText>.component-content .richText-content a.button-cta-ghost.clicked,
.richText>.component-content .richText-content a.button-cta-ghost:active {
    background-color: #000;
    border: 1px solid #000
}

.richText>.component-content .richText-content a.button-cta-ghost:focus:not(:active) {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.richText>.component-content .richText-content a.button-cta-ghost.inactive {
    color: #4c4c4c;
    background-color: #999;
    border: 1px solid #999;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-white {
    background-color: #fff;
    border: 4px solid #fff;
    color: #252525
}

.richText>.component-content .richText-content a.button-cta-white:link,
.richText>.component-content .richText-content a.button-cta-white:visited {
    background-color: #fff;
    border: 4px solid #fff;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-white:hover {
    background-color: #ebebeb;
    border: 4px solid #ebebeb
}

.richText>.component-content .richText-content a.button-cta-white.clicked,
.richText>.component-content .richText-content a.button-cta-white:active {
    background-color: #ccc;
    border: 4px solid #ccc
}

.richText>.component-content .richText-content a.button-cta-white:focus:not(:active) {
    background-color: #ebebeb;
    border: 4px solid #fff
}

.richText>.component-content .richText-content a.button-cta-white.inactive {
    background-color: #fff;
    border: 4px solid #fff;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-red {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    color: #fff
}

.richText>.component-content .richText-content a.button-cta-red:link,
.richText>.component-content .richText-content a.button-cta-red:visited {
    background-color: #e22d00;
    border: 4px solid #e22d00;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-red:focus:not(:active) {
    background-color: #a81910;
    border: 4px solid #e22d00
}

.richText>.component-content .richText-content a.button-cta-red:hover {
    background-color: #a81910;
    border: 4px solid #a81910
}

.richText>.component-content .richText-content a.button-cta-red.clicked,
.richText>.component-content .richText-content a.button-cta-red:active {
    background-color: #601b15;
    border: 4px solid #601b15
}

.richText>.component-content .richText-content a.button-cta-red.inactive {
    background-color: #601b15;
    border: 4px solid #601b15;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-dark {
    background-color: #252525;
    border: 4px solid #252525;
    color: #fff
}

.richText>.component-content .richText-content a.button-cta-dark:link,
.richText>.component-content .richText-content a.button-cta-dark:visited {
    background-color: #252525;
    border: 4px solid #252525;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-dark:hover {
    background-color: #464646;
    border: 4px solid #464646
}

.richText>.component-content .richText-content a.button-cta-dark.clicked,
.richText>.component-content .richText-content a.button-cta-dark:active {
    background-color: #4c4c4c;
    border: 4px solid #4c4c4c
}

.richText>.component-content .richText-content a.button-cta-dark:focus:not(:active) {
    background-color: #464646;
    border: 4px solid #252525
}

.richText>.component-content .richText-content a.button-cta-dark.inactive {
    background-color: #252525;
    border: 4px solid #252525;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-light {
    background-color: #ebebeb;
    border: 4px solid #ebebeb;
    color: #252525
}

.richText>.component-content .richText-content a.button-cta-light:link,
.richText>.component-content .richText-content a.button-cta-light:visited {
    background-color: #ebebeb;
    border: 4px solid #ebebeb;
    transition: background-color .1s, border-color .1s
}

.richText>.component-content .richText-content a.button-cta-light:hover {
    background-color: #ccc;
    border: 4px solid #ccc
}

.richText>.component-content .richText-content a.button-cta-light.clicked,
.richText>.component-content .richText-content a.button-cta-light:active {
    background-color: #b3b3b3;
    border: 4px solid #b3b3b3
}

.richText>.component-content .richText-content a.button-cta-light:focus:not(:active) {
    background-color: #ccc;
    border: 4px solid #ebebeb
}

.richText>.component-content .richText-content a.button-cta-light.inactive {
    background-color: #ebebeb;
    border: 4px solid #ebebeb;
    opacity: .6
}

.richText>.component-content .richText-content a.button-cta-play-no-left-padding {
    padding-left: 0
}

.richText>.component-content .richText-content a.text-red-1:link,
.richText>.component-content .richText-content a.text-red-1:visited,
.richText>.component-content .richText-content a.text-red-3:link,
.richText>.component-content .richText-content a.text-red-3:visited {
    color: #e22d00;
    transition: color .1s
}

.richText>.component-content .richText-content a.text-red-1:hover,
.richText>.component-content .richText-content a.text-red-3:hover {
    color: #a81910;
    text-decoration: underline
}

.richText>.component-content .richText-content a.text-red-1:active,
.richText>.component-content .richText-content a.text-red-3:active {
    color: #601b15
}

.richText>.component-content .richText-content a.text-red-1:focus:not(:active),
.richText>.component-content .richText-content a.text-red-3:focus:not(:active) {
    color: #a81910
}

.richText>.component-content .richText-content a.text-gray-40:link,
.richText>.component-content .richText-content a.text-gray-40:visited,
.richText>.component-content .richText-content a.text-gray-60:link,
.richText>.component-content .richText-content a.text-gray-60:visited {
    color: #616161;
    transition: color .1s
}

.richText>.component-content .richText-content a.text-gray-40:hover,
.richText>.component-content .richText-content a.text-gray-60:hover {
    color: #4c4c4c;
    text-decoration: underline
}

.richText>.component-content .richText-content a.text-gray-40:active,
.richText>.component-content .richText-content a.text-gray-60:active {
    color: #464646
}

.richText>.component-content .richText-content a.text-gray-40:focus:not(:active),
.richText>.component-content .richText-content a.text-gray-60:focus:not(:active) {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.text-gray-90:link,
.richText>.component-content .richText-content a.text-gray-90:visited {
    color: #252525;
    transition: color .1s
}

.richText>.component-content .richText-content a.text-gray-90:hover {
    color: #464646;
    text-decoration: underline
}

.richText>.component-content .richText-content a.text-gray-90:active {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.text-gray-90:focus:not(:active) {
    color: #464646
}

.richText>.component-content .richText-content a.text-white:link,
.richText>.component-content .richText-content a.text-white:visited {
    color: #fff;
    transition: color .1s
}

.richText>.component-content .richText-content a.text-white:hover {
    color: #ebebeb;
    text-decoration: underline
}

.richText>.component-content .richText-content a.text-white:active {
    color: #ccc
}

.richText>.component-content .richText-content a.text-white:focus:not(:active) {
    color: #ebebeb
}

.richText>.component-content .richText-content a.button-cta-play-arrow:after {
    content: "\EB4E";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    font-size: 24px;
    margin-top: -1px;
    padding-left: 8px;
    vertical-align: middle
}

.richText>.component-content .richText-content a.no-underline,
.richText>.component-content .richText-content a.no-underline:hover {
    text-decoration: none
}

.richText>.component-content .richText-content a.open-in-new:link,
.richText>.component-content .richText-content a.open-in-new:visited {
    color: #616161;
    transition: color .1s
}

.richText>.component-content .richText-content a.open-in-new:hover {
    color: #4c4c4c;
    text-decoration: underline
}

.richText>.component-content .richText-content a.open-in-new:active {
    color: #464646
}

.richText>.component-content .richText-content a.open-in-new:focus:not(:active) {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.open-in-new:before {
    content: "\EAB0";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    vertical-align: middle;
    padding-right: 8px;
    font-size: 24px
}

.richText>.component-content .richText-content a.pdf-download {
    display: inline-block;
    padding-left: 40px;
    position: relative
}

.richText>.component-content .richText-content a.pdf-download:link,
.richText>.component-content .richText-content a.pdf-download:visited {
    color: #616161;
    transition: color .1s
}

.richText>.component-content .richText-content a.pdf-download:hover {
    color: #4c4c4c;
    text-decoration: underline
}

.richText>.component-content .richText-content a.pdf-download:active {
    color: #464646
}

.richText>.component-content .richText-content a.pdf-download:focus:not(:active) {
    color: #4c4c4c
}

.richText>.component-content .richText-content a.pdf-download:before {
    content: "\EA1A";
    display: inline-block;
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 24px
}

.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-dark,
.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-dark-blue,
.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-ghost,
.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-light,
.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-red,
.richText>.component-content .richText-content h6[style*="text-align: center"] .button-cta-white,
.richText>.component-content .richText-content h6[style*="text-align: center"] [class*=button-cta-play],
.richText>.component-content .richText-content h6[style*="text-align: center"] [class*=link-cta-arrow],
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-dark,
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-dark-blue,
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-ghost,
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-light,
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-red,
.richText>.component-content .richText-content p[style*="text-align: center"] .button-cta-white,
.richText>.component-content .richText-content p[style*="text-align: center"] [class*=button-cta-play],
.richText>.component-content .richText-content p[style*="text-align: center"] [class*=link-cta-arrow] {
    margin: 8px 12px 0
}

.richText>.component-content .richText-content h6[style*="text-align: center"] [class*=button-cta-play],
.richText>.component-content .richText-content h6[style*="text-align: center"] [class*=link-cta-arrow],
.richText>.component-content .richText-content p[style*="text-align: center"] [class*=button-cta-play],
.richText>.component-content .richText-content p[style*="text-align: center"] [class*=link-cta-arrow] {
    max-width: calc(100% - 24px)
}

@media only screen and (max-width:767px) {

    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-dark,
    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-dark-blue,
    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-ghost,
    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-light,
    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-red,
    .richText-centered-mobile .richText>.component-content .richText-content .button-cta-white,
    .richText-centered-mobile .richText>.component-content .richText-content [class*=button-cta-play],
    .richText-centered-mobile .richText>.component-content .richText-content [class*=link-cta-arrow] {
        margin: 8px 12px 0
    }

    .richText-centered-mobile .richText>.component-content .richText-content [class*=button-cta-play],
    .richText-centered-mobile .richText>.component-content .richText-content [class*=link-cta-arrow] {
        max-width: calc(100% - 24px)
    }
}

.richText-copyright.richText {
    margin-bottom: 16px;
    margin-top: 16px
}

@media only screen and (min-width:768px) {
    .richText-copyright.richText {
        margin-bottom: 8px;
        margin-top: 0
    }
}

@media only screen and (min-width:992px) {
    .richText-copyright.richText {
        margin-bottom: 12px
    }
}

.richText-copyright.richText p {
    color: #4c4c4c;
    line-height: 1
}

.richText-hero-text {
    padding-top: 48px;
    padding-bottom: 48px;
    color: #252525;
    overflow: visible
}

@media only screen and (min-width:768px) {
    .richText-hero-text {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText-hero-text {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText-hero-text {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText-hero-text {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.richText-hero-text p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem
}

.richText-hero-text p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText-hero-text p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText-hero-text p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.richText-hero-text hr {
    display: none
}

.richText-hero-divider h2:after,
.richText-hero-divider h3:after {
    content: "";
    display: block;
    margin: 0 auto 32px;
    position: relative;
    transform: translateY(32px);
    width: 94px;
    height: 2px;
    background: #ccc
}

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

    .richText-hero-divider h2:after,
    .richText-hero-divider h3:after {
        width: 120px
    }
}

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

    .richText-hero-divider h2:after,
    .richText-hero-divider h3:after {
        margin: 0 auto 40px;
        transform: translateY(40px);
        width: 160px
    }
}

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

    .richText-hero-divider h2:after,
    .richText-hero-divider h3:after {
        margin: 0 auto 72px;
        transform: translateY(72px);
        width: 232px
    }
}

.richText .component-content {
    overflow: visible
}

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

.richText-horizontal-unordered-list ul li {
    display: block;
    margin: 0 10px;
    padding: 0
}

@media only screen and (min-width:768px) {
    .richText-horizontal-unordered-list ul li {
        display: inline-block
    }
}

.richText-horizontal-unordered-list ul li a,
.richText-horizontal-unordered-list ul li a:hover {
    text-decoration: none !important
}

.richText-horizontal-unordered-list ul li:before {
    display: none
}

.richText-utility-navigation p {
    line-height: 24px;
    line-height: 1.5rem
}

.richText-utility-navigation.richText-horizontal-unordered-list a,
.richText-utility-navigation.richText-horizontal-unordered-list li {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem
}

.richText-utility-navigation.richText-horizontal-unordered-list a:link,
.richText-utility-navigation.richText-horizontal-unordered-list a:visited,
.richText-utility-navigation.richText-horizontal-unordered-list li:link,
.richText-utility-navigation.richText-horizontal-unordered-list li:visited {
    color: #4c4c4c;
    transition: color .1s
}

.richText-utility-navigation.richText-horizontal-unordered-list a:hover,
.richText-utility-navigation.richText-horizontal-unordered-list li:hover {
    color: #464646;
    text-decoration: none
}

.richText-utility-navigation.richText-horizontal-unordered-list a:active,
.richText-utility-navigation.richText-horizontal-unordered-list li:active {
    color: #252525
}

.richText-utility-navigation.richText-horizontal-unordered-list a:focus:not(:active),
.richText-utility-navigation.richText-horizontal-unordered-list li:focus:not(:active) {
    color: #464646
}

.richText-article-header .component-content {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px
}

@media only screen and (min-width:768px) {
    .richText-article-header .component-content {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media only screen and (min-width:992px) {
    .richText-article-header .component-content {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width:1200px) {
    .richText-article-header .component-content {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media only screen and (min-width:1600px) {
    .richText-article-header .component-content {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.richText-article.richText-remove-padding-top>.component-content {
    padding-top: 0
}

.richText-article.richText-remove-padding-bottom>.component-content {
    padding-bottom: 0
}

.richText-article>.component-content {
    padding-top: 48px;
    padding-bottom: 48px
}

@media only screen and (min-width:768px) {
    .richText-article>.component-content {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media only screen and (min-width:992px) {
    .richText-article>.component-content {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (min-width:1200px) {
    .richText-article>.component-content {
        padding-top: 96px;
        padding-bottom: 96px
    }
}

@media only screen and (min-width:1600px) {
    .richText-article>.component-content {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

.richText-article p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 32px
}

.richText-article p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText-article p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText-article p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:576px) {
    .richText-article p {
        margin-bottom: 36px
    }
}

@media only screen and (min-width:992px) {
    .richText-article p {
        margin-bottom: 40px
    }
}

.richText-article.richText ul li:before {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    color: #999;
    content: "\2022";
    display: table-cell;
    line-height: inherit;
    padding: 0 16px 0 0
}

.richText-article.richText ul li:before sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText-article.richText ul li:before {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText-article.richText ul li:before {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.richText-article.richText ol li {
    counter-increment: a;
    list-style: none
}

.richText-article.richText ol li:before {
    content: counter(a) ".";
    display: table-cell;
    padding: 0 8px 0 0
}

.richText-article.richText ol,
.richText-article.richText ul {
    display: table;
    padding: 0 0 0 8px;
    margin: 0 0 32px
}

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

    .richText-article.richText ol,
    .richText-article.richText ul {
        margin: 0 0 36px
    }
}

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

    .richText-article.richText ol,
    .richText-article.richText ul {
        margin: 0 0 40px
    }
}

.richText-article.richText ol li,
.richText-article.richText ul li {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    display: table-row;
    list-style-position: inside
}

.richText-article.richText ol li sup,
.richText-article.richText ul li sup {
    font-size: 45%;
    top: -1em
}

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

    .richText-article.richText ol li,
    .richText-article.richText ul li {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

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

    .richText-article.richText ol li,
    .richText-article.richText ul li {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.richText-article.richText ol li:after,
.richText-article.richText ul li:after {
    content: "";
    display: block;
    height: 16px
}

.richText-article.richText ol li:last-child:after,
.richText-article.richText ul li:last-child:after {
    height: 0
}

.richText-article blockquote {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    border-left: 2px solid #ccc;
    margin: 0 0 40px;
    padding: 0 0 0 40px
}

.richText-article blockquote sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText-article blockquote {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText-article blockquote {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

@media only screen and (min-width:576px) {
    .richText-article blockquote {
        margin: 36px 0 72px;
        padding: 0 0 0 72px
    }
}

@media only screen and (min-width:992px) {
    .richText-article blockquote {
        margin: 40px 0 80px;
        padding: 0 0 0 80px
    }
}

.richText-article .richText-content :last-child {
    margin-bottom: 0
}

.imageText .richText-article .component-content {
    padding-top: 0;
    padding-bottom: 0
}

.richText-mobile-dividers {
    text-align: center;
    padding: 0 15px 32px
}

@media only screen and (min-width:768px) {
    .richText-mobile-dividers {
        padding: 0 15px 64px
    }
}

@media only screen and (min-width:1200px) {
    .richText-mobile-dividers {
        text-align: inherit
    }
}

.richText-mobile-dividers:after,
.richText-mobile-dividers:before {
    background: #ccc;
    content: "";
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 2px
}

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

    .richText-mobile-dividers:after,
    .richText-mobile-dividers:before {
        display: none
    }
}

.richText-mobile-dividers .component-content {
    padding: 32px 0
}

@media only screen and (min-width:1200px) {
    .richText-mobile-dividers .component-content {
        padding: 0
    }
}

.richText-long-form-featured,
.richText-long-form-text {
    margin-bottom: 26px
}

.richText-long-form-featured h1,
.richText-long-form-featured h2,
.richText-long-form-text h1,
.richText-long-form-text h2 {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    line-height: 2.25rem
}

.richText-long-form-featured h1 sup,
.richText-long-form-featured h2 sup,
.richText-long-form-text h1 sup,
.richText-long-form-text h2 sup {
    font-size: 35%;
    top: -1.6em
}

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

    .richText-long-form-featured h1,
    .richText-long-form-featured h2,
    .richText-long-form-text h1,
    .richText-long-form-text h2 {
        font-weight: 700;
        letter-spacing: -.2px;
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

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

    .richText-long-form-featured h1,
    .richText-long-form-featured h2,
    .richText-long-form-text h1,
    .richText-long-form-text h2 {
        font-weight: 700;
        letter-spacing: -.5px;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem
    }
}

.richText-long-form-featured h1.header-override,
.richText-long-form-featured h2.header-override,
.richText-long-form-featured h3.header-override,
.richText-long-form-featured h4.header-override,
.richText-long-form-featured h5.header-override,
.richText-long-form-featured h6.header-override,
.richText-long-form-text h1.header-override,
.richText-long-form-text h2.header-override,
.richText-long-form-text h3.header-override,
.richText-long-form-text h4.header-override,
.richText-long-form-text h5.header-override,
.richText-long-form-text h6.header-override {
    line-height: 1;
    margin-bottom: 0
}

.richText-long-form-featured h1.header-override span,
.richText-long-form-featured h2.header-override span,
.richText-long-form-featured h3.header-override span,
.richText-long-form-featured h4.header-override span,
.richText-long-form-featured h5.header-override span,
.richText-long-form-featured h6.header-override span,
.richText-long-form-text h1.header-override span,
.richText-long-form-text h2.header-override span,
.richText-long-form-text h3.header-override span,
.richText-long-form-text h4.header-override span,
.richText-long-form-text h5.header-override span,
.richText-long-form-text h6.header-override span {
    display: block
}

.richText-long-form-featured.richText>.component-content .richText-content h1:last-child span:last-child,
.richText-long-form-featured.richText>.component-content .richText-content h2:last-child span:last-child,
.richText-long-form-featured.richText>.component-content .richText-content h3:last-child span:last-child,
.richText-long-form-featured.richText>.component-content .richText-content h4:last-child span:last-child,
.richText-long-form-featured.richText>.component-content .richText-content h5:last-child span:last-child,
.richText-long-form-featured.richText>.component-content .richText-content h6:last-child span:last-child,
.richText-long-form-featured h1:last-child,
.richText-long-form-featured h2:last-child,
.richText-long-form-featured h3:last-child,
.richText-long-form-featured h4:last-child,
.richText-long-form-featured h5:last-child,
.richText-long-form-featured h6:last-child,
.richText-long-form-text.richText>.component-content .richText-content h1:last-child span:last-child,
.richText-long-form-text.richText>.component-content .richText-content h2:last-child span:last-child,
.richText-long-form-text.richText>.component-content .richText-content h3:last-child span:last-child,
.richText-long-form-text.richText>.component-content .richText-content h4:last-child span:last-child,
.richText-long-form-text.richText>.component-content .richText-content h5:last-child span:last-child,
.richText-long-form-text.richText>.component-content .richText-content h6:last-child span:last-child,
.richText-long-form-text h1:last-child,
.richText-long-form-text h2:last-child,
.richText-long-form-text h3:last-child,
.richText-long-form-text h4:last-child,
.richText-long-form-text h5:last-child,
.richText-long-form-text h6:last-child {
    margin-bottom: 0
}

.richText-long-form-featured p {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 26px
}

.richText-long-form-featured p sup {
    font-size: 45%;
    top: -1em
}

@media only screen and (min-width:992px) {
    .richText-long-form-featured p {
        font-weight: 400;
        letter-spacing: -.2px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 36px;
        line-height: 2.25rem
    }
}

@media only screen and (min-width:1600px) {
    .richText-long-form-featured p {
        font-weight: 400;
        letter-spacing: -.5px;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 40px;
        line-height: 2.5rem
    }
}

.richText-long-form-featured p:last-child {
    margin-bottom: 0
}

.richText-long-form-text ol,
.richText-long-form-text p,
.richText-long-form-text ul {
    margin: 0 0 26px;
    padding: 0
}

.richText-long-form-text ol:last-child,
.richText-long-form-text p:last-child,
.richText-long-form-text ul:last-child {
    margin: 0
}

.richText-long-form-text ul li:before {
    color: #999;
    content: "\2022";
    display: table-cell;
    line-height: inherit;
    min-width: 16px;
    padding: 26px 4px 0 0
}

.richText-long-form-text ol li {
    counter-increment: a;
    list-style: none
}

.richText-long-form-text ol li:before {
    content: counter(a) ".";
    display: table-cell;
    min-width: 16px;
    padding: 26px 4px 0 0
}

.richText-long-form-text ol,
.richText-long-form-text ul {
    display: table
}

.richText-long-form-text ol li,
.richText-long-form-text ul li {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    display: table-row;
    list-style-position: inside
}

.richText-long-form-text .richText-content>ol,
.richText-long-form-text .richText-content>ul {
    padding-left: 16px
}

.richText-long-form-text .richText-content>ol>li:first-child:before,
.richText-long-form-text .richText-content>ul>li:first-child:before {
    padding: 0 4px 0 0
}

.richText-long-form-custom-ol ol {
    box-sizing: border-box;
    counter-reset: a;
    margin: 0;
    padding: 0 0 0 16px;
    width: 100%
}

.richText-long-form-custom-ol ol * {
    box-sizing: border-box
}

.richText-long-form-custom-ol ol li {
    font-weight: 400;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
    counter-increment: a;
    list-style: none
}

.richText-long-form-custom-ol ol li span[class^=list-style-] {
    display: table;
    margin: 0 0 26px
}

.richText-long-form-custom-ol ol li span[class^=list-style-]:before {
    display: table-cell;
    min-width: 16px;
    padding: 0 4px 0 0
}

.richText-long-form-custom-ol ol li span.list-style-decimal:before {
    content: counter(a, decimal) "."
}

.richText-long-form-custom-ol ol li span.list-style-lower-alpha:before {
    content: "(" counter(a, lower-alpha) ")"
}

.richText-long-form-custom-ol ol li span.list-style-upper-alpha:before {
    content: counter(a, upper-alpha) "."
}

.richText-long-form-custom-ol ol li span.list-style-lower-roman:before {
    content: "(" counter(a, lower-roman) ")"
}

.richText-long-form-custom-ol ol li span.list-style-upper-roman:before {
    content: counter(a, upper-roman) "."
}

[id*=metadatacontainer] .richText {
    box-sizing: border-box;
    padding: 16px
}

[id*=metadatacontainer] .richText * {
    box-sizing: border-box
}

[id*=metadatacontainer] .richText .richText-content {
    background-color: #e22d00;
    color: #fff;
    padding: 16px;
    border-radius: 5px
}

.richText.richText-featured-navigation-heading {
    margin: 6px auto 0;
    padding: 0;
    float: none
}

@media only screen and (min-width:1200px) {
    .richText.richText-featured-navigation-heading {
        margin-bottom: 8px
    }
}

.richText.richText-featured-navigation-heading>.component-content {
    padding-right: 44px;
    padding-left: 15px
}

@media only screen and (min-width:576px) {
    .richText.richText-featured-navigation-heading>.component-content {
        padding-left: 30px
    }
}

@media only screen and (min-width:768px) {
    .richText.richText-featured-navigation-heading>.component-content {
        padding-left: 16px
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-featured-navigation-heading>.component-content {
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) {
    .richText.richText-featured-navigation-heading {
        width: 50%;
        position: static;
        float: right;
        padding-top: 8px;
        margin-top: 0
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-featured-navigation-heading {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        margin-top: 0;
        padding-top: 0;
        float: none
    }
}

.richText.richText-featured-navigation-heading .richText-content {
    position: relative
}

.richText.richText-featured-navigation-heading .richText-content:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ebebeb;
    content: ""
}

@media only screen and (min-width:768px) {
    .richText.richText-featured-navigation-heading .richText-content:before {
        display: none
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-featured-navigation-heading .richText-content:before {
        display: block
    }
}

.richText.richText-featured-navigation-heading p {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    display: inline-block;
    padding-right: 16px;
    margin: 0;
    color: #000;
    background-color: #fff;
    z-index: 10
}

@media only screen and (min-width:768px) {
    .richText.richText-featured-navigation-heading p {
        padding: 10px 16px 10px 0;
        line-height: 1
    }
}

@media only screen and (min-width:1200px) {
    .richText.richText-featured-navigation-heading p {
        padding: 0 16px 0 0;
        line-height: 1.5
    }
}

.richText-footer-navigation {
    box-sizing: border-box;
    display: none;
    position: relative;
    max-height: 0;
    min-height: 46px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 1.3s
}

.richText-footer-navigation * {
    box-sizing: border-box
}

@media only screen and (min-width:992px) {
    .richText-footer-navigation {
        display: block;
        height: auto;
        border: 0;
        padding: 0 0 24px;
        max-height: none
    }

    .richText-footer-navigation:after {
        display: none
    }

    .richText-footer-navigation:last-child {
        padding: 0 0 48px
    }
}

.display-homepage-footer .richText-footer-navigation {
    display: block
}

@media only screen and (min-width:992px) {
    .richText-footer-navigation.hide-on-desktop {
        display: none
    }

    .aem-AuthorLayer-Edit .richText-footer-navigation.hide-on-desktop,
    .cq-wcm-edit .richText-footer-navigation.hide-on-desktop {
        display: block
    }
}

.richText-footer-navigation.has-children.navigation-opened {
    max-height: 900px
}

.richText-footer-navigation.has-children.navigation-opened h2:after,
.richText-footer-navigation.has-children.navigation-opened h3:after,
.richText-footer-navigation.has-children.navigation-opened h4:after,
.richText-footer-navigation.has-children.navigation-opened h5:after,
.richText-footer-navigation.has-children.navigation-opened h6:after,
.richText-footer-navigation.has-children.navigation-opened p:after {
    transform: rotate(45deg)
}

.richText-footer-navigation.has-children h2,
.richText-footer-navigation.has-children h3,
.richText-footer-navigation.has-children h4,
.richText-footer-navigation.has-children h5,
.richText-footer-navigation.has-children h6,
.richText-footer-navigation.has-children p {
    cursor: pointer
}

.richText-footer-navigation.has-children h2:after,
.richText-footer-navigation.has-children h3:after,
.richText-footer-navigation.has-children h4:after,
.richText-footer-navigation.has-children h5:after,
.richText-footer-navigation.has-children h6:after,
.richText-footer-navigation.has-children p:after {
    display: block
}

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

    .richText-footer-navigation.has-children h2,
    .richText-footer-navigation.has-children h3,
    .richText-footer-navigation.has-children h4,
    .richText-footer-navigation.has-children h5,
    .richText-footer-navigation.has-children h6,
    .richText-footer-navigation.has-children p {
        cursor: default
    }

    .richText-footer-navigation.has-children h2:after,
    .richText-footer-navigation.has-children h3:after,
    .richText-footer-navigation.has-children h4:after,
    .richText-footer-navigation.has-children h5:after,
    .richText-footer-navigation.has-children h6:after,
    .richText-footer-navigation.has-children p:after {
        display: none
    }
}

.richText-footer-navigation a {
    text-decoration: none
}

.richText-footer-navigation h2,
.richText-footer-navigation h3,
.richText-footer-navigation h4,
.richText-footer-navigation h5,
.richText-footer-navigation h6,
.richText-footer-navigation p {
    font-weight: 700;
    letter-spacing: -.2px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    line-height: 46px;
    line-height: 2.875rem;
    display: block
}

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

    .richText-footer-navigation h2,
    .richText-footer-navigation h3,
    .richText-footer-navigation h4,
    .richText-footer-navigation h5,
    .richText-footer-navigation h6,
    .richText-footer-navigation p {
        line-height: 24px;
        line-height: 1.5rem;
        padding-top: 0;
        margin-bottom: 8px
    }
}

.richText-footer-navigation h2:after,
.richText-footer-navigation h3:after,
.richText-footer-navigation h4:after,
.richText-footer-navigation h5:after,
.richText-footer-navigation h6:after,
.richText-footer-navigation p:after {
    position: absolute;
    display: none;
    top: 20px;
    right: 5px;
    width: 8px;
    height: 8px;
    padding: 0;
    border-top: 0;
    border-bottom: 2px solid #616161;
    border-right: 2px solid #616161;
    border-left: 0;
    transform: rotate(-45deg);
    transition: transform .6s;
    content: ""
}

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

    .richText-footer-navigation h2:after,
    .richText-footer-navigation h3:after,
    .richText-footer-navigation h4:after,
    .richText-footer-navigation h5:after,
    .richText-footer-navigation h6:after,
    .richText-footer-navigation p:after {
        display: none
    }
}

.richText-footer-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 0 16px
}

@media only screen and (min-width:992px) {
    .richText-footer-navigation ul {
        padding: 0
    }
}

.richText-footer-navigation ul li {
    line-height: 22px;
    line-height: 1.375rem;
    margin: 8px 0 0
}

.richText-footer-navigation ul li:before {
    display: none
}

.richText-footer-navigation ul li a {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 14px;
    font-size: .875rem;
    line-height: 22px;
    line-height: 1.375rem;
    display: inline-block;
    padding-left: 8px
}

.richText-footer-navigation ul li a:link,
.richText-footer-navigation ul li a:visited {
    color: #4c4c4c;
    transition: color .1s
}

.richText-footer-navigation ul li a:hover {
    color: #464646;
    text-decoration: none
}

.richText-footer-navigation ul li a:active {
    color: #252525
}

.richText-footer-navigation ul li a:focus:not(:active) {
    color: #464646
}

@media only screen and (min-width:992px) {
    .richText-footer-navigation ul li a {
        padding-left: 0
    }
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost {
    background-color: transparent;
    border: 1px solid #090807;
    color: #090807;
    font-weight: 700;
    letter-spacing: normal;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    line-height: 32px;
    line-height: 2rem;
    height: 32px;
    width: auto;
    padding: 0 56px
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost:link,
.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost:visited {
    background-color: transparent;
    border: 1px solid #090807;
    transition: background-color .1s, border-color .1s
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost:hover {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost.clicked,
.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost:active {
    background-color: #000;
    border: 1px solid #000
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost:focus:not(:active) {
    color: #fff;
    background-color: #464646;
    border: 1px solid #464646
}

.richText-footer-navigation.richText>.component-content .richText-content a.button-cta-ghost.inactive {
    color: #4c4c4c;
    background-color: #999;
    border: 1px solid #999;
    opacity: .6
}

.richText-add-side-padding-1 .richText-content {
    padding-left: 15px;
    padding-right: 15px
}

.richText-add-side-padding-2 .richText-content {
    padding-left: 30px;
    padding-right: 30px
}

.cjk-block-override {
    word-break: break-all
}

.cjk-block-override:after,
.cjk-block-override:before {
    content: "";
    display: table
}

.cjk-block-override:after {
    clear: both
}

.cjk-block-override div {
    float: left
}

.richText.text-white {
    color: #fff
}

.richText.text-red-1,
.richText.text-red-2 {
    color: #e22d00
}

.richText.text-red-3 {
    color: #601b15
}

.richText.text-gray-5 {
    color: #fafafa
}

.richText.text-gray-10,
.richText.text-gray-20 {
    color: #ebebeb
}

.richText.text-gray-40 {
    color: #999
}

.richText.text-gray-60 {
    color: #616161
}

.richText.text-gray-70 {
    color: #4c4c4c
}

.richText.text-gray-80 {
    color: #464646
}

.richText.text-gray-90 {
    color: #252525
}

.richText.text-black {
    color: #000
}