.slick-list,
body.compensate-for-scrollbar {
    overflow: hidden
}

summary {
    display: list-item
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.chosen-rtl .chosen-choices li,
[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}




a {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    color: #c8322b
}

.text-white a {
    color: #fff
}


/* 2023change */
form.EPiServerForms .Form__Element .Form__Element__Caption,
label {
    color: #2d2d2e;
    font-size: 1rem;
    font-weight: 600;
    /* display: block; */
    letter-spacing: normal;
    margin: 0 0 .25rem;
    min-width: 0;
    text-transform: none
}

form.EPiServerForms .Form__Element .Form__Element__Caption input[type=checkbox],
form.EPiServerForms .Form__Element .Form__Element__Caption input[type=radio],
label input[type=checkbox],
label input[type=radio] {
    margin-right: .35em
}

.spec-sheet-pdf-project form.EPiServerForms .Form__Element .Form__Element__Caption,
.spec-sheet-pdf-project label,
.text-white form.EPiServerForms .Form__Element .Form__Element__Caption,
.text-white label {
    color: #fff
}

.required>label:after,
label.required:after {
    color: #c8322b;
    content: ' *';
    font-size: 1.5em;
    line-height: 0;
    vertical-align: middle
}

/* 2023change */
input:not([type]),
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
input[type=number],
/* input[type=search], */
select,
textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .16);
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2d2d2e;
    display: block;
    font-size: 1em;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: inherit;
    line-height: 1.25;
    /* max-width: 30em; */
    padding: .75em 1em;
    width: 100%
}

form.EPiServerForms button.Form__Element,
form.EPiServerForms input.Form__Element {
    margin-bottom: 0;
    margin-top: 0
}

.EPiServerForms .Form__Status .Form__Status__Message.hide {
    display: none
}

.FormChoice--Image {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.FormChoice--Image .Form__Element__Caption {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.FormChoice--Image__Item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: .5rem;
    max-width: 15em;
    position: relative;
    text-align: center
}

.FormChoice--Image__Item:focus img,
.FormChoice--Image__Item:hover img {
    -webkit-box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18);
    box-shadow: inset 0 0 0 .125rem rgba(45, 45, 46, .18)
}

.FormChoice--Image__Item__Caption {
    margin-bottom: .5rem
}

.FormChoice--Image__Item img {
    background-color: #fff;
    display: block;
    padding: .375rem;
    margin-bottom: .5rem
}

.FormChoice--Image__Item input:checked~img {
    -webkit-box-shadow: inset 0 0 0 .125rem #2d2d2e;
    box-shadow: inset 0 0 0 .125rem #2d2d2e
}

.dropdown-menu,
.ui-datepicker {
    -webkit-box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08)
}

.FormChoice--Image__Item input:checked~.FormChoice--Image__Item__Caption:after {
    background-color: #fff;
    top: .125rem;
    color: #2d2d2e;
    content: '\2713';
    font-size: .75rem;
    height: 1.125rem;
    line-height: 1.125rem;
    position: absolute;
    right: .125rem;
    text-align: center;
    width: 1.125rem
}

.EPiServerForms .FormRange>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5em;
    max-width: 30em
}

.EPiServerForms .FormRange .FormRange__Input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.EPiServerForms .FormRange .FormRange__Max,
.EPiServerForms .FormRange .FormRange__Min {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.reverse-lookup-form {
    margin-bottom: 5vmin
}

.reverse-lookup-form input {
    max-width: none
}

.reverse-lookup-form .browse-fabric {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 1em
}

.filter-manufacturer {
    margin-bottom: 1em
}

.filter-manufacturer:after {
    clear: both;
    content: "";
    display: table
}

.filter-manufacturer select {
    margin-bottom: 1em;
    max-width: 14em
}

@media screen and (min-width:56em) {
    .reverse-lookup-form .btn {
        margin-top: 1.6em
    }

    .filter-manufacturer h4 {
        float: left;
        padding-top: .25em
    }

    .filter-manufacturer .btn-secondary {
        float: right;
        margin-left: 3vmin
    }

    .filter-manufacturer select {
        float: right;
        margin-bottom: 0;
        margin-left: 3vmin
    }
}



/* .dataTables_filter input[type=search] {
    max-width: none
} */

.form>:first-child {
    margin-top: 0
}

.form>:last-child {
    margin-bottom: 0
}

.form .error,
.form .field-error-description {
    color: #c8322b;
    margin: .5rem 0 0
}

.form>div:first-child:empty+script+* {
    margin-top: 0
}

.form .pd-captcha.hidden {
    display: block !important
}

.ui-datepicker {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 .375em 1.5em rgba(0, 0, 0, .03), 0 .625em 3em rgba(0, 0, 0, .08);
    display: none;
    padding: 1em
}

.ui-datepicker-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: none
}

.ui-datepicker-month,
.ui-datepicker-year {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.ui-datepicker-month {
    margin-right: .5rem
}

.ui-datepicker-calendar {
    text-align: center
}

.ui-datepicker-calendar th {
    font-size: .875rem;
    height: 2.5rem;
    padding: 0;
    text-align: center;
    width: 2.5rem
}

.ui-datepicker-calendar td {
    padding: 0
}

/* button按钮change */
.btn,
.btn-secondary,
button,
button[type=reset],
input[type=button],
input[type=reset] {
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    /* overflow: hidden; */
    padding: .625em 1.75em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer
}

.ui-datepicker-calendar a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    width: 2.5rem
}

.ui-datepicker-calendar a:focus,
.ui-datepicker-calendar a:hover {
    background: #c8322b;
    color: #fff
}

.ui-datepicker-today a {
    background-color: #ededed;
    color: #2d2d2e
}

.ui-datepicker-current-day a {
    background-color: #c8322b;
    color: #fff
}

.btn,
button,
input[type=button] {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    background-color: #5a5b5c;
    border: 2px solid #5a5b5c;
    color: #fff
}

.btn [class^=icon-],
button [class^=icon-],
input[type=button] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn .icon-close,
button .icon-close,
input[type=button] .icon-close {
    height: .75em;
    width: .75em
}

.btn .icon-download,
button .icon-download,
input[type=button] .icon-download {
    height: 1em;
    width: 1em
}

/* 2023change */
.btn:focus,
.btn:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover {
    text-decoration: none;
    /* background-color: #2d2d2e; */
    border-color: #2d2d2e;
    color: #fff
}

/* .btn.active,
button.active,
input[type=button].active {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
} */

.btn-secondary,
button[type=reset],
input[type=reset] {
    background-color: transparent;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    border: 2px solid #5a5b5c;
    color: #5a5b5c
}

.btn-secondary [class^=icon-],
button[type=reset] [class^=icon-],
input[type=reset] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-secondary .icon-close,
button[type=reset] .icon-close,
input[type=reset] .icon-close {
    height: .75em;
    width: .75em
}

.btn-secondary .icon-download,
button[type=reset] .icon-download,
input[type=reset] .icon-download {
    height: 1em;
    width: 1em
}

.btn-secondary:focus,
.btn-secondary:hover,
button[type=reset]:focus,
button[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:hover {
    text-decoration: none;
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.btn-secondary.active,
button[type=reset].active,
input[type=reset].active {
    background-color: #5a5b5c;
    border-color: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary,
.spec-sheet-pdf-project button[type=reset],
.spec-sheet-pdf-project input[type=reset],
.text-white .btn-secondary,
.text-white button[type=reset],
.text-white input[type=reset] {
    border-color: #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary:focus,
.spec-sheet-pdf-project .btn-secondary:hover,
.spec-sheet-pdf-project button[type=reset]:focus,
.spec-sheet-pdf-project button[type=reset]:hover,
.spec-sheet-pdf-project input[type=reset]:focus,
.spec-sheet-pdf-project input[type=reset]:hover,
.text-white .btn-secondary:focus,
.text-white .btn-secondary:hover,
.text-white button[type=reset]:focus,
.text-white button[type=reset]:hover,
.text-white input[type=reset]:focus,
.text-white input[type=reset]:hover {
    background-color: #fff;
    color: #2d2d2e
}

/* 2023change */
/* .btn-cta,
button[type=submit],
input[type=submit] {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    overflow: hidden;
    padding: .625em 1.75em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle;
    background-color: #c8322b;
    border: 2px solid #c8322b;
    color: #fff
} */

.btn-disabled,
.btn-white,
button:disabled {
    -webkit-box-shadow: none;
    font-size: 1rem;
    max-width: 25em;
    overflow: hidden;
    padding: .625em 1.75em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    vertical-align: middle;
    /* position: relative; */
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

/* .btn-cta [class^=icon-],
button[type=submit] [class^=icon-],
input[type=submit] [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-cta .icon-close,
button[type=submit] .icon-close,
input[type=submit] .icon-close {
    height: .75em;
    width: .75em
} */

/* .btn-cta .icon-download,
button[type=submit] .icon-download,
input[type=submit] .icon-download {
    height: 1em;
    width: 1em
}

.btn-cta:focus,
.btn-cta:hover,
button[type=submit]:focus,
button[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    text-decoration: none;
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
} */

/* .btn-cta.active,
button[type=submit].active,
input[type=submit].active {
    background-color: #2d2d2e;
    border-color: #2d2d2e;
    color: #fff
} */

.btn-white {
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

.btn-white [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-white .icon-close {
    height: .75em;
    width: .75em
}

.btn-white .icon-download {
    height: 1em;
    width: 1em
}

.btn-white:focus,
.btn-white:hover {
    text-decoration: none
}

.btn-white,
.spec-sheet-pdf-project .btn,
.spec-sheet-pdf-project .btn-cta,
.spec-sheet-pdf-project .btn-white,
.spec-sheet-pdf-project button,
.spec-sheet-pdf-project input[type=button],
.spec-sheet-pdf-project input[type=submit],
.text-white .btn,
.text-white .btn-cta,
.text-white .btn-white,
.text-white button,
.text-white input[type=button],
.text-white input[type=submit] {
    background-color: #fff;
    border: 2px solid #fff;
    color: #5a5b5c
}

.btn-white.active,
.btn-white:focus,
.btn-white:hover,
.spec-sheet-pdf-project .btn-cta.active,
.spec-sheet-pdf-project .btn-cta:focus,
.spec-sheet-pdf-project .btn-cta:hover,
.spec-sheet-pdf-project .btn-white.active,
.spec-sheet-pdf-project .btn-white:focus,
.spec-sheet-pdf-project .btn-white:hover,
.spec-sheet-pdf-project .btn.active,
.spec-sheet-pdf-project .btn:focus,
.spec-sheet-pdf-project .btn:hover,
.spec-sheet-pdf-project button.active,
.spec-sheet-pdf-project button:focus,
.spec-sheet-pdf-project button:hover,
.spec-sheet-pdf-project input[type=button].active,
.spec-sheet-pdf-project input[type=button]:focus,
.spec-sheet-pdf-project input[type=button]:hover,
.spec-sheet-pdf-project input[type=submit].active,
.spec-sheet-pdf-project input[type=submit]:focus,
.spec-sheet-pdf-project input[type=submit]:hover,
.text-white .btn-cta.active,
.text-white .btn-cta:focus,
.text-white .btn-cta:hover,
.text-white .btn-white.active,
.text-white .btn-white:focus,
.text-white .btn-white:hover,
.text-white .btn.active,
.text-white .btn:focus,
.text-white .btn:hover,
.text-white button.active,
.text-white button:focus,
.text-white button:hover,
.text-white input[type=button].active,
.text-white input[type=button]:focus,
.text-white input[type=button]:hover,
.text-white input[type=submit].active,
.text-white input[type=submit]:focus,
.text-white input[type=submit]:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary,
.text-white .btn-secondary {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.spec-sheet-pdf-project .btn-secondary.active,
.spec-sheet-pdf-project .btn-secondary:focus,
.spec-sheet-pdf-project .btn-secondary:hover,
.text-white .btn-secondary.active,
.text-white .btn-secondary:focus,
.text-white .btn-secondary:hover {
    background-color: #fff;
    color: #5a5b5c
}

/* 20230606change */
.btn-disabled,
button:disabled {
    background-color: transparent;
    border-radius: 3px;
    box-shadow: none;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    /* border: 2px solid #5a5b5c; */
    color: #5a5b5c;
    cursor: default;
    opacity: .5
}

td,
th {
    padding: .75rem 1.25rem
}

.list-table td,
th {
    text-align: left
}

.btn-disabled [class^=icon-],
button:disabled [class^=icon-] {
    display: inline-block;
    fill: currentColor;
    margin-right: .25em;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    vertical-align: middle
}

.btn-disabled .icon-close,
button:disabled .icon-close {
    height: .75em;
    width: .75em
}

.btn-disabled .icon-download,
button:disabled .icon-download {
    height: 1em;
    width: 1em
}

.btn-disabled:focus,
.btn-disabled:hover,
button:disabled:focus,
button:disabled:hover {
    text-decoration: none;
    background-color: transparent;
    border: 2px solid #5a5b5c;
    color: #5a5b5c
}

.btn-disabled.active,
button:disabled.active {
    background-color: #5a5b5c;
    color: #fff
}

.spec-sheet-pdf-project table,
.text-white table,
table {
    color: #5a5b5c
}

.filter-toggle-btn .menu-icon {
    background-color: #5a5b5c;
    display: inline-block;
    left: auto;
    margin: -.25em .25em 0 0;
    position: relative;
    top: auto
}

table,
table.list-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0
}

.filter-toggle-btn .menu-icon:after,
.filter-toggle-btn .menu-icon:before {
    background-color: #5a5b5c
}

.filter-toggle-btn:focus .menu-icon:after,
.filter-toggle-btn:focus .menu-icon:before,
.filter-toggle-btn:focus:not(.active) .menu-icon,
.filter-toggle-btn:hover .menu-icon:after,
.filter-toggle-btn:hover .menu-icon:before,
.filter-toggle-btn:hover:not(.active) .menu-icon,
table {
    background-color: #fff
}

table {
    font-size: .875rem;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-sizing: border-box
}

thead+tbody tr:nth-child(even),
tr:nth-child(odd) {
    background-color: #f7f7f7
}

thead+tbody .sub-head:first-child~tr:nth-child(even),
thead+tbody tr:nth-child(odd) {
    background-color: #fff
}

thead+tbody .sub-head:first-child~tr:nth-child(odd) {
    background-color: #f7f7f7
}

tr {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08)
}

thead tr {
    border-color: #5a5b5c
}

th {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

thead th {
    background-color: #5a5b5c;
    color: #fff
}

tbody th {
    font-size: 1em
}

tbody:first-child {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

td {
    background-color: transparent
}

td>:first-child {
    margin-top: 0
}

td>:last-child {
    margin-bottom: 0
}

table .sub-head {
    background-color: #ededed !important;
    border-color: #ededed;
    border-top: 2px solid rgba(0, 0, 0, .08)
}

.list-table tbody:first-child,
thead+tbody .sub-head:first-child {
    border-top: none
}

table .sub-head td,
table .sub-head th {
    background-color: transparent;
    color: #5a5b5c;
    font-size: .875rem;
    vertical-align: middle
}

table .sub-head a {
    color: #fff
}

.js .scrolling-table {
    overflow: auto
}

.kb-in,
.kb-in-left,
.kb-in-right,
.kb-out,
.kb-out-left,
.slick-current .carousel-kb-in,
.slick-current .carousel-kb-in-left,
.slick-current .carousel-kb-in-right,
.slick-current .carousel-kb-out,
.slick-current .carousel-kb-out-left,
.slick-current .carousel-kb-out-right {
    overflow: hidden
}

table.list-table {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

@media screen and (min-width:56em) {
    table.list-table {
        display: table
    }
}

.list-table thead {
    display: none
}

@media screen and (min-width:56em) {
    .list-table thead {
        display: table-header-group
    }
}

.list-table tbody {
    display: block
}

@media screen and (min-width:56em) {
    .list-table tbody {
        display: table-row-group
    }

    .list-table tbody:first-child {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }
}

.list-table tfoot {
    display: none
}

@media screen and (min-width:56em) {
    .list-table tfoot {
        display: table-footer-group
    }
}

.list-table tr {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    display: block;
    padding: 1rem 1.25rem
}

.list-table thead tr {
    background: #5a5b5c;
    border-color: #5a5b5c
}

.list-table tbody:first-of-type tr:first-child:not(.sub-head) {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

@media screen and (min-width:56em) {
    .list-table tr {
        display: table-row;
        padding: 0
    }

    .list-table tr:after {
        content: none
    }

    .list-table tbody:first-of-type tr:first-child:not(.sub-head) {
        border-top: none
    }

    .list-table thead+tbody tr:nth-child(odd) {
        background-color: #fff
    }

    .list-table thead+tbody tr:nth-child(even) {
        background-color: #f7f7f7
    }

    .list-table thead+tbody .sub-head:first-child~tr:nth-child(even) {
        background-color: #fff
    }

    .list-table thead+tbody .sub-head:first-child~tr:nth-child(odd) {
        background-color: #f7f7f7
    }
}

.list-table th {
    display: block;
    padding: 0
}

@media screen and (min-width:56em) {
    .list-table th {
        display: table-cell;
        margin-bottom: 0;
        padding: .75rem 1.25rem
    }

    .list-table thead th {
        background-color: #5a5b5c;
        color: #fff
    }
}

.list-table tbody tr:not(.sub-head) th {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    font-size: 1rem;
    margin-bottom: .75rem;
    padding-bottom: .75rem
}

@media screen and (min-width:56em) {
    .list-table tbody tr:not(.sub-head) th {
        border-bottom: none;
        font-size: 1em;
        margin-bottom: 0;
        padding: .75rem 1.25rem
    }
}

.list-table td {
    background-color: transparent;
    display: block;
    min-width: 100%;
    padding: 0
}

.list-table td+td {
    border-top: 1px solid rgba(0, 0, 0, .08);
    margin-top: .75rem;
    padding-top: .75rem
}

@media screen and (min-width:56em) {
    .list-table td {
        display: table-cell;
        min-width: 0;
        padding: .75rem 1.25rem;
        position: static
    }

    .list-table td+td {
        border-top: none;
        margin-top: 0
    }
}

.list-table th+td {
    display: block
}

@media screen and (min-width:56em) {
    .list-table th+td {
        display: table-cell
    }
}

.list-table .empty-cell {
    display: none
}

@media screen and (min-width:56em) {
    .list-table .empty-cell {
        display: table-cell
    }
}

.list-table thead~tbody td:before {
    content: attr(data-col-heading);
    display: block;
    font-weight: 600;
    padding-right: 1rem
}

@media screen and (min-width:30em) {
    .list-table thead~tbody td:before {
        padding-top: 0
    }
}

.list-table caption {
    display: block
}

.list-table .sub-head {
    background-color: #5a5b5c !important;
    border-color: #5a5b5c;
    padding-bottom: .75rem;
    padding-top: .75rem
}

@media screen and (min-width:56em) {
    .list-table thead~tbody td:before {
        content: none
    }

    .list-table caption {
        display: table-caption
    }

    .list-table .sub-head {
        background-color: #ededed !important;
        border-color: #ededed;
        border-top-color: rgba(0, 0, 0, .08)
    }
}

.list-table .sub-head td,
.list-table .sub-head th {
    background-color: transparent;
    color: #fff;
    padding: 0;
    vertical-align: middle
}

@media screen and (min-width:56em) {

    .list-table .sub-head td,
    .list-table .sub-head th {
        color: #5a5b5c;
        padding: .75rem 1.25rem
    }
}

.flex-list,
.hlist,
.ilist,
.striped-list,
.unstyled-list,
.vlist {
    padding-left: 0
}

.list-table .sub-head th {
    font-size: 1rem
}

.list-table .sub-head td:not(.empty-cell):before {
    content: none
}

@media screen and (min-width:56em) {
    .list-table .sub-head th {
        font-size: 1em
    }

    .list-table thead+tbody .sub-head:first-child {
        border-top: none
    }
}

table.full-width {
    width: 100%
}

/* .dataTables_wrapper .dt-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .5rem
}

.dataTables_wrapper .dt-buttons button {
    background: 0 0;
    border: none;
    border-radius: 0;
    color: #2d2d2e;
    font-weight: 400;
    line-height: inherit;
    max-width: none;
    padding: 0
}

.dataTables_wrapper .dt-buttons button>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5em
}

.dataTables_wrapper .dt-buttons button .icon {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    height: 1em;
    width: 1em
}

.dataTables_wrapper .dt-buttons button svg {
    display: block;
    fill: #5a5b5c;
    margin: 0 auto
}

.specifications-table p:last-child,
.unstyled-list {
    margin-bottom: 0
}

.dataTables_wrapper .dt-buttons button:focus,
.dataTables_wrapper .dt-buttons button:hover {
    color: #c8322b
}

.dataTables_filter label {
    font-size: 1rem
}

table.dataTable thead .sorting {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='opacity:0.35; fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    cursor: pointer;
    padding-right: 2rem
}

table.dataTable thead .sorting.sorting_asc,
table.dataTable thead .sorting:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E")
}

table.dataTable thead .sorting:hover {
    background-color: #2d2d2e
}

table.dataTable thead .sorting.sorting_desc,
table.dataTable thead .sorting.sorting_desc:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='13px'%3E%3Cpath style='opacity:0.35;fill:%23FFFFFF;' d='M0.185,4.836C0.301,4.943,0.462,5.003,0.629,5h8.741c0.171,0,0.318-0.055,0.441-0.164 C9.932,4.734,10,4.594,10,4.446c0-0.152-0.062-0.283-0.185-0.392l-4.378-3.89C5.315,0.055,5.171,0,5,0S4.685,0.055,4.562,0.164 L0.185,4.057C0.065,4.164,0,4.294,0,4.446c0,0.152,0.065,0.28,0.188,0.389L0.185,4.836z'/%3E %3Cpath style='fill:%23FFFFFF;' d='M9.815,8.164C9.699,8.057,9.538,7.997,9.371,8H0.629C0.458,8,0.311,8.055,0.188,8.164 C0.068,8.266,0,8.406,0,8.554c0,0.152,0.062,0.283,0.185,0.392l4.378,3.89C4.685,12.945,4.829,13,5,13s0.315-0.055,0.438-0.164 l4.378-3.893C9.935,8.836,10,8.706,10,8.554c0-0.152-0.065-0.28-0.188-0.389H9.815z'/%3E%3C/svg%3E")
} */

.specifications-table thead {
    display: block
}

@media screen and (min-width:56em) {
    .specifications-table thead {
        display: table-header-group
    }
}

.specifications-table p {
    font-size: 1em;
    font-weight: 400
}

.specifications-table p:first-child {
    margin-top: 0
}

.unstyled-list {
    list-style-type: none;
    margin-top: 0
}

.unstyled-list>li {
    margin: .5em 0
}

.flex-list,
.hlist,
.ilist,
.ruled-list,
.striped-list,
.vlist {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none
}

.vlist {
    padding-bottom: 0
}

.vlist>li {
    display: block
}

.hlist:after {
    clear: both;
    content: "";
    display: table
}

.hlist>li {
    float: left
}

.ilist>li {
    display: inline-block;
    vertical-align: top
}

.flex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-figure img,
.pull-left img,
.pull-left-large img,
.pull-right img,
.pull-right-large img,
figure img,
iframe,
span.float-left,
span.float-right,
span.pull-left,
span.pull-left-large,
span.pull-right,
span.pull-right-large {
    display: block
}

.striped-list li {
    padding: .75em 1em
}

.striped-list li:nth-child(odd) {
    background-color: #f7f7f7
}

.ruled-list {
    padding-left: 0;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.ruled-list li {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: .75em 0
}

dt {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.625;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    dt {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    dt {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project dt,
.text-white dt {
    color: #fff
}

dd {
    margin-left: 0
}

dd+dt {
    margin-top: 1em
}

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

svg {
    fill: currentColor
}

/*2024change*/
/*
.article-figure,
figure {
    margin: 2.5vmin 0
}

.article-figure img,
figure img {
    width: 100%
}*/

/*2024change*/
/*.article-figure-caption,*/
figcaption {
    /*border-bottom: 1px solid rgba(0, 0, 0, .08);*/
    display: block;
    font-size: 1rem;
    font-style: italic;
    /*padding: 1em*/
}

.article-figure-caption :first-child,
figcaption :first-child {
    margin-top: 0
}

.article-figure-caption :last-child,
figcaption :last-child {
    margin-bottom: 0
}

.spec-sheet-pdf-project .article-figure-caption,
.spec-sheet-pdf-project figcaption,
.text-white .article-figure-caption,
.text-white figcaption {
    border-color: rgba(255, 255, 255, .2)
}

.pull-left {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-left {
        float: left;
        margin-top: .5em;
        margin-right: 5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:70em) {
    .pull-left {
        margin-right: 3vmin
    }
}

.pull-right {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-right {
        float: right;
        margin-top: .5em;
        margin-left: 5vmin;
        max-width: 40%
    }
}

@media screen and (min-width:56em) {
    .pull-right {
        margin-left: 3vmin
    }
}

.pull-left-large {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-left-large {
        float: left;
        margin-top: .5em;
        margin-right: 5vmin
    }
}

@media screen and (min-width:70em) {
    .pull-left-large {
        margin-right: 3vmin
    }
}

.pull-right-large {
    margin: 2.5vmin 0
}

@media screen and (min-width:30em) {
    .pull-right-large {
        float: right;
        margin-top: .5em;
        margin-left: 5vmin
    }
}

@media screen and (min-width:56em) {
    .pull-right-large {
        margin-left: 3vmin
    }
}

.float-left {
    float: left;
    margin-right: 5vmin
}

.float-right {
    float: right;
    margin-left: 5vmin
}

@media screen and (min-width:70em) {
    .float-left {
        margin-right: 3vmin
    }

    .float-right {
        margin-left: 3vmin
    }
}

@-webkit-keyframes kb-zoom-in {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes kb-zoom-in {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes kb-zoom-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes kb-zoom-out {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.kb-in img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.kb-in-left img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.kb-in-right img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.kb-out img,
.kb-out-left img {
    -webkit-animation: 8s kb-zoom-out
}

.kb-out img {
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.kb-out-left img {
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.kb-out-right {
    overflow: hidden
}

.kb-out-right img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.slick-current .carousel-kb-in img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.slick-current .carousel-kb-in-left img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.slick-current .carousel-kb-in-right img {
    -webkit-animation: 8s kb-zoom-in;
    animation: 8s kb-zoom-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.slick-current .carousel-kb-out img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: center;
    transform-origin: center
}

.slick-current .carousel-kb-out-left img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.slick-current .carousel-kb-out-right img {
    -webkit-animation: 8s kb-zoom-out;
    animation: 8s kb-zoom-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-wrapper.scroll--rtl {
    direction: rtl
}

.scroll-element {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none
}

.scroll-element div {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-textarea {
    border: 1px solid rgba(0, 0, 0, .08)
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: .75rem;
    left: 0;
    width: 100%
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -.75rem
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -.75rem
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    width: .75rem
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: rgba(90, 91, 92, .1)
}

.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track {
    border-radius: .75rem
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: rgba(45, 45, 46, .4);
    -webkit-transition: .1s background-color ease-out;
    transition: .1s background-color ease-out
}

.scrollbar-outer:focus-within>.scroll-element .scroll-bar,
.scrollbar-outer:hover>.scroll-element .scroll-bar {
    background-color: rgba(45, 45, 46, .72)
}

.scrollbar-outer>.scroll-element .scroll-bar:hover,
.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #2d2d2e
}

.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -.75rem;
    margin-left: .75rem
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -.75rem;
    margin-top: .75rem
}

.full-content>:first-child,
.inner-full>.unit>:first-child,
.inner-narrow>.unit>:first-child,
.inner-wide>.unit>:first-child,
.inner>.unit>:first-child,
.m-t-0,
.narrow-content>:first-child {
    margin-top: 0
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: .75rem
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: .75rem
}

.full-content,
.narrow-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    padding-left: 5vmin;
    padding-right: 5vmin
}

.full-content>:last-child,
.narrow-content>:last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) {
    .narrow-content {
        max-width: calc(60rem - 10vmin)
    }
}

@media screen and (min-width:70em) {

    .full-content,
    .narrow-content {
        padding-left: 3vmin;
        padding-right: 3vmin
    }

    .narrow-content {
        max-width: calc(60rem - 6vmin)
    }
}

.unit .full-content,
.unit .narrow-content {
    padding-left: 0;
    padding-right: 0
}

/*2023change*/
.section-padded {
    padding-bottom: 0vmin;
    padding-top: 0vmin
}

@media screen and (min-width:70em) {
    .section-padded {
        /*padding-bottom: 3vmin;
        padding-top: 3vmin*/
      padding-bottom: 0vmin;
      padding-top: 0vmin
    }
}

.section-padded-xl {
    padding-bottom: 10vmin;
    padding-top: 10vmin
}

@media screen and (min-width:70em) {
    .section-padded-xl {
        padding-bottom: 6vmin;
        padding-top: 6vmin
    }
}

.section-bg {
    background-color: #f7f7f7
}

.bottom-divider {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.top-divider {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.custom-row {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    scroll-margin-top: 6rem
}

.custom-row.full-height {
    min-height: 100vh
}

.custom-row.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.custom-row.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-row.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.inner,
.inner-full {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.custom-row.padded {
    padding-bottom: 5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded {
        padding-bottom: 3vmin;
        padding-top: 3vmin
    }
}

.custom-row.padded-md {
    padding-bottom: 10vmin;
    padding-top: 10vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-md {
        padding-bottom: 6vmin;
        padding-top: 6vmin
    }
}

.custom-row.padded-lg {
    padding-bottom: 15vmin;
    padding-top: 15vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-lg {
        padding-bottom: 9vmin;
        padding-top: 9vmin
    }
}

.custom-row.padded-xl {
    padding-bottom: 20vmin;
    padding-top: 20vmin
}

@media screen and (min-width:70em) {
    .custom-row.padded-xl {
        padding-bottom: 12vmin;
        padding-top: 12vmin
    }
}

.grid-row>.inner-full>.unit,
.grid-row>.inner-narrow>.unit,
.grid-row>.inner-wide>.unit,
.grid-row>.inner>.unit,
[data-set=aa-sidebar] .inner>.unit {
    padding-bottom: 0
}

.custom-row-block>.inner-full:first-child,
.custom-row-block>.inner-narrow:first-child,
.custom-row-block>.inner-wide:first-child,
.custom-row-block>.inner:first-child,
.custom-row-col>.inner,
.custom-row-col>.inner-full,
.custom-row-col>.inner-narrow,
.custom-row-col>.inner-wide,
.grid-row>.inner,
.grid-row>.inner-full,
.grid-row>.inner-narrow,
.grid-row>.inner-wide {
    padding-top: 0
}

.custom-row-col .inner,
.custom-row-col .reversible-row,
.custom-row-col .simple-cta-row {
    max-width: none
}

.custom-row-col>.inner-full:last-child,
.custom-row-col>.inner-narrow:last-child,
.custom-row-col>.inner-wide:last-child,
.custom-row-col>.inner:last-child {
    margin-bottom: -5vmin
}

@media screen and (min-width:70em) {

    .custom-row-col>.inner-full:last-child,
    .custom-row-col>.inner-narrow:last-child,
    .custom-row-col>.inner-wide:last-child,
    .custom-row-col>.inner:last-child {
        margin-bottom: -3vmin
    }
}

.custom-row-block>.inner-full:last-child,
.custom-row-block>.inner-narrow:last-child,
.custom-row-block>.inner-wide:last-child,
.custom-row-block>.inner:last-child {
    margin-bottom: -5vmin
}

@media screen and (min-width:70em) {

    .custom-row-block>.inner-full:last-child,
    .custom-row-block>.inner-narrow:last-child,
    .custom-row-block>.inner-wide:last-child,
    .custom-row-block>.inner:last-child {
        margin-bottom: -3vmin
    }
}

.sidebar-mod:not(:last-child) {
    margin-bottom: 5vmin
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .sidebar-mod:not(:last-child) {
        margin-bottom: 3vmin
    }

    .inner {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-full {
    max-width: none;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-top: 5vmin
}

.inner-narrow,
.inner-wide {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

@media screen and (min-width:70em) {
    .inner-full {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-narrow {
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    max-width: 60rem;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .inner-narrow {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner-wide {
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    max-width: 125rem;
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .inner-wide {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-top: 3vmin
    }
}

.inner+.size1of1>.inner,
.p-t-0,
ol+.inner,
p+.inner,
ul+.inner {
    padding-top: 0
}

.inner-full>.unit .inner,
.inner-narrow>.unit .inner,
.inner-wide>.unit .inner,
.inner>.unit .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5vmin;
    margin-right: -5vmin
}

.inner-full>.unit,
.inner-narrow>.unit,
.inner-wide>.unit,
.inner>.unit {
    padding-bottom: 5vmin;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {

    .inner-full>.unit .inner,
    .inner-narrow>.unit .inner,
    .inner-wide>.unit .inner,
    .inner>.unit .inner {
        margin-left: -3vmin;
        margin-right: -3vmin
    }
/*2024change*/
    .inner-full>.unit,
    .inner-narrow>.unit,
    .inner-wide>.unit,
    .inner>.unit {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
        /*padding-bottom: 3vmin*/
    }
}

.inner-full>.unit>:last-child,
.inner-narrow>.unit>:last-child,
.inner-wide>.unit>:last-child,
.inner>.unit>:last-child {
    margin-bottom: 0
}

.inner-full.reverse,
.inner-narrow.reverse,
.inner-wide.reverse,
.inner.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.unit.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.unit[class*=default-size] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-bottom: 5vmin
}

@media screen and (min-width:70em) {
    .unit[class*=default-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

.unit.default-size-auto {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.start-default {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.center-default {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.end-default {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.top-default {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-default {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-default {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-default {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-default {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-default {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-default {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.reset-order-default {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.block-grid-1,
.default-block-grid-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-1>*,
.default-block-grid-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 0vmin);
    flex: 0 0 calc(100% - 0vmin);
    margin-bottom: 3vmin;
    max-width: calc(100% - 0vmin - .1px)
}

.block-grid-2,
.default-block-grid-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-2>*,
.default-block-grid-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.5vmin);
    flex: 0 0 calc(50% - 1.5vmin);
    margin-bottom: 3vmin;
    max-width: calc(50% - 1.5vmin - .1px)
}

.block-grid-2>:nth-child(2n),
.default-block-grid-2>:nth-child(2n) {
    margin-right: 0
}

.block-grid-2>:not(:nth-child(2n)),
.default-block-grid-2>:not(:nth-child(2n)) {
    margin-right: 3vmin
}

.block-grid-3,
.default-block-grid-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-3>*,
.default-block-grid-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.33333% - 2vmin);
    flex: 0 0 calc(33.33333% - 2vmin);
    margin-bottom: 3vmin;
    max-width: calc(33.33333% - 2vmin - .1px)
}

.block-grid-3>:not(:nth-child(2n)),
.block-grid-3>:nth-child(3n),
.default-block-grid-3>:not(:nth-child(2n)),
.default-block-grid-3>:nth-child(3n) {
    margin-right: 0
}

.block-grid-3>:not(:nth-child(3n)),
.default-block-grid-3>:not(:nth-child(3n)) {
    margin-right: 3vmin
}

.block-grid-4,
.default-block-grid-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-4>*,
.default-block-grid-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 2.25vmin);
    flex: 0 0 calc(25% - 2.25vmin);
    margin-bottom: 3vmin;
    max-width: calc(25% - 2.25vmin - .1px)
}

.block-grid-4>:not(:nth-child(3n)),
.block-grid-4>:nth-child(4n),
.default-block-grid-4>:not(:nth-child(3n)),
.default-block-grid-4>:nth-child(4n) {
    margin-right: 0
}

.block-grid-4>:not(:nth-child(4n)),
.default-block-grid-4>:not(:nth-child(4n)) {
    margin-right: 3vmin
}

.block-grid-5,
.default-block-grid-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-5>*,
.default-block-grid-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 2.4vmin);
    flex: 0 0 calc(20% - 2.4vmin);
    margin-bottom: 3vmin;
    max-width: calc(20% - 2.4vmin - .1px)
}

.block-grid-5>:not(:nth-child(4n)),
.block-grid-5>:nth-child(5n),
.default-block-grid-5>:not(:nth-child(4n)),
.default-block-grid-5>:nth-child(5n) {
    margin-right: 0
}

.block-grid-5>:not(:nth-child(5n)),
.default-block-grid-5>:not(:nth-child(5n)) {
    margin-right: 3vmin
}

.block-grid-6,
.default-block-grid-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-grid-6>*,
.default-block-grid-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
    flex: 0 0 calc(16.66667% - 2.5vmin);
    margin-bottom: 3vmin;
    max-width: calc(16.66667% - 2.5vmin - .1px)
}

@media screen and (-ms-high-contrast:none) {

    .block-grid-1>*,
    .default-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .block-grid-2>*,
    .default-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .block-grid-3>*,
    .default-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .block-grid-4>*,
    .default-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .block-grid-5>*,
    .default-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .block-grid-6>*,
    .default-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

.block-grid-6>:not(:nth-child(5n)),
.block-grid-6>:nth-child(6n),
.default-block-grid-6>:not(:nth-child(5n)),
.default-block-grid-6>:nth-child(6n) {
    margin-right: 0
}

.block-grid-6>:not(:nth-child(6n)),
.default-block-grid-6>:not(:nth-child(6n)) {
    margin-right: 3vmin
}

@media screen and (min-width:30em) {
    .unit[class*=alpha-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.alpha-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-alpha {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-alpha {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-alpha {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-alpha {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-alpha {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-alpha {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-alpha {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-alpha {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-alpha {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-alpha {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-alpha {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .alpha-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit[class*=alpha-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:30em) and (-ms-high-contrast:none) {
    .alpha-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .alpha-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .alpha-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .alpha-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .alpha-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .alpha-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:30em) {
    .alpha-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .alpha-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .alpha-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .alpha-block-grid-3>:not(:nth-child(2n)),
    .alpha-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .alpha-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .alpha-block-grid-4>:not(:nth-child(3n)),
    .alpha-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .alpha-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .alpha-block-grid-5>:not(:nth-child(4n)),
    .alpha-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .alpha-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .alpha-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .alpha-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .alpha-block-grid-6>:not(:nth-child(5n)),
    .alpha-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .alpha-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:56em) {
    .unit[class*=bravo-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.bravo-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-bravo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-bravo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-bravo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-bravo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-bravo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-bravo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-bravo {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-bravo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-bravo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-bravo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-bravo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .bravo-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit[class*=bravo-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:56em) and (-ms-high-contrast:none) {
    .bravo-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .bravo-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .bravo-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .bravo-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .bravo-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .bravo-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:56em) {
    .bravo-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .bravo-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .bravo-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .bravo-block-grid-3>:not(:nth-child(2n)),
    .bravo-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .bravo-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .bravo-block-grid-4>:not(:nth-child(3n)),
    .bravo-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .bravo-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .bravo-block-grid-5>:not(:nth-child(4n)),
    .bravo-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .bravo-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .bravo-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bravo-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .bravo-block-grid-6>:not(:nth-child(5n)),
    .bravo-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .bravo-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:70em) {
    .unit[class*=charlie-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.charlie-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-charlie {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-charlie {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-charlie {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-charlie {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-charlie {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-charlie {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-charlie {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-charlie {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-charlie {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-charlie {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-charlie {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .charlie-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:70em) and (min-width:70em) {
    .unit[class*=charlie-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:70em) and (-ms-high-contrast:none) {
    .charlie-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .charlie-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .charlie-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .charlie-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .charlie-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .charlie-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:70em) {
    .charlie-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .charlie-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .charlie-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .charlie-block-grid-3>:not(:nth-child(2n)),
    .charlie-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .charlie-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .charlie-block-grid-4>:not(:nth-child(3n)),
    .charlie-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .charlie-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .charlie-block-grid-5>:not(:nth-child(4n)),
    .charlie-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .charlie-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .charlie-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .charlie-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .charlie-block-grid-6>:not(:nth-child(5n)),
    .charlie-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .charlie-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:80em) {
    .unit[class*=delta-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.delta-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-delta {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-delta {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-delta {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-delta {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-delta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-delta {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-delta {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-delta {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-delta {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-delta {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-delta {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .delta-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit[class*=delta-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:80em) and (-ms-high-contrast:none) {
    .delta-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .delta-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .delta-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .delta-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .delta-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .delta-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:80em) {
    .delta-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .delta-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .delta-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .delta-block-grid-3>:not(:nth-child(2n)),
    .delta-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .delta-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .delta-block-grid-4>:not(:nth-child(3n)),
    .delta-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .delta-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .delta-block-grid-5>:not(:nth-child(4n)),
    .delta-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .delta-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .delta-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .delta-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .delta-block-grid-6>:not(:nth-child(5n)),
    .delta-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .delta-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:102em) {
    .unit[class*=hero-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.hero-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-hero {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-hero {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-hero {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-hero {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-hero {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-hero {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-hero {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-hero {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-hero {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-hero {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-hero {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .hero-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:102em) and (min-width:70em) {
    .unit[class*=hero-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:102em) and (-ms-high-contrast:none) {
    .hero-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .hero-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .hero-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .hero-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .hero-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .hero-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:102em) {
    .hero-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .hero-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .hero-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .hero-block-grid-3>:not(:nth-child(2n)),
    .hero-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .hero-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .hero-block-grid-4>:not(:nth-child(3n)),
    .hero-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .hero-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .hero-block-grid-5>:not(:nth-child(4n)),
    .hero-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .hero-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .hero-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hero-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .hero-block-grid-6>:not(:nth-child(5n)),
    .hero-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .hero-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

@media screen and (min-width:110em) {
    .unit[class*=echo-size] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }

    .unit.echo-size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .start-echo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .center-echo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .end-echo {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .top-echo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-echo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-echo {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .around-echo {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-echo {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-echo {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-echo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .reset-order-echo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .echo-block-grid-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 0vmin);
        flex: 0 0 calc(100% - 0vmin);
        margin-bottom: 3vmin;
        max-width: calc(100% - 0vmin - .1px)
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit[class*=echo-size] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:110em) and (-ms-high-contrast:none) {
    .echo-block-grid-1>* {
        width: calc(100% - 0vmin - .1px)
    }

    .echo-block-grid-2>* {
        width: calc(50% - 1.5vmin - .1px)
    }

    .echo-block-grid-3>* {
        width: calc(33.33333% - 2vmin - .1px)
    }

    .echo-block-grid-4>* {
        width: calc(25% - 2.25vmin - .1px)
    }

    .echo-block-grid-5>* {
        width: calc(20% - 2.4vmin - .1px)
    }

    .echo-block-grid-6>* {
        width: calc(16.66667% - 2.5vmin - .1px)
    }
}

@media screen and (min-width:110em) {
    .echo-block-grid-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1.5vmin);
        flex: 0 0 calc(50% - 1.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(50% - 1.5vmin - .1px)
    }

    .echo-block-grid-2>:nth-child(2n) {
        margin-right: 0
    }

    .echo-block-grid-2>:not(:nth-child(2n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 2vmin);
        flex: 0 0 calc(33.33333% - 2vmin);
        margin-bottom: 3vmin;
        max-width: calc(33.33333% - 2vmin - .1px)
    }

    .echo-block-grid-3>:not(:nth-child(2n)),
    .echo-block-grid-3>:nth-child(3n) {
        margin-right: 0
    }

    .echo-block-grid-3>:not(:nth-child(3n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-4 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 2.25vmin);
        flex: 0 0 calc(25% - 2.25vmin);
        margin-bottom: 3vmin;
        max-width: calc(25% - 2.25vmin - .1px)
    }

    .echo-block-grid-4>:not(:nth-child(3n)),
    .echo-block-grid-4>:nth-child(4n) {
        margin-right: 0
    }

    .echo-block-grid-4>:not(:nth-child(4n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(20% - 2.4vmin);
        flex: 0 0 calc(20% - 2.4vmin);
        margin-bottom: 3vmin;
        max-width: calc(20% - 2.4vmin - .1px)
    }

    .echo-block-grid-5>:not(:nth-child(4n)),
    .echo-block-grid-5>:nth-child(5n) {
        margin-right: 0
    }

    .echo-block-grid-5>:not(:nth-child(5n)) {
        margin-right: 3vmin
    }

    .echo-block-grid-6 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .echo-block-grid-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66667% - 2.5vmin);
        flex: 0 0 calc(16.66667% - 2.5vmin);
        margin-bottom: 3vmin;
        max-width: calc(16.66667% - 2.5vmin - .1px)
    }

    .echo-block-grid-6>:not(:nth-child(5n)),
    .echo-block-grid-6>:nth-child(6n) {
        margin-right: 0
    }

    .echo-block-grid-6>:not(:nth-child(6n)) {
        margin-right: 3vmin
    }
}

.unit.default-size1of2,
.unit.default-size2of4 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {

    .unit.default-size1of2,
    .unit.default-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of4 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size1of5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size2of5 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size3of5 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size2of3 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size3of4 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.unit.default-size4of5 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {

    .unit.alpha-size1of2,
    .unit.alpha-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {

    .unit.alpha-size1of2,
    .unit.alpha-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:30em) {
    .unit.alpha-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {

    .unit.bravo-size1of2,
    .unit.bravo-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {

    .unit.bravo-size1of2,
    .unit.bravo-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .unit.bravo-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit[class*=" size"],
    .unit[class*=" charlie-size"] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin;
        padding-bottom: 5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit[class*=" size"],
    .unit[class*=" charlie-size"] {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin;
        padding-bottom: 3vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size-auto,
    .unit.size-auto {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .unit.charlie-size1of1,
    .unit.size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of1,
    .unit.size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of2,
    .unit.charlie-size2of4,
    .unit.size1of2,
    .unit.size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of2,
    .unit.charlie-size2of4,
    .unit.size1of2,
    .unit.size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of4,
    .unit.size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of4,
    .unit.size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of5,
    .unit.size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of5,
    .unit.size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size2of5,
    .unit.size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size2of5,
    .unit.size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size3of5,
    .unit.size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size3of5,
    .unit.size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size2of3,
    .unit.size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size2of3,
    .unit.size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size3of4,
    .unit.size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size3of4,
    .unit.size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size4of5,
    .unit.size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size4of5,
    .unit.size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {

    .unit.delta-size1of2,
    .unit.delta-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {

    .unit.delta-size1of2,
    .unit.delta-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .unit.delta-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of1 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {

    .unit.echo-size1of2,
    .unit.echo-size2of4 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {

    .unit.echo-size1of2,
    .unit.echo-size2of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of4 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size1of5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size2of5 {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 40%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size2of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size3of5 {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size3of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size2of3 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size2of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size3of4 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size3of4 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .unit.echo-size4of5 {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        max-width: 80%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size4of5 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

.m-0 {
    margin: 0
}

.m-l-0 {
    margin-left: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-r-0 {
    margin-right: 0
}

.p-0 {
    padding: 0
}

.p-l-0 {
    padding-left: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-r-0 {
    padding-right: 0
}

.gap-0 {
    gap: 0
}

.gap-x-0 {
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0
}

.gap-y-0 {
    row-gap: 0
}

.m-xxs {
    margin: .25rem
}

.m-t-xxs {
    margin-top: .25rem
}

.m-l-xxs {
    margin-left: .25rem
}

.m-b-xxs {
    margin-bottom: .25rem
}

.m-r-xxs {
    margin-right: .25rem
}

.p-xxs {
    padding: .25rem
}

.p-t-xxs {
    padding-top: .25rem
}

.p-l-xxs {
    padding-left: .25rem
}

.p-b-xxs {
    padding-bottom: .25rem
}

.p-r-xxs {
    padding-right: .25rem
}

.gap-xxs {
    gap: .25rem
}

.gap-x-xxs {
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-y-xxs {
    row-gap: .25rem
}

.m-xs {
    margin: .5rem
}

.m-t-xs {
    margin-top: .5rem
}

.m-l-xs {
    margin-left: .5rem
}

.m-b-xs {
    margin-bottom: .5rem
}

.m-r-xs {
    margin-right: .5rem
}

.p-xs {
    padding: .5rem
}

.p-t-xs {
    padding-top: .5rem
}

.p-l-xs {
    padding-left: .5rem
}

.p-b-xs {
    padding-bottom: .5rem
}

.p-r-xs {
    padding-right: .5rem
}

.gap-xs {
    gap: .5rem
}

.gap-x-xs {
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-y-xs {
    row-gap: .5rem
}

.m-sm {
    margin: .75rem
}

.m-t-sm {
    margin-top: .75rem
}

.m-l-sm {
    margin-left: .75rem
}

.m-b-sm {
    margin-bottom: .75rem
}

.m-r-sm {
    margin-right: .75rem
}

.p-sm {
    padding: .75rem
}

.p-t-sm {
    padding-top: .75rem
}

.p-l-sm {
    padding-left: .75rem
}

.p-b-sm {
    padding-bottom: .75rem
}

.p-r-sm {
    padding-right: .75rem
}

.gap-sm {
    gap: .75rem
}

.gap-x-sm {
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-sm {
    row-gap: .75rem
}

.m-md {
    margin: 1rem
}

.m-t-md {
    margin-top: 1rem
}

.m-l-md {
    margin-left: 1rem
}

.m-b-md {
    margin-bottom: 1rem
}

.m-r-md {
    margin-right: 1rem
}

.p-md {
    padding: 1rem
}

.p-t-md {
    padding-top: 1rem
}

.p-l-md {
    padding-left: 1rem
}

.p-b-md {
    padding-bottom: 1rem
}

.p-r-md {
    padding-right: 1rem
}

.gap-md {
    gap: 1rem
}

.gap-x-md {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-md {
    row-gap: 1rem
}

.m-lg {
    margin: 1.5rem
}

.m-t-lg {
    margin-top: 1.5rem
}

.m-l-lg {
    margin-left: 1.5rem
}

.m-b-lg {
    margin-bottom: 1.5rem
}

.m-r-lg {
    margin-right: 1.5rem
}

.p-lg {
    padding: 1.5rem
}

.p-t-lg {
    padding-top: 1.5rem
}

.p-l-lg {
    padding-left: 1.5rem
}

.p-b-lg {
    padding-bottom: 1.5rem
}

.p-r-lg {
    padding-right: 1.5rem
}

.gap-lg {
    gap: 1.5rem
}

.gap-x-lg {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-lg {
    row-gap: 1.5rem
}

.m-xl {
    margin: 2rem
}

.m-t-xl {
    margin-top: 2rem
}

.m-l-xl {
    margin-left: 2rem
}

.m-b-xl {
    margin-bottom: 2rem
}

.m-r-xl {
    margin-right: 2rem
}

.p-xl {
    padding: 2rem
}

.p-t-xl {
    padding-top: 2rem
}

.p-l-xl {
    padding-left: 2rem
}

.p-b-xl {
    padding-bottom: 2rem
}

.p-r-xl {
    padding-right: 2rem
}

.gap-xl {
    gap: 2rem
}

.gap-x-xl {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-xl {
    row-gap: 2rem
}

.m-xxl {
    margin: 3rem
}

.m-t-xxl {
    margin-top: 3rem
}

.m-l-xxl {
    margin-left: 3rem
}

.m-b-xxl {
    margin-bottom: 3rem
}

.m-r-xxl {
    margin-right: 3rem
}

.p-xxl {
    padding: 3rem
}

.p-t-xxl {
    padding-top: 3rem
}

.p-l-xxl {
    padding-left: 3rem
}

.p-b-xxl {
    padding-bottom: 3rem
}

.p-r-xxl {
    padding-right: 3rem
}

.gap-xxl {
    gap: 3rem
}

.gap-x-xxl {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-y-xxl {
    row-gap: 3rem
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.5vmin
}

.media .media-img {
    padding-right: 1.5vmin
}

.media-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.media-reverse .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.5vmin
}

.media-reverse .media-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 1.5vmin
}

@media screen and (min-width:30em) {
    .media-alpha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-alpha .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-alpha .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-alpha {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-alpha .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-alpha .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:56em) {
    .media-bravo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-bravo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-bravo .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-bravo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-bravo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-bravo .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:70em) {
    .media-charlie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-charlie .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-charlie .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-charlie {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-charlie .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-charlie .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:80em) {
    .media-delta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-delta .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-delta .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-delta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-delta .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-delta .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:102em) {
    .media-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-hero .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-hero .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-hero .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-hero .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

@media screen and (min-width:110em) {
    .media-echo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-echo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 1.5vmin
    }

    .media-echo .media-img {
        padding-right: 1.5vmin
    }

    .media-reverse-echo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .media-reverse-echo .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 1.5vmin
    }

    .media-reverse-echo .media-img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 1.5vmin
    }
}

/* .document-list dd a, */
ul.link-list a {
    display: block;
    text-decoration: none
}

ul.link-list {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    max-width: 18em
}

ul.link-list li+li {
    margin-top: 2px
}

ul.link-list a {
    background-color: #f7f7f7;
    color: #2d2d2e;
    padding: .5em 2em .5em 1em;
    position: relative
}

ul.link-list a:focus,
ul.link-list a:hover {
    color: #c8322b
}

ul.link-list a:focus .icon,
ul.link-list a:hover .icon {
    fill: #c8322b
}

ul.link-list .arrow-link:focus span,
ul.link-list .arrow-link:hover span {
    border-bottom: none
}

ul.link-list a .icon {
    fill: #2d2d2e;
    float: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1em
}

@media screen and (min-width:70em) {
    .header-search-options {
        display: none
    }

    .site-footer .unit:last-child {
        padding-top: 1.5vmin
    }

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 100%
    }

    .site-footer .blog-signup .hs-error-msgs label {
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 20em
    }
}

.site-footer .blog-signup .hs-input {
    max-width: none
}

.site-footer .blog-signup .subscribe-to-email-desc {
    margin: 1em 0
}

.site-footer .blog-signup label {
    display: none
}

.site-footer .blog-signup .hs-error-msgs label {
    font-size: 1rem;
    font-weight: 400;
    color: #5a5b5c;
    display: block;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    text-transform: none
}

.site-footer .blog-signup .hs-error-msgs label a {
    color: #c8322b
}

.site-footer .blog-signup .hs-error-msgs label a:focus,
.site-footer .blog-signup .hs-error-msgs label a:hover {
    color: #2d2d2e
}

.site-footer .blog-signup .hs-error-msgs {
    list-style-type: none;
    margin-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    border-radius: 3px;
    left: 50%;
    margin-top: .25em;
    padding: 1rem;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85%
}

.site-footer .blog-signup .hs-error-msgs:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: -8px;
    width: 0
}

.site-footer .blog-signup .hs-button,
.site-footer .blog-signup button {
    background-color: transparent;
    background-image: url(../image/arrow-footer.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 5px 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    bottom: .75em;
    height: 1.5em;
    padding: 0;
    position: absolute;
    right: .5em;
    width: 1.5em;
    overflow: hidden;
    text-indent: -200px
}

@media screen and (min-width:30em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

@media screen and (min-width:70em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: .5em;
        left: auto;
        margin-left: 0
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

.site-footer .blog-signup .hs-button svg,
.site-footer .blog-signup button svg {
    display: block;
    fill: #fff;
    height: .625em;
    margin: 0 auto;
    width: .3125em
}

.site-footer .blog-signup .hs-button:focus,
.site-footer .blog-signup .hs-button:hover,
.site-footer .blog-signup button:focus,
.site-footer .blog-signup button:hover {
    background-color: #fff;
    background-image: url(../image/arrow-footer-hover.svg)
}

.site-footer .blog-signup .hs-button:focus svg,
.site-footer .blog-signup .hs-button:hover svg,
.site-footer .blog-signup button:focus svg,
.site-footer .blog-signup button:hover svg {
    fill: #5a5b5c
}

.site-footer input:not([type]),
.site-footer input[type=text],
.site-footer input[type=password],
.site-footer input[type=date],
.site-footer input[type=datetime],
.site-footer input[type=datetime-local],
.site-footer input[type=month],
.site-footer input[type=week],
.site-footer input[type=email],
.site-footer input[type=tel],
.site-footer input[type=time],
.site-footer input[type=url],
.site-footer input[type=color],
.site-footer input[type=number],
.site-footer input[type=search],
.site-footer select,
.site-footer textarea {
    background-color: rgba(255, 255, 255, .1);
    border: none;
    color: #fff;
    padding: .875em 3em .875em 1em
}

.site-footer input::-webkit-input-placeholder,
.site-footer textarea::-webkit-input-placeholder {
    color: #fff
}

.site-footer input:-moz-placeholder,
.site-footer textarea:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input::-moz-placeholder,
.site-footer textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input:-ms-input-placeholder,
.site-footer textarea:-ms-input-placeholder {
    color: #fff
}

.family-logos {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    border-top: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 1rem;
    padding-top: 1rem
}

.family-logo {
    display: inline-block;
    margin: 1rem;
    vertical-align: middle
}

@media screen and (min-width:30em) {
    .family-logo {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media screen and (min-width:56em) {
    .family-logo {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

.family-logo a {
    display: block;
    transition: .3s all ease-out
}

.family-logo a:focus,
.family-logo a:hover {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.family-logo a:focus svg,
.family-logo a:hover svg {
    fill: #fff
}

.family-logo svg {
    display: block;
    fill: rgba(255, 255, 255, .85);
    text-decoration: none
}

.family-logo-ki {
    height: 38px;
    width: 40px
}

.family-logo-pallas {
    height: 40px;
    width: 58px
}

.family-logo-spacesaver {
    height: 39px;
    width: 95px
}

.family-logo-afp {
    height: 43px;
    width: 73px
}


.main-nav,
.main-nav-menu {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    visibility: hidden;
    width: 100%;
    z-index: 9000
}

.main-nav-menu.is-active,
.main-nav.is-active {
    -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 3rem rgba(0, 0, 0, .2);
    -webkit-transform: none;
    transform: none;
    visibility: visible
}

.main-nav-menu.is-locked,
.main-nav.is-locked {
    overflow: hidden
}

.main-nav-menu {
    font-size: 1.175rem;
    padding-bottom: 2rem
}

@media screen and (min-width:70em) {
    .site-footer .social-media {
        float: right
    }

    .site-footer .social-media a {
        margin-left: 1em;
        margin-right: 0
    }

    .main-nav-menu.is-locked,
    .main-nav.is-locked {
        overflow: visible
    }

    .main-nav {
        background: 0 0;
        height: auto;
        overflow: visible;
        position: static;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        width: auto;
        visibility: visible
    }

    .main-nav.is-active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .main-nav-menu {
        height: auto;
        opacity: 0;
        overflow: visible;
        position: absolute;
        top: 100%;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: .2s opacity ease-out;
        transition: .2s opacity ease-out;
        width: 100%
    }

    .main-nav-menu.is-active {
        -webkit-box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .06);
        box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(0, 0, 0, .08), inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .06);
        opacity: 1
    }
}

.main-nav-menu>.inner {
    padding-top: 0
}

.main-nav-menu>.inner>.unit {
    padding-bottom: 0
}

.main-nav-menu-content {
    margin: 0 auto;
    max-width: 35rem;
    padding: 0 2rem 2rem
}

@media screen and (min-width:70em) {
    .main-nav-menu-content {
        max-width: none;
        padding: 0
    }

    .main-nav-overlay {
        background: rgba(45, 45, 46, .5);
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        -webkit-transition: 150ms all ease-out;
        transition: 150ms all ease-out;
        visibility: hidden;
        width: 100%;
        z-index: 100
    }

    .main-nav-overlay.is-active {
        opacity: 1;
        visibility: visible
    }

    .main-nav-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-nav-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        margin: 0 1.5vmin
    }

    .main-nav-col:first-child {
        margin-left: 0
    }

    .main-nav-col:last-child {
        margin-right: 0
    }
}

.main-nav-helper {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.125;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #5a5b5c;
    display: block;
    margin: 3rem 0 0;
    padding-bottom: .5rem
}

.main-nav-helper:first-child {
    margin-top: 0
}

.main-nav-block {
    margin-top: 3rem !important
}

@media screen and (min-width:70em) {
    .main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:30em) {
    .alpha-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .alpha-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:56em) {
    .bravo-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .bravo-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:70em) {
    .charlie-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:70em) and (min-width:70em) {
    .charlie-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:80em) {
    .delta-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .delta-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:102em) {
    .hero-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:102em) and (min-width:70em) {
    .hero-main-nav-block {
        margin-top: 1.5rem !important
    }
}

@media screen and (min-width:110em) {
    .echo-main-nav-block {
        margin-top: 3rem !important
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .echo-main-nav-block {
        margin-top: 1.5rem !important
    }
}

a.nav-icon-link {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #2d2d2e;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    text-decoration: none
}

a.nav-icon-link:focus .nav-icon-link-title,
a.nav-icon-link:hover .nav-icon-link-title {
    border-color: currentColor
}

a.nav-icon-link .icon {
    fill: #c8322b;
    margin: .25em .5em 0 0;
    max-width: 3em
}

.nav-icon-link-title {
    border-bottom: 1px solid transparent
}

.main-nav-back,
.main-nav-close,
.main-nav-open {
    background: 0 0;
    border: none;
    padding: 0
}

.main-nav-back:focus,
.main-nav-back:hover,
.main-nav-close:focus,
.main-nav-close:hover,
.main-nav-open:focus,
.main-nav-open:hover {
    background: 0 0;
    color: #2d2d2e
}

.main-nav-back,
.main-nav-close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #5a5b5c;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 3rem
}

.main-nav-back svg,
.main-nav-close svg {
    display: block;
    fill: currentColor
}

.main-nav-close {
    right: 0
}

.main-nav-back {
    left: 0
}

.main-nav-header {
    background: #f7f7f7;
    padding: 1.5rem 2rem;
    position: relative;
    text-align: center
}

@media screen and (min-width:70em) {
    .main-nav-header {
        display: none
    }
}

.main-nav-logo {
    display: block;
    fill: #c8322b;
    margin: 1rem auto;
    width: 110px
}

.main-nav-cat {
    color: #5a5b5c;
    display: block;
    font-size: 1.25rem;
    margin-top: 1rem;
    text-align: center
}

.main-nav-primary {
    list-style-type: none;
    margin: 1rem auto 0;
    padding: 0 5vmin
}

@media screen and (min-width:70em) {
    .main-nav-primary {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0;
        max-width: none;
        padding: 0
    }
}

.main-nav-primary>li>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #2d2d2e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding: 1.25rem 0;
    text-decoration: none
}

@media screen and (min-width:70em) {
    .main-nav-primary>li>a {
        border-bottom: none;
        outline: 0;
        padding: .5rem 1rem;
        position: relative;
    }

    .main-nav-primary>li {
        border-radius: 5px 5px; 
    }

    .li-active {
        background: #ca1a1a;
        }

      .main-nav-primary .li-active>a {
        color: #f0f0f4;
      }
    /* 2023change */
    .main-nav-primary>li:hover{
        background: #ca1a1a;
    } 

    .main-nav-primary > li:hover > a{
        color:#f0f0f4
    }

    
    .main-nav-primary>li>a:after {
        background: #c8322b;
        content: '';
        height: 2px;
        left: 50%;
        margin-left: -1rem;
        opacity: 0;
        position: absolute;
        top: 100%;
        -webkit-transition: .2s all ease-out;
        transition: .2s all ease-out;
        width: 2rem; 
    }

    .main-nav-primary>li>a.is-active:after,
    .main-nav-primary>li>a:focus:after,
    .main-nav-primary>li>a:hover:after {
        opacity: 1
    }

    /* .main-nav-primary>li>a.is-active {
         color: #2d2d2e 
    } */

    .main-nav-secondary {
        display: none
    }
}

.interior-hero,
.site-utilities,
li.utility-site-select {
    position: relative
}

@media screen and (min-width:80em) {
    .main-nav-primary>li>a {
        padding: .5rem 1.5rem
    }
}

.main-nav-secondary {
    list-style-type: none;
    margin: 1rem auto;
    padding: 0 5vmin;
    text-align: center
}

.main-nav-secondary a,
.main-nav-sub a {
    color: #5a5b5c;
    display: block;
    line-height: 1.5;
    text-decoration: none
}

.main-nav-secondary a {
    padding: .75rem 0
}

.main-nav-sub {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.5;
    margin: -.5rem 0 0 1rem
}

.main-nav-sub a {
    font-size: .875rem;
    padding: .5rem 0
}

@media screen and (min-width:70em) {
    .main-nav-sub {
        margin: 0
    }

    .main-nav-sub li+li {
        margin-top: .5rem
    }

    .main-nav-sub a {
        display: inline;
        padding: 0
    }

    .main-nav-sub a:focus,
    .main-nav-sub a:hover {
        border-bottom: 1px solid;
        color: #2d2d2e
    }
}

a.main-nav-level-2 {
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    color: #2d2d2e;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    padding: 1rem 0;
    text-decoration: none
}

@media screen and (min-width:70em) {
    a.main-nav-level-2 {
        border-bottom: none;
        display: inline;
        padding: 0
    }

    a.main-nav-level-2:focus,
    a.main-nav-level-2:hover {
        border-bottom: 1px solid
    }
}

.main-nav-accordion {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.main-nav-accordion-header {
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-nav-accordion-header .main-nav-level-2 {
    border-bottom: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.main-nav-accordion-arrow {
    background: 0 0;
    border: none;
    padding: 0 1rem
}

.main-nav-accordion-arrow:focus,
.main-nav-accordion-arrow:hover {
    background: 0 0
}

@media screen and (min-width:70em) {
    .main-nav-accordion {
        border-bottom: none
    }

    .main-nav-accordion-header {
        display: block;
        margin-bottom: .5rem
    }

    .main-nav-accordion-arrow {
        display: none
    }
}

.main-nav-accordion-header .icon {
    fill: #5a5b5c;
    -webkit-transition: .3s -webkit-transform ease-out;
    transition: .3s -webkit-transform ease-out;
    transition: .3s transform ease-out;
    transition: .3s transform ease-out, .3s -webkit-transform ease-out
}

.main-nav-accordion .open .main-nav-accordion-header .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.main-nav-accordion-content {
    margin-bottom: 1.25rem
}

.site-utilities {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1rem
}

.site-utilities>li>a {
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 1rem;
    text-decoration: none
}

.site-utilities>li>a:focus,
.site-utilities>li>a:hover {
    background: #fff
}

.utility-title {
    display: none
}

@media screen and (min-width:30em) {
    .utility-title {
        display: inline
    }
}

.utility-user .utility-icon {
    height: 1.071428571428571em;
    width: .8571428571428571em
}

li.utility-site-select>button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: .75em 1em
}

li.utility-site-select.is-active>button,
li.utility-site-select>button:focus,
li.utility-site-select>button:hover {
    background: #fff
}

li.utility-site-select .flag-icon,
li.utility-site-select.is-active .dropdown-menu {
    display: block
}

li.utility-site-select .dropdown-menu {
    left: auto;
    right: 0;
    text-align: left
}

.section-nav {
    font-size: .875rem;
    font-weight: 400;
    background-color: #f7f7f7
}

*+.section-nav {
    margin-top: 5vmin
}

@media screen and (min-width:70em) {
    *+.section-nav {
        margin-top: 3vmin
    }

    .section-nav .accordion-item {
        border: none
    }

    .section-nav .accordion-header {
        display: none
    }
}

.quick-links-title,
.section-nav .section-nav-title {
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0, 0, 0, .08);
    font-size: .875rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.section-nav .accordion-more {
    background: #f7f7f7;
    padding: 1.5rem !important
}

@media screen and (min-width:70em) {
    .section-nav .accordion-more {
        display: block !important;
        height: auto !important
    }
}

.section-nav .section-nav-title {
    color: #5a5b5c;
    font-weight: 400;
    display: block;
    margin: 0 0 1rem;
    padding: 0 0 .75rem
}

.spec-sheet-pdf-project .section-nav .section-nav-title,
.text-white .section-nav .section-nav-title {
    color: #fff
}

.section-nav ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.section-nav li.open {
    background-color: #fff;
    margin: 0 -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem
}

.section-nav .open+li {
    margin-top: .5rem
}

.section-nav li {
    padding: .5rem 0
}

.section-nav .sub li {
    padding: .25rem 0
}

.section-nav .nav-list-level-2 {
    margin-top: .25rem;
    padding-left: 1rem
}

.section-nav a {
    color: #2d2d2e;
    display: block;
    text-decoration: none
}

.section-nav .sub a {
    color: #5a5b5c
}

.section-nav .sub a:focus,
.section-nav .sub a:hover {
    color: #2d2d2e
}

.section-nav a.current {
    color: #c8322b;
    font-weight: 600
}

.section-nav .nav-list-level-3 {
    border-left: 1px solid rgba(0, 0, 0, .08);
    font-size: .875rem;
    margin: .5rem 0 .25rem;
    padding-left: .875rem
}

.section-nav .search-box {
    margin-bottom: 1rem
}

.quick-links {
    background-color: #f7f7f7;
    padding: 1.5rem
}

.quick-links :first-child {
    margin-top: 0
}

.quick-links :last-child {
    margin-bottom: 0
}

.quick-links-title {
    color: #5a5b5c;
    font-weight: 400;
    display: block;
    margin-bottom: 1rem;
    padding-bottom: .75rem
}

.spec-sheet-pdf-project .quick-links-title,
.text-white .quick-links-title {
    color: #fff
}

.quick-links ul {
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .875rem;
    font-weight: 400
}

.quick-links li+li {
    margin-top: 1rem
}

.quick-links ul a {
    color: #2d2d2e;
    display: block;
    text-decoration: none
}

.quick-links ul a:focus,
.quick-links ul a:hover {
    color: #c8322b
}

.paging-split {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 1rem 0
}

@media screen and (min-width:56em) {
    .paging-split {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.product-grid+.paging-split,
table+.paging-split {
    border-top: none
}

.paging-simple {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: inherit;
    text-align: center
}

.paging-simple .counter {
    vertical-align: middle
}

.page-jump a,
.page-jump button,
.paging-full .next a,
.paging-full .next button,
.paging-full .page-select a,
.paging-full .page-select button,
.paging-full .prev a,
.paging-full .prev button,
.paging-simple a,
.paging-simple button {
    font-weight: 600
}

.page-jump label {
    color: #5a5b5c;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: inherit;
    line-height: 1.75;
    margin: 0;
    text-transform: none
}
.spec-sheet-pdf-project .page-jump label,
.text-white .page-jump label {
    color: rgba(255, 255, 255, .85)
}

.featured-ctas+.section-bg,
.sticky-wrapper+.featured-ctas {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}


.article-title {
    border-bottom: none;
    clear: both;
    margin: 0;
    padding-bottom: 0
}

@media screen and (min-width:56em) {
    .article-title {
        clear: none
    }
}

/* 2023change 首页滑栏图片*/
.slick-slide img {
    margin-left: auto;
    margin-right: auto
}


.slick-arrow,
a.slick-arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 0;
    color: #5a5b5c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .625rem;
    height: 4em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    text-decoration: none;
    top: 50%;
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    -webkit-transition: .3s opacity ease-out;
    transition: .3s opacity ease-out;
    width: 4em;
    z-index: 99
}

.slick-arrow:focus,
.slick-arrow:hover,
a.slick-arrow:focus,
a.slick-arrow:hover {
    color: #c8322b
}

@media screen and (min-width:56em) {

    .slick-arrow,
    a.slick-arrow {
        font-size: .75rem
    }
}

/* 2023change 首页滑栏下选点 */
/* .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none
} */

.slick-arrow svg {
    display: block;
    fill: currentColor;
    height: 1.5625em;
    margin: 0 auto;
    width: .75em
}

.slick-arrow.next {
    right: 0
}

.slick-arrow.prev {
    left: 0
}

.slick-dotted {
    margin-bottom: 2.5rem !important
}

.slick-dots {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    left: 0;
    margin-top: 1rem;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%
}

.slick-dots li {
    background: #2d2d2e;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: .5em;
    margin: 0 .5em;
    opacity: .2;
    -webkit-transition: .9s all ease-out;
    transition: .9s all ease-out;
    vertical-align: middle;
    width: .5em
}

/* .spec-sheet-pdf-project .slick-dots li,
.text-white .slick-dots li {
    background: #fff
} */

.slick-dots .slick-active {
    opacity: 1
}

.slick-dots button {
    display: none
}


.tab-pane .unit+.unit {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: 5vmin
}

@media screen and (min-width:70em) {
    .tab-pane .unit+.unit {
        border-top: none;
        padding-top: 0
    }
}







/* .blog-card-content,
.idea-starters-listing-icon,
.positions-item,
.product-hero,
.quick-ship-modal-info,
a.blog-card {
    -webkit-box-orient: vertical
} */





.image-link{
    overflow: hidden;
    text-decoration: none
}

/* 2024change 首页滑栏 */
.scrolling-hero {
    background-color: #f7f7f7;
    max-width: 3000px;
    margin: 0 auto;
    position: relative
}

.scrolling-hero .slide:not(:first-child) {
    display: none
}

.scrolling-hero .slick-initialized .slide:not(:first-child) {
    display: block
}

.scrolling-hero .slick-slide.slick-center,
.scrolling-hero .slick-slide.slick-current {
    position: relative;
    z-index: 10
}

.scrolling-hero .slide-content {
    display: block;
    position: relative;
    text-decoration: none
}

.scrolling-hero .slide-content:focus .arrow-link,
.scrolling-hero .slide-content:hover .arrow-link {
    color: #2d2d2e
}

.scrolling-hero .slide-content:focus .arrow-link span:not(.no-wrap),
.scrolling-hero .slide-content:hover .arrow-link span:not(.no-wrap) {
    border-bottom: 1px solid
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-slide {
        margin: 0 -8rem;
        max-width: calc(100rem - (3vmin * 2))
    }

    .scrolling-hero .slide-content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .16;
        -webkit-transform: scale(.85) translateZ(0);
        transform: scale(.85) translateZ(0);
        -webkit-transition: .9s all ease-out;
        transition: .9s all ease-out
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero {
        background-color: transparent
    }

    .scrolling-hero .slide-content:focus .arrow-link,
    .scrolling-hero .slide-content:hover .arrow-link {
        color: #fff
    }

    .scrolling-hero .slick-center .slide-content,
    .scrolling-hero .slick-current .slide-content {
        -webkit-filter: none;
        filter: none;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .scrolling-hero .slide-content:after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(90%, rgba(45, 45, 46, .8)));
        background: linear-gradient(to bottom, transparent 50%, rgba(45, 45, 46, .8) 90%);
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }
}

.scrolling-hero .slide-content img {
    width: 100%
}

/* 2023change */
.scrolling-hero .slide-content video {
    display: block;
    /* height: auto !important; */
    max-height: 100%;
    max-width: 100%;
    width: 1600px
}

@media screen and (max-width:1600px) {
    .scrolling-hero .slide-content video {
        /* display: block; */
        height: auto !important;
         max-height: 50%;
        max-width: 100%;
        width: 100%;
    }
}


.scrolling-hero .hero-overlay {
    color: #5a5b5c;
    padding: 2rem 5vmin
}

@media screen and (min-width:70em) {
    .scrolling-hero .hero-overlay {
        bottom: 0;
        left: 0;
        padding: 3vmin;
        position: absolute;
        width: 100%;
        z-index: 3
    }
}

.hero-sub-title {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    color: #5a5b5c;
    margin: 0
}

.image-link-title,
.scrolling-hero .hero-title {
    letter-spacing: normal;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif
}

.spec-sheet-pdf-project .hero-sub-title,
.text-white .hero-sub-title {
    color: #fff
}

@media screen and (min-width:70em) {
    .hero-sub-title {
        color: #fff
    }
}

.scrolling-hero .hero-title {
    color: #2d2d2e;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
    text-transform: none;
    font-size: 1.75rem
}

.image-link-title,
.text-white .image-link-title,
.text-white .scrolling-hero .hero-title {
    color: #fff
}

@media screen and (min-width:30em) {
    .scrolling-hero .hero-title {
        font-size: calc(1.75rem + .75 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .hero-title {
        font-size: 2.5rem
    }
}

.hero-teaser {
    font-weight: 300;
    margin: .25em 0 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .hero-teaser {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .hero-teaser {
        font-size: 1.25rem
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .hero-title {
        color: #fff;
        line-height: 1.15
    }

    .hero-teaser {
        color: #fff
    }
}

.scrolling-hero .slide-content .arrow-link {
    color: #c8322b
}

.scrolling-hero .carousel-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5vmin;
    text-align: center
}

@media screen and (min-width:70em) {
    .scrolling-hero .slide-content .arrow-link {
        color: #fff
    }

    .scrolling-hero .slide-content .arrow-link .icon {
        fill: #fff
    }

    .scrolling-hero .carousel-nav {
        border-top: none;
        display: block;
        margin: 0 0 3rem
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .hero-overlay {
        padding: 2.5rem 3.5rem
    }

    .scrolling-hero .carousel-nav {
        margin: 0
    }
}

.scrolling-hero .slick-arrow {
    background: 0 0;
    color: #5a5b5c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    height: auto;
    padding: .875em 1.25em;
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto
}

.scrolling-hero .slick-arrow:focus.next:before,
.scrolling-hero .slick-arrow:focus.prev:after,
.scrolling-hero .slick-arrow:hover.next:before,
.scrolling-hero .slick-arrow:hover.prev:after {
    color: #c8322b
}

.scrolling-hero .slick-arrow:focus svg,
.scrolling-hero .slick-arrow:hover svg {
    fill: #c8322b
}

@media screen and (min-width:56em) {
    .scrolling-hero .slick-arrow {
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 1em;
        height: auto;
        margin-top: 0;
        padding: .875em 1.25em;
        position: static;
        width: auto
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        border: .1875em solid #fff;
        border-radius: 100%;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -1.5em;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -webkit-transition: .3s all ease-out;
        transition: .3s all ease-out;
        width: 3em;
        z-index: 20
    }

    .scrolling-hero .slick-arrow:focus,
    .scrolling-hero .slick-arrow:hover {
        background: #c8322b;
        border-color: #c8322b;
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff
    }

    .scrolling-hero .slick-arrow:focus svg,
    .scrolling-hero .slick-arrow:hover svg {
        fill: #fff
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow {
        font-size: 1.5em
    }
}

.scrolling-hero .slick-arrow svg {
    height: .6875em;
    width: .3125em
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow svg {
        height: 1em;
        width: .5em
    }

    .scrolling-hero .slick-arrow.next {
        right: 3vmin
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-arrow.next {
        margin-right: calc(-50rem + 3vmin - 1.5em);
        right: 50%
    }
}

.scrolling-hero .slick-arrow.next:before {
    font-weight: 300;
    content: 'Next';
    margin-right: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .scrolling-hero .slick-arrow.next:before {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow.next:before {
        font-size: 1.25rem
    }
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow.next:before {
        content: none
    }

    .scrolling-hero .slick-arrow.prev {
        left: 3vmin
    }
}

@media screen and (min-width:102em) {
    .scrolling-hero .slick-arrow.prev {
        left: 50%;
        margin-left: calc(-50rem + 3vmin - 1.5em)
    }
}

.scrolling-hero .slick-arrow.prev:after {
    font-weight: 300;
    content: 'Prev';
    margin-left: .5em;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .scrolling-hero .slick-arrow.prev:after {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .scrolling-hero .slick-arrow.prev:after {
        font-size: 1.25rem
    }
}

.scrolling-hero .slick-dotted {
    margin-bottom: 0 !important
}

.scrolling-hero .slick-dots {
    display: none !important
}

@media screen and (min-width:70em) {
    .scrolling-hero .slick-arrow.prev:after {
        content: none
    }

    .scrolling-hero .slick-dotted {
        margin-bottom: calc(3vmin + 1.5rem) !important
    }

    .scrolling-hero .slick-dots {
        display: block !important
    }
}

.image-link-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-link {
    background-color: #5a5b5c;
    position: relative;
    text-align: center;
    width: 11rem
}

@media screen and (min-width:30em) {
    .image-link {
        width: 14rem
    }
}

.image-link:focus:after,
.image-link:hover:after {
    opacity: 1
}

.image-link:focus .image-link-img,
.image-link:hover .image-link-img {
    opacity: .8;
    -webkit-transform: none;
    transform: none
}

.image-link:focus .image-link-title,
.image-link:hover .image-link-title {
    bottom: 0;
    -webkit-transform: none;
    transform: none
}

.image-link-row .image-link {
    margin: .75vmin
}

.image-link:after {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), to(rgba(45, 45, 46, .8)));
    background: linear-gradient(to bottom, transparent 50%, rgba(45, 45, 46, .8) 100%);
    content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .6s opacity ease-out;
    transition: .6s opacity ease-out;
    width: 100%;
    z-index: 1
}

.image-link-img {
    display: block;
    opacity: .2;
    margin: 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out, .6s -webkit-transform ease-out;
    width: 100%
}

.image-link-title {
    font-weight: 600;
    bottom: 50%;
    display: block;
    left: 0;
    line-height: 1.5;
    padding: 1.25rem 1.75rem;
    position: absolute;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: .4s all ease-out;
    transition: .4s all ease-out;
    width: 100%;
    z-index: 2;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .image-link-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .image-link-title {
        font-size: 1.25rem
    }
}

/* 2024change 首页2主打大图 */
.featured-articles {
    padding: 0 2rem
}

@media screen and (min-width:56em) {
    .featured-articles {
        margin: 0 -2.5vmin
    }
}

@media screen and (min-width:70em) {
    .featured-articles {
        margin: 0 -1.5vmin;
        padding: 0
    }
}

.featured-articles .slick-track {
    margin: 0 auto
}

.featured-article-item :first-child,
.sidebar-general :first-child {
    margin-top: 0
}

.featured-article-item :last-child {
    margin-bottom: 0
}

@media screen and (min-width:56em) {
    .featured-article-item {
        padding: 0 2.5vmin
    }
}

@media screen and (min-width:70em) {
    .featured-article-item {
        padding: 0 1.5vmin
    }
}

.featured-articles .slick-arrow {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.spec-sheet-pdf-project .featured-articles .slick-arrow,
.text-white .featured-articles .slick-arrow {
    color: #fff;
    opacity: .65
}

.spec-sheet-pdf-project .featured-articles .slick-arrow:focus,
.spec-sheet-pdf-project .featured-articles .slick-arrow:hover,
.text-white .featured-articles .slick-arrow:focus,
.text-white .featured-articles .slick-arrow:hover {
    opacity: 1
}

.spec-sheet-pdf-project .featured-articles .slick-arrow.slick-disabled,
.text-white .featured-articles .slick-arrow.slick-disabled {
    opacity: 0
}

.featured-articles .slick-arrow.prev {
    left: -.5rem
}

.featured-articles .slick-arrow.next {
    right: -.5rem
}

/*2024change*/
.featured-article-img {
  margin-top: 1rem;
    margin-bottom: 1.5rem;
    position: relative
}

.featured-article-img:focus:after,
.featured-article-img:hover:after {
    opacity: 1
}

.featured-article-img:focus .image-article-img,
.featured-article-img:hover .image-article-img {
    display: block;
    opacity: .9;
    margin: 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s -webkit-transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out;
    transition: .3s opacity ease-out, .6s transform ease-out, .6s -webkit-transform ease-out;
    width: 100%
}

.image-article-img {
    opacity: .8;
    -webkit-transform: none;
    transform: none
}
    

.featured-article-img:focus .article-link-title,
.featured-article-img:hover .article-link-title {
    bottom: 0;
    -webkit-transform: none;
    transform: none
}

.featured-article-date {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #5a5b5c;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.375;
    text-transform: uppercase;
    display: block;
    margin-bottom: .25rem
}

.spec-sheet-pdf-project .featured-article-date,
.text-white .featured-article-date {
    color: #fff
}

.featured-article-title {
    color: #2d2d2e;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    display: block;
    font-size: 1.125rem
}

.featured-article-type {
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media screen and (min-width:30em) {
    .featured-article-title {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .featured-article-title {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .featured-article-title,
.text-white .featured-article-title {
    color: #fff
}

.featured-article-type {
    font-size: .75rem;
    line-height: 1.125;
    background-color: #c8322b;
    bottom: 1rem;
    color: #fff;
    left: 0;
    padding: .5em .75em;
    position: absolute
}

@media screen and (min-width:30em) {
    .featured-article-type {
        bottom: 1.5rem
    }
}

@media screen and (min-width:56em) {
    .featured-articles .slick-arrow.prev {
        left: 0
    }

    .featured-articles .slick-arrow.next {
        right: 0
    }
}

/* foot */
.unit.default-size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:30em) {
    .unit.alpha-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:56em) {
    .unit.bravo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:80em) {
    .unit.delta-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:110em) {
    .unit.echo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}