@charset "UTF-8";

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media (min-width:480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}

.plyr__caption {
    background: #000c;
    background: var(--plyr-captions-background, #000c);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: #0000;
    border: 0;
    border-radius: 4px;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    fill: currentColor;
    display: block;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control:focus-visible {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

a.plyr__control {
    text-decoration: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: #ffffffe6;
    background: var(--plyr-menu-background, #ffffffe6);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-arrow-size, 4px) solid #0000;
    border-top-color: var(--plyr-menu-background, #ffffffe6);
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control:after {
    border: 4px solid #0000;
    border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: initial
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: initial
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
    background: #0000001a;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
    background: #00b2ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
    background: #23282f1a
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    appearance: none;
    background: #0000;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    min-width: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: #0000;
    background-image: linear-gradient(90deg, currentColor, #0000 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    appearance: none;
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    color: #0000
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
    background: #0000;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: #0000;
    background: currentColor;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
    outline: 2px dashed #00b2ff;
    outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    outline-offset: 2px
}

.plyr__poster {
    background-color: #000;
    background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time:before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: #fff;
    background: var(--plyr-tooltip-background, #fff);
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translateY(10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: #0000;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: #0000
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: #ffffff40;
    background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3
}

.plyr__volume {
    align-items: center;
    display: flex;
    position: relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: #c1c8d199;
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}

.plyr--audio .plyr__progress__buffer {
    color: #c1c8d199;
    color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}

.plyr--video {
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    border-radius: inherit;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    aspect-ratio: 16/9
}

@supports not (aspect-ratio:16/9) {

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        height: 0;
        padding-bottom: 56.25%;
        position: relative
    }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: #ffffff40;
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}

.plyr--video .plyr__progress__buffer {
    color: #ffffff40;
    color: var(--plyr-video-progress-buffered-background, #ffffff40)
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: #fff;
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: 8px;
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    box-shadow: 0 1px 2px #00000026;
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    transform: translateY(10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s ease .1s, opacity .2s ease .1s;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
    border-left: 4px solid #0000;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-right: 4px solid #0000;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
    border-top: 4px solid #fff;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 7px;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__image-container:after {
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px #00000026;
    content: "";
    pointer-events: none
}

.plyr__preview-thumb__image-container img {
    max-height: none;
    max-width: none
}

.plyr__preview-thumb__time-container {
    background: linear-gradient(#0000, #000000bf);
    background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
    border-bottom-left-radius: 7px;
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: 7px;
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.glightbox-container {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 999999 !important
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9999
}

.glightbox-container .gslider {
    align-items: center;
    display: flex !important;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translateZ(0);
    transition: transform .4s ease;
    width: 100%
}

.glightbox-container .gslide {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.glightbox-container .gslide.current {
    opacity: 1;
    position: relative;
    z-index: 99999
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 100%
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe,
.gslide video {
    -webkit-overflow-scrolling: touch;
    border: none;
    min-height: 165px;
    outline: 0 !important;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    border: none;
    display: block;
    float: none;
    height: auto;
    margin: auto;
    max-height: 100vh;
    max-width: 100vw;
    min-width: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    outline: 0;
    padding: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    max-width: 100%;
    width: auto
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: grabbing !important;
    transition: none
}

.gslide-video {
    max-width: 100vh;
    position: relative;
    width: 100% !important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    margin: auto;
    width: 100%
}

.gslide-video:before {
    background: rgba(255, 0, 0, .34);
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.gslide-video.playing:before {
    display: none
}

.gslide-video.fullscreen {
    height: 75vh;
    max-width: 100% !important;
    min-width: 100%
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    margin: auto;
    max-height: calc(100vh - 40px);
    max-width: 100%;
    overflow: auto;
    text-align: left
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: grabbing !important;
    transition: none
}

.ginlined-content {
    display: block !important;
    opacity: 1;
    overflow: auto
}

.gslide-external {
    background: #fff;
    display: flex;
    height: 100%;
    max-height: 75vh;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    width: 100%
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none !important
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
    flex-direction: column;
    margin: 0 auto
}

.gslide-description {
    flex: 1 0 100%;
    position: relative
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.glightbox-button-hidden,
.zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .75));
    bottom: 0;
    height: auto !important;
    max-height: 78vh;
    max-width: 100vw !important;
    order: 2 !important;
    overflow: auto !important;
    padding: 19px 11px 50px;
    position: absolute;
    transition: opacity .3s linear;
    width: 100%
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    opacity: .4;
    transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    opacity: 1;
    transition: opacity .5s ease
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    animation: lightboxLoader .8s linear infinite;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: transparent;
    display: block;
    height: 25px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 47%;
    width: 25px;
    z-index: 9999
}

.goverlay {
    height: calc(100vh + 1px);
    left: 0;
    position: fixed;
    top: -1px;
    width: 100%;
    will-change: opacity
}

.glightbox-mobile .goverlay,
.goverlay {
    background: #000
}

.gclose,
.gnext,
.gprev {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    width: 26px;
    z-index: 99999
}

.gclose svg,
.gnext svg,
.gprev svg {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 25px
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
    opacity: .1
}

.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    color: #000;
    font-family: arial;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 19px
}

.glightbox-clean .gslide-desc {
    font-family: arial;
    font-size: .86em;
    line-height: 1.4em;
    margin-bottom: 0
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    left: 30px
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    height: 50px;
    position: absolute;
    top: -100%;
    width: 40px
}

.glightbox-clean .gnext {
    right: 30px
}

.glightbox-clean .gclose {
    height: 35px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 35px
}

.glightbox-clean .gclose svg {
    height: auto;
    width: 18px
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes gfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-60%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes gslideOutLeft {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(-60%, 0, 0);
        visibility: hidden
    }
}

@keyframes gslideInRight {
    0% {
        opacity: 0;
        transform: translate3d(60%, 0, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes gslideOutRight {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(60%, 0, 0)
    }
}

@keyframes gzoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        flex-direction: row;
        height: auto;
        width: auto
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0, 0, 0, .92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }

    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        height: 100%;
        overflow-y: auto;
        position: absolute
    }

    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: rgba(0, 0, 0, .32)
    }

    .glightbox-clean .gclose:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gprev:hover {
        background-color: rgba(0, 0, 0, .7)
    }

    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}

@charset "UTF-8";

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

.tw-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

@media (min-width:640px) {
    .tw-container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .tw-container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .tw-container {
        max-width: 1024px
    }
}

@media (min-width:1200px) {
    .tw-container {
        max-width: 1200px
    }
}

@media (min-width:1300px) {
    .tw-container {
        max-width: 1300px
    }
}

@media (min-width:1536px) {
    .tw-container {
        max-width: 1536px
    }
}

@media (min-width:1568px) {
    .tw-container {
        max-width: 1568px
    }
}

.tw-pointer-events-none {
    pointer-events: none
}

.tw-fixed {
    position: fixed
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-sticky {
    position: sticky
}

.tw-inset-0 {
    inset: 0
}

.-tw-top-\[100px\] {
    top: -100px
}

.tw-bottom-0 {
    bottom: 0
}

.tw-bottom-\[1rem\] {
    bottom: 1rem
}

.tw-left-0 {
    left: 0
}

.tw-right-0 {
    right: 0
}

.tw-right-4 {
    right: 1rem
}

.tw-right-\[40px\] {
    right: 40px
}

.tw-top-0 {
    top: 0
}

.tw-top-2 {
    top: .5rem
}

.tw-top-4 {
    top: 1rem
}

.tw-z-0 {
    z-index: 0
}

.tw-z-1 {
    z-index: 1
}

.tw-z-2 {
    z-index: 2
}

.tw-z-50 {
    z-index: 50
}

.tw-z-\[100\] {
    z-index: 100
}

.tw-z-\[102\] {
    z-index: 102
}

.tw-z-\[11\] {
    z-index: 11
}

.tw-z-\[200\] {
    z-index: 200
}

.tw-z-\[20\] {
    z-index: 20
}

.tw-z-\[3\] {
    z-index: 3
}

.tw-z-\[56\] {
    z-index: 56
}

.tw-z-\[57\] {
    z-index: 57
}

.tw-order-1 {
    order: 1
}

.tw-order-2 {
    order: 2
}

.tw-col-span-2 {
    grid-column: span 2/span 2
}

.\!tw-m-0 {
    margin: 0 !important
}

.tw-mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-7 {
    margin-bottom: 1.75rem;
    margin-top: 1.75rem
}

.tw-my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.\!tw-mb-0 {
    margin-bottom: 0 !important
}

.\!tw-mb-3 {
    margin-bottom: .75rem !important
}

.\!tw-mb-6 {
    margin-bottom: 1.5rem !important
}

.\!tw-mt-0 {
    margin-top: 0 !important
}

.\!tw-mt-\[0\.5rem\] {
    margin-top: .5rem !important
}

.-tw-mb-\[1\.20rem\] {
    margin-bottom: -1.2rem
}

.-tw-mb-\[17px\] {
    margin-bottom: -17px
}

.-tw-mb-\[21px\] {
    margin-bottom: -21px
}

.-tw-mb-\[3\.45rem\] {
    margin-bottom: -3.45rem
}

.-tw-mb-\[3px\] {
    margin-bottom: -3px
}

.-tw-mb-\[52px\] {
    margin-bottom: -52px
}

.-tw-ml-1 {
    margin-left: -.25rem
}

.-tw-ml-8 {
    margin-left: -2rem
}

.-tw-ml-\[1rem\] {
    margin-left: -1rem
}

.-tw-ml-\[2px\] {
    margin-left: -2px
}

.-tw-mr-1 {
    margin-right: -.25rem
}

.-tw-mr-\[1\.5rem\] {
    margin-right: -1.5rem
}

.-tw-mr-\[100\%\] {
    margin-right: -100%
}

.-tw-mt-12 {
    margin-top: -3rem
}

.-tw-mt-16 {
    margin-top: -4rem
}

.-tw-mt-\[4\.5rem\] {
    margin-top: -4.5rem
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-1 {
    margin-bottom: .25rem
}

.tw-mb-10 {
    margin-bottom: 2.5rem
}

.tw-mb-11 {
    margin-bottom: 2.75rem
}

.tw-mb-12 {
    margin-bottom: 3rem
}

.tw-mb-14 {
    margin-bottom: 56px
}

.tw-mb-16 {
    margin-bottom: 4rem
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-3 {
    margin-bottom: .75rem
}

.tw-mb-32 {
    margin-bottom: 8rem
}

.tw-mb-4 {
    margin-bottom: 1rem
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.tw-mb-6 {
    margin-bottom: 1.5rem
}

.tw-mb-7 {
    margin-bottom: 1.75rem
}

.tw-mb-75 {
    margin-bottom: 4.6875rem
}

.tw-mb-8 {
    margin-bottom: 2rem
}

.tw-mb-9 {
    margin-bottom: 2.25rem
}

.tw-mb-\[-104px\] {
    margin-bottom: -104px
}

.tw-mb-\[0\.5rem\] {
    margin-bottom: .5rem
}

.tw-mb-\[1\.75rem\] {
    margin-bottom: 1.75rem
}

.tw-mb-\[10rem\] {
    margin-bottom: 10rem
}

.tw-mb-\[2\.25rem\] {
    margin-bottom: 2.25rem
}

.tw-mb-\[2\.5rem\] {
    margin-bottom: 2.5rem
}

.tw-mb-\[2rem\] {
    margin-bottom: 2rem
}

.tw-mb-\[3\.25rem\] {
    margin-bottom: 3.25rem
}

.tw-mb-\[30px\] {
    margin-bottom: 30px
}

.tw-mb-\[3rem\] {
    margin-bottom: 3rem
}

.tw-mb-\[4rem\] {
    margin-bottom: 4rem
}

.tw-mb-\[5\.75rem\] {
    margin-bottom: 5.75rem
}

.tw-mb-\[6\.25rem\] {
    margin-bottom: 6.25rem
}

.tw-ml-1 {
    margin-left: .25rem
}

.tw-ml-2 {
    margin-left: .5rem
}

.tw-ml-4 {
    margin-left: 1rem
}

.tw-ml-6 {
    margin-left: 1.5rem
}

.tw-ml-\[50\%\] {
    margin-left: 50%
}

.tw-ml-auto {
    margin-left: auto
}

.tw-mr-0 {
    margin-right: 0
}

.tw-mr-1 {
    margin-right: .25rem
}

.tw-mr-14 {
    margin-right: 56px
}

.tw-mr-2 {
    margin-right: .5rem
}

.tw-mr-3 {
    margin-right: .75rem
}

.tw-mr-4 {
    margin-right: 1rem
}

.tw-mr-5 {
    margin-right: 1.25rem
}

.tw-mr-6 {
    margin-right: 1.5rem
}

.tw-mr-7 {
    margin-right: 1.75rem
}

.tw-mr-8 {
    margin-right: 2rem
}

.tw-mr-\[-5\.75rem\] {
    margin-right: -5.75rem
}

.tw-mr-\[0\.5rem\] {
    margin-right: .5rem
}

.tw-mr-\[1\.25rem\] {
    margin-right: 1.25rem
}

.tw-mr-\[3\.25rem\] {
    margin-right: 3.25rem
}

.tw-mr-\[4\.5rem\] {
    margin-right: 4.5rem
}

.tw-mt-1 {
    margin-top: .25rem
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mt-11 {
    margin-top: 2.75rem
}

.tw-mt-12 {
    margin-top: 3rem
}

.tw-mt-14 {
    margin-top: 56px
}

.tw-mt-16 {
    margin-top: 4rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-3 {
    margin-top: .75rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-5 {
    margin-top: 1.25rem
}

.tw-mt-6 {
    margin-top: 1.5rem
}

.tw-mt-7 {
    margin-top: 1.75rem
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-mt-9 {
    margin-top: 2.25rem
}

.tw-mt-\[-17rem\] {
    margin-top: -17rem
}

.tw-mt-\[-2rem\] {
    margin-top: -2rem
}

.tw-mt-\[-3\.25rem\] {
    margin-top: -3.25rem
}

.tw-mt-\[-3rem\] {
    margin-top: -3rem
}

.tw-mt-\[-5px\] {
    margin-top: -5px
}

.tw-mt-\[0\.1rem\] {
    margin-top: .1rem
}

.tw-mt-\[0\.2rem\] {
    margin-top: .2rem
}

.tw-mt-\[10px\] {
    margin-top: 10px
}

.tw-mt-\[1px\] {
    margin-top: 1px
}

.tw-mt-\[2\.25rem\] {
    margin-top: 2.25rem
}

.tw-mt-\[3\.75rem\] {
    margin-top: 3.75rem
}

.tw-mt-\[4\.5rem\] {
    margin-top: 4.5rem
}

.tw-mt-\[4rem\] {
    margin-top: 4rem
}

.tw-mt-\[5\.25rem\] {
    margin-top: 5.25rem
}

.tw-mt-\[6\.75rem\] {
    margin-top: 6.75rem
}

.tw-mt-\[7\.75rem\] {
    margin-top: 7.75rem
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-inline {
    display: inline
}

.\!tw-flex {
    display: flex !important
}

.tw-flex {
    display: flex
}

.tw-grid {
    display: grid
}

.\!tw-hidden {
    display: none !important
}

.tw-hidden {
    display: none
}

.tw-h-1 {
    height: .25rem
}

.tw-h-10 {
    height: 2.5rem
}

.tw-h-11 {
    height: 2.75rem
}

.tw-h-12 {
    height: 3rem
}

.tw-h-13 {
    height: 3.25rem
}

.tw-h-14 {
    height: 56px
}

.tw-h-2 {
    height: .5rem
}

.tw-h-3 {
    height: .75rem
}

.tw-h-4 {
    height: 1rem
}

.tw-h-5 {
    height: 1.25rem
}

.tw-h-6 {
    height: 1.5rem
}

.tw-h-7 {
    height: 1.75rem
}

.tw-h-8 {
    height: 2rem
}

.tw-h-9 {
    height: 2.25rem
}

.tw-h-\[0\.5rem\] {
    height: .5rem
}

.tw-h-\[0\.6rem\] {
    height: .6rem
}

.tw-h-\[0\] {
    height: 0
}

.tw-h-\[1\.15rem\] {
    height: 1.15rem
}

.tw-h-\[1\.25rem\] {
    height: 1.25rem
}

.tw-h-\[18px\] {
    height: 18px
}

.tw-h-\[2\.5rem\] {
    height: 2.5rem
}

.tw-h-\[2\.75rem\] {
    height: 2.75rem
}

.tw-h-\[28rem\] {
    height: 28rem
}

.tw-h-\[3\.25rem\] {
    height: 3.25rem
}

.tw-h-\[3\.45rem\] {
    height: 3.45rem
}

.tw-h-\[36rem\] {
    height: 36rem
}

.tw-h-\[3px\] {
    height: 3px
}

.tw-h-\[3rem\] {
    height: 3rem
}

.tw-h-\[40px\] {
    height: 40px
}

.tw-h-\[42rem\] {
    height: 42rem
}

.tw-h-\[441px\] {
    height: 441px
}

.tw-h-\[497px\] {
    height: 497px
}

.tw-h-\[4px\] {
    height: 4px
}

.tw-h-\[5rem\] {
    height: 5rem
}

.tw-h-\[6px\] {
    height: 6px
}

.tw-h-\[7\.75rem\] {
    height: 7.75rem
}

.tw-h-\[8\.5rem\] {
    height: 8.5rem
}

.tw-h-\[85vh\] {
    height: 85vh
}

.tw-h-auto {
    height: auto
}

.tw-h-full {
    height: 100%
}

.tw-h-screen {
    height: 100vh
}

.tw-max-h-0 {
    max-height: 0
}

.tw-max-h-\[12px\] {
    max-height: 12px
}

.tw-max-h-\[14\.5rem\] {
    max-height: 14.5rem
}

.tw-max-h-\[16\.75rem\] {
    max-height: 16.75rem
}

.tw-max-h-\[17rem\] {
    max-height: 17rem
}

.tw-max-h-\[18\.5rem\] {
    max-height: 18.5rem
}

.tw-max-h-\[18px\] {
    max-height: 18px
}

.tw-max-h-\[18rem\] {
    max-height: 18rem
}

.tw-max-h-\[19rem\] {
    max-height: 19rem
}

.tw-max-h-\[25\.5rem\] {
    max-height: 25.5rem
}

.tw-max-h-\[350px\] {
    max-height: 350px
}

.tw-max-h-\[35rem\] {
    max-height: 35rem
}

.tw-max-h-\[38rem\] {
    max-height: 38rem
}

.tw-max-h-\[5rem\] {
    max-height: 5rem
}

.tw-max-h-\[8rem\] {
    max-height: 8rem
}

.tw-max-h-\[9\.5rem\] {
    max-height: 9.5rem
}

.tw-max-h-full {
    max-height: 100%
}

.tw-min-h-\[10\.25rem\] {
    min-height: 10.25rem
}

.tw-min-h-\[14\.5rem\] {
    min-height: 14.5rem
}

.tw-min-h-\[14\.75rem\] {
    min-height: 14.75rem
}

.tw-min-h-\[17rem\] {
    min-height: 17rem
}

.tw-min-h-\[18rem\] {
    min-height: 18rem
}

.tw-min-h-\[20rem\] {
    min-height: 20rem
}

.tw-min-h-\[25\.5rem\] {
    min-height: 25.5rem
}

.tw-min-h-\[27\.5rem\] {
    min-height: 27.5rem
}

.tw-min-h-\[28rem\] {
    min-height: 28rem
}

.tw-min-h-\[35rem\] {
    min-height: 35rem
}

.tw-min-h-\[44\.5rem\] {
    min-height: 44.5rem
}

.tw-min-h-\[50rem\] {
    min-height: 50rem
}

.tw-min-h-\[5rem\] {
    min-height: 5rem
}

.tw-min-h-\[658px\] {
    min-height: 658px
}

.tw-min-h-\[85vh\] {
    min-height: 85vh
}

.tw-min-h-\[9\.5rem\] {
    min-height: 9.5rem
}

.tw-min-h-full {
    min-height: 100%
}

.tw-w-1 {
    width: .25rem
}

.tw-w-1\/2 {
    width: 50%
}

.tw-w-10 {
    width: 2.5rem
}

.tw-w-11 {
    width: 2.75rem
}

.tw-w-12 {
    width: 3rem
}

.tw-w-14 {
    width: 56px
}

.tw-w-2 {
    width: .5rem
}

.tw-w-24 {
    width: 6rem
}

.tw-w-3 {
    width: .75rem
}

.tw-w-3\/4 {
    width: 75%
}

.tw-w-36 {
    width: 9rem
}

.tw-w-4 {
    width: 1rem
}

.tw-w-4\/6 {
    width: 66.666667%
}

.tw-w-5 {
    width: 1.25rem
}

.tw-w-6 {
    width: 1.5rem
}

.tw-w-7 {
    width: 1.75rem
}

.tw-w-8 {
    width: 2rem
}

.tw-w-9 {
    width: 2.25rem
}

.tw-w-\[0\.5rem\] {
    width: .5rem
}

.tw-w-\[0\.6rem\] {
    width: .6rem
}

.tw-w-\[1\.15rem\] {
    width: 1.15rem
}

.tw-w-\[11rem\] {
    width: 11rem
}

.tw-w-\[12rem\] {
    width: 12rem
}

.tw-w-\[13rem\] {
    width: 13rem
}

.tw-w-\[15\.25rem\] {
    width: 15.25rem
}

.tw-w-\[15rem\] {
    width: 15rem
}

.tw-w-\[1rem\] {
    width: 1rem
}

.tw-w-\[2\.75rem\] {
    width: 2.75rem
}

.tw-w-\[20\.5rem\] {
    width: 20.5rem
}

.tw-w-\[210px\] {
    width: 210px
}

.tw-w-\[256px\] {
    width: 256px
}

.tw-w-\[26px\] {
    width: 26px
}

.tw-w-\[314px\] {
    width: 314px
}

.tw-w-\[36rem\] {
    width: 36rem
}

.tw-w-\[40px\] {
    width: 40px
}

.tw-w-\[5\.5rem\] {
    width: 5.5rem
}

.tw-w-\[5rem\] {
    width: 5rem
}

.tw-w-\[8\.25rem\] {
    width: 8.25rem
}

.tw-w-\[9rem\] {
    width: 9rem
}

.tw-w-auto {
    width: auto
}

.tw-w-full {
    width: 100%
}

.tw-w-p48 {
    width: 48%
}

.tw-w-p51 {
    width: 51%
}

.tw-w-screen {
    width: 100vw
}

.tw-min-w-0 {
    min-width: 0
}

.tw-min-w-\[360px\] {
    min-width: 360px
}

.tw-min-w-\[5rem\] {
    min-width: 5rem
}

.tw-min-w-full {
    min-width: 100%
}

.tw-max-w-160 {
    max-width: 40rem
}

.tw-max-w-270 {
    max-width: 67.5rem
}

.tw-max-w-276 {
    max-width: 69rem
}

.tw-max-w-282 {
    max-width: 70.5rem
}

.tw-max-w-2xl {
    max-width: 42rem
}

.tw-max-w-326 {
    max-width: 81.5rem
}

.tw-max-w-4xl {
    max-width: 56rem
}

.tw-max-w-680 {
    max-width: 680px
}

.tw-max-w-\[10rem\] {
    max-width: 10rem
}

.tw-max-w-\[11rem\] {
    max-width: 11rem
}

.tw-max-w-\[1200px\] {
    max-width: 1200px
}

.tw-max-w-\[1275px\] {
    max-width: 1275px
}

.tw-max-w-\[16rem\] {
    max-width: 16rem
}

.tw-max-w-\[20rem\] {
    max-width: 20rem
}

.tw-max-w-\[22\.5rem\] {
    max-width: 22.5rem
}

.tw-max-w-\[22rem\] {
    max-width: 22rem
}

.tw-max-w-\[24rem\] {
    max-width: 24rem
}

.tw-max-w-\[28\.75rem\] {
    max-width: 28.75rem
}

.tw-max-w-\[30rem\] {
    max-width: 30rem
}

.tw-max-w-\[323px\] {
    max-width: 323px
}

.tw-max-w-\[32rem\] {
    max-width: 32rem
}

.tw-max-w-\[33rem\] {
    max-width: 33rem
}

.tw-max-w-\[34\.75rem\] {
    max-width: 34.75rem
}

.tw-max-w-\[34rem\] {
    max-width: 34rem
}

.tw-max-w-\[36rem\] {
    max-width: 36rem
}

.tw-max-w-\[411px\] {
    max-width: 411px
}

.tw-max-w-\[44rem\] {
    max-width: 44rem
}

.tw-max-w-\[48px\] {
    max-width: 48px
}

.tw-max-w-\[53rem\] {
    max-width: 53rem
}

.tw-max-w-\[56rem\] {
    max-width: 56rem
}

.tw-max-w-\[5rem\] {
    max-width: 5rem
}

.tw-max-w-\[855px\] {
    max-width: 855px
}

.tw-max-w-\[8rem\] {
    max-width: 8rem
}

.tw-max-w-full {
    max-width: 100%
}

.tw-flex-1 {
    flex: 1 1 0%
}

.tw-flex-auto {
    flex: 1 1 auto
}

.tw-flex-initial {
    flex: 0 1 auto
}

.tw-shrink-0 {
    flex-shrink: 0
}

.tw-grow {
    flex-grow: 1
}

.tw-basis-1\/2 {
    flex-basis: 50%
}

.tw-basis-\[20\%\] {
    flex-basis: 20%
}

.tw-basis-\[45\%\] {
    flex-basis: 45%
}

.tw-basis-\[48\%\] {
    flex-basis: 48%
}

.tw-basis-\[50\%\] {
    flex-basis: 50%
}

.tw-basis-\[70\%\] {
    flex-basis: 70%
}

.tw-origin-center {
    transform-origin: center
}

.tw-origin-top {
    transform-origin: top
}

.-tw-translate-x-full {
    --tw-translate-x: -100%
}

.-tw-translate-x-full,
.-tw-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-translate-y-full {
    --tw-translate-y: -100%
}

.tw-translate-x-0 {
    --tw-translate-x: 0px
}

.-tw-rotate-90,
.tw-translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-rotate-90 {
    --tw-rotate: -90deg
}

.tw-rotate-0 {
    --tw-rotate: 0deg
}

.tw-rotate-0,
.tw-rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-rotate-180 {
    --tw-rotate: 180deg
}

.tw-rotate-45 {
    --tw-rotate: 45deg
}

.tw-rotate-45,
.tw-rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-rotate-90 {
    --tw-rotate: 90deg
}

.tw-scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.tw-scale-0,
.tw-scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.tw-scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.tw-scale-105,
.tw-scale-\[1\.01\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-scale-\[1\.01\] {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01
}

.tw-scale-\[6\] {
    --tw-scale-x: 6;
    --tw-scale-y: 6
}

.-tw-scale-x-100,
.tw-scale-\[6\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-tw-scale-x-100 {
    --tw-scale-x: -1
}

.-tw-scale-y-100 {
    --tw-scale-y: -1
}

.-tw-scale-y-100,
.tw-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-cursor-default {
    cursor: default
}

.tw-cursor-not-allowed {
    cursor: not-allowed
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-list-none {
    list-style-type: none
}

.tw-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.tw-auto-cols-auto {
    grid-auto-columns: auto
}

.\!tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.tw-flex-row {
    flex-direction: row
}

.tw-flex-col {
    flex-direction: column
}

.tw-flex-wrap {
    flex-wrap: wrap
}

.tw-flex-nowrap {
    flex-wrap: nowrap
}

.tw-content-center {
    align-content: center
}

.tw-items-start {
    align-items: flex-start
}

.tw-items-end {
    align-items: flex-end
}

.tw-items-center {
    align-items: center
}

.tw-items-stretch {
    align-items: stretch
}

.tw-justify-start {
    justify-content: flex-start
}

.tw-justify-end {
    justify-content: flex-end
}

.tw-justify-center {
    justify-content: center
}

.tw-justify-between {
    justify-content: space-between
}

.tw-justify-evenly {
    justify-content: space-evenly
}

.tw-gap-1 {
    gap: .25rem
}

.tw-gap-10 {
    gap: 2.5rem
}

.tw-gap-2 {
    gap: .5rem
}

.tw-gap-3 {
    gap: .75rem
}

.tw-gap-4 {
    gap: 1rem
}

.tw-gap-5 {
    gap: 1.25rem
}

.tw-gap-6 {
    gap: 1.5rem
}

.tw-gap-8 {
    gap: 2rem
}

.tw-gap-\[0\.5rem\] {
    gap: .5rem
}

.tw-gap-\[1\.25rem\] {
    gap: 1.25rem
}

.tw-gap-\[100px\] {
    gap: 100px
}

.tw-gap-x-\[5vw\] {
    -moz-column-gap: 5vw;
    column-gap: 5vw
}

.tw-gap-y-6 {
    row-gap: 1.5rem
}

.tw-gap-y-8 {
    row-gap: 2rem
}

.tw-space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.tw-overflow-hidden {
    overflow: hidden
}

.\!tw-overflow-visible {
    overflow: visible !important
}

.tw-overflow-visible {
    overflow: visible
}

.tw-overflow-scroll {
    overflow: scroll
}

.tw-overflow-y-hidden {
    overflow-y: hidden
}

.tw-overflow-y-scroll {
    overflow-y: scroll
}

.tw-text-balance {
    text-wrap: balance
}

.\!tw-rounded-none {
    border-radius: 0 !important
}

.tw-rounded {
    border-radius: .25rem
}

.tw-rounded-\[4px\] {
    border-radius: 4px
}

.tw-rounded-full {
    border-radius: 9999px
}

.tw-rounded-lg {
    border-radius: .5rem
}

.tw-rounded-md {
    border-radius: .375rem
}

.tw-rounded-sm {
    border-radius: .125rem
}

.tw-rounded-xl {
    border-radius: .75rem
}

.tw-rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.tw-rounded-r-md {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.tw-rounded-bl-xl {
    border-bottom-left-radius: .75rem
}

.tw-rounded-tl-xl {
    border-top-left-radius: .75rem
}

.tw-border {
    border-width: 1px
}

.tw-border-2 {
    border-width: 2px
}

.tw-border-\[1px\] {
    border-width: 1px
}

.tw-border-\[2px\] {
    border-width: 2px
}

.tw-border-y {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.\!tw-border-b-0 {
    border-bottom-width: 0 !important
}

.tw-border-b {
    border-bottom-width: 1px
}

.tw-border-b-2 {
    border-bottom-width: 2px
}

.tw-border-r-2 {
    border-right-width: 2px
}

.tw-border-t {
    border-top-width: 1px
}

.tw-border-solid {
    border-style: solid
}

.tw-border-none {
    border-style: none
}

.tw-border-grey,
.tw-border-grey-cultured {
    --tw-border-opacity: 1;
    border-color: rgb(246 246 246/var(--tw-border-opacity, 1))
}

.tw-border-grey-gainsboro {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1))
}

.tw-border-grey-platinum {
    --tw-border-opacity: 1;
    border-color: rgb(233 233 233/var(--tw-border-opacity, 1))
}

.tw-border-red {
    --tw-border-opacity: 1;
    border-color: rgb(227 6 19/var(--tw-border-opacity, 1))
}

.\!tw-bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.tw-bg-\[\#F6F6F6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.tw-bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.tw-bg-black-charcoal {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 39/var(--tw-bg-opacity, 1))
}

.tw-bg-black-eerie {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 20/var(--tw-bg-opacity, 1))
}

.tw-bg-grey {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.tw-bg-grey-chalice {
    --tw-bg-opacity: 1;
    background-color: rgb(176 176 176/var(--tw-bg-opacity, 1))
}

.tw-bg-grey-cultured {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.tw-bg-grey-platinum {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.tw-bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(227 6 19/var(--tw-bg-opacity, 1))
}

.tw-bg-requirements-green {
    background-color: #209b2e
}

.tw-bg-requirements-greenFaint {
    background-color: rgba(32, 155, 46, .15)
}

.tw-bg-requirements-red {
    background-color: #e30613
}

.tw-bg-requirements-redFaint {
    background-color: rgba(227, 6, 19, .15)
}

.tw-bg-transparent {
    background-color: transparent
}

.tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.tw-bg-opacity-0 {
    --tw-bg-opacity: 0
}

.tw-bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.tw-bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.tw-bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.tw-bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

.tw-bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.tw-bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.tw-from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.tw-to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.tw-to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.tw-bg-cover {
    background-size: cover
}

.\!-tw-bg-left-45rem-center {
    background-position: left -45rem center !important
}

.tw-bg-no-repeat {
    background-repeat: no-repeat
}

.tw-fill-\[\#262626\] {
    fill: #262626
}

.tw-fill-\[\#b3b3b3\] {
    fill: #b3b3b3
}

.tw-fill-current {
    fill: currentColor
}

.tw-stroke-current {
    stroke: currentColor
}

.tw-object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.tw-object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.tw-object-\[60\%\] {
    -o-object-position: 60%;
    object-position: 60%
}

.tw-object-center {
    -o-object-position: center;
    object-position: center
}

.tw-object-right {
    -o-object-position: right;
    object-position: right
}

.tw-object-top {
    -o-object-position: top;
    object-position: top
}

.\!tw-p-0 {
    padding: 0 !important
}

.tw-p-10 {
    padding: 2.5rem
}

.tw-p-3 {
    padding: .75rem
}

.tw-p-4 {
    padding: 1rem
}

.tw-p-6 {
    padding: 1.5rem
}

.tw-p-8 {
    padding: 2rem
}

.tw-p-\[0\.25rem\] {
    padding: .25rem
}

.tw-p-\[0\.3rem\] {
    padding: .3rem
}

.tw-p-\[0\.5rem\] {
    padding: .5rem
}

.tw-p-\[1rem\] {
    padding: 1rem
}

.\!tw-py-\[0\.75rem\] {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.tw-px-0 {
    padding-left: 0;
    padding-right: 0
}

.tw-px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.tw-px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.tw-px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.tw-px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.tw-px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.tw-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.tw-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.tw-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.tw-px-60 {
    padding-left: 3.75rem;
    padding-right: 3.75rem
}

.tw-px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.tw-px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.tw-px-\[1\.25rem\] {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.tw-px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem
}

.tw-px-\[2\.1rem\] {
    padding-left: 2.1rem;
    padding-right: 2.1rem
}

.tw-px-\[2\.55rem\] {
    padding-left: 2.55rem;
    padding-right: 2.55rem
}

.tw-px-\[2\.5rem\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.tw-px-\[3\.25rem\] {
    padding-left: 3.25rem;
    padding-right: 3.25rem
}

.tw-px-\[3\.2rem\] {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.tw-px-\[3\.5rem\] {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.tw-px-\[4\.2rem\] {
    padding-left: 4.2rem;
    padding-right: 4.2rem
}

.tw-px-\[6\.25rem\] {
    padding-left: 6.25rem;
    padding-right: 6.25rem
}

.tw-py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.tw-py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.tw-py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.tw-py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.tw-py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.tw-py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.tw-py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem
}

.tw-py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.tw-py-\[0\.45rem\] {
    padding-bottom: .45rem;
    padding-top: .45rem
}

.tw-py-\[0\.55rem\] {
    padding-bottom: .55rem;
    padding-top: .55rem
}

.tw-py-\[0\.75rem\] {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.tw-py-\[0\.95rem\] {
    padding-bottom: .95rem;
    padding-top: .95rem
}

.tw-py-\[0\.9rem\] {
    padding-bottom: .9rem;
    padding-top: .9rem
}

.tw-py-\[1\.2rem\] {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem
}

.tw-py-\[3\.125rem\] {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem
}

.tw-py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px
}

.\!tw-pb-\[3\.25rem\] {
    padding-bottom: 3.25rem !important
}

.\!tw-pb-\[3\.5rem\] {
    padding-bottom: 3.5rem !important
}

.\!tw-pb-\[3rem\] {
    padding-bottom: 3rem !important
}

.\!tw-pl-0 {
    padding-left: 0 !important
}

.\!tw-pt-0 {
    padding-top: 0 !important
}

.\!tw-pt-\[10\.25rem\] {
    padding-top: 10.25rem !important
}

.\!tw-pt-\[2\.75rem\] {
    padding-top: 2.75rem !important
}

.\!tw-pt-\[3\.25rem\] {
    padding-top: 3.25rem !important
}

.\!tw-pt-\[3\.5rem\] {
    padding-top: 3.5rem !important
}

.\!tw-pt-\[7rem\] {
    padding-top: 7rem !important
}

.tw-pb-0 {
    padding-bottom: 0
}

.tw-pb-0\.5 {
    padding-bottom: .125rem
}

.tw-pb-1 {
    padding-bottom: .25rem
}

.tw-pb-10 {
    padding-bottom: 2.5rem
}

.tw-pb-14 {
    padding-bottom: 56px
}

.tw-pb-16 {
    padding-bottom: 4rem
}

.tw-pb-2 {
    padding-bottom: .5rem
}

.tw-pb-4 {
    padding-bottom: 1rem
}

.tw-pb-5 {
    padding-bottom: 1.25rem
}

.tw-pb-6 {
    padding-bottom: 1.5rem
}

.tw-pb-8 {
    padding-bottom: 2rem
}

.tw-pb-80 {
    padding-bottom: 5rem
}

.tw-pb-9 {
    padding-bottom: 2.25rem
}

.tw-pb-\[0\.5rem\] {
    padding-bottom: .5rem
}

.tw-pb-\[10rem\] {
    padding-bottom: 10rem
}

.tw-pb-\[2\.5rem\] {
    padding-bottom: 2.5rem
}

.tw-pb-\[2\.75rem\] {
    padding-bottom: 2.75rem
}

.tw-pb-\[3\.75rem\] {
    padding-bottom: 3.75rem
}

.tw-pb-\[5\.25rem\] {
    padding-bottom: 5.25rem
}

.tw-pb-\[5\.5rem\] {
    padding-bottom: 5.5rem
}

.tw-pb-\[5rem\] {
    padding-bottom: 5rem
}

.tw-pb-\[6\.5rem\] {
    padding-bottom: 6.5rem
}

.tw-pb-\[6rem\] {
    padding-bottom: 6rem
}

.tw-pb-\[7\.5rem\] {
    padding-bottom: 7.5rem
}

.tw-pb-\[7rem\] {
    padding-bottom: 7rem
}

.tw-pl-14 {
    padding-left: 56px
}

.tw-pl-2 {
    padding-left: .5rem
}

.tw-pl-5,
.tw-pl-\[1\.25rem\] {
    padding-left: 1.25rem
}

.tw-pl-\[8px\] {
    padding-left: 8px
}

.tw-pr-16 {
    padding-right: 4rem
}

.tw-pr-4 {
    padding-right: 1rem
}

.tw-pr-5 {
    padding-right: 1.25rem
}

.tw-pr-7 {
    padding-right: 1.75rem
}

.tw-pr-\[16px\] {
    padding-right: 16px
}

.tw-pr-\[2\.75rem\] {
    padding-right: 2.75rem
}

.tw-pr-\[5rem\] {
    padding-right: 5rem
}

.tw-pt-0 {
    padding-top: 0
}

.tw-pt-1 {
    padding-top: .25rem
}

.tw-pt-11 {
    padding-top: 2.75rem
}

.tw-pt-12 {
    padding-top: 3rem
}

.tw-pt-14 {
    padding-top: 56px
}

.tw-pt-16 {
    padding-top: 4rem
}

.tw-pt-2 {
    padding-top: .5rem
}

.tw-pt-4 {
    padding-top: 1rem
}

.tw-pt-6 {
    padding-top: 1.5rem
}

.tw-pt-8 {
    padding-top: 2rem
}

.tw-pt-80 {
    padding-top: 5rem
}

.tw-pt-\[12rem\] {
    padding-top: 12rem
}

.tw-pt-\[14rem\] {
    padding-top: 14rem
}

.tw-pt-\[18\.5rem\] {
    padding-top: 18.5rem
}

.tw-pt-\[1rem\] {
    padding-top: 1rem
}

.tw-pt-\[2\.25rem\] {
    padding-top: 2.25rem
}

.tw-pt-\[2\.75rem\] {
    padding-top: 2.75rem
}

.tw-pt-\[2rem\] {
    padding-top: 2rem
}

.tw-pt-\[3\.25rem\] {
    padding-top: 3.25rem
}

.tw-pt-\[3\.5rem\] {
    padding-top: 3.5rem
}

.tw-pt-\[4\.25rem\] {
    padding-top: 4.25rem
}

.tw-pt-\[4\.5rem\] {
    padding-top: 4.5rem
}

.tw-pt-\[4\.75rem\] {
    padding-top: 4.75rem
}

.tw-pt-\[4rem\] {
    padding-top: 4rem
}

.tw-pt-\[5\.25rem\] {
    padding-top: 5.25rem
}

.tw-pt-\[5\.5rem\] {
    padding-top: 5.5rem
}

.tw-pt-\[5\.75rem\] {
    padding-top: 5.75rem
}

.tw-pt-\[5rem\] {
    padding-top: 5rem
}

.tw-pt-\[6\.25rem\] {
    padding-top: 6.25rem
}

.tw-pt-\[6\.5rem\] {
    padding-top: 6.5rem
}

.tw-pt-\[6rem\] {
    padding-top: 6rem
}

.tw-pt-\[7\.25rem\] {
    padding-top: 7.25rem
}

.tw-pt-\[7\.5rem\] {
    padding-top: 7.5rem
}

.tw-pt-\[7rem\] {
    padding-top: 7rem
}

.tw-text-center {
    text-align: center
}

.tw-text-right {
    text-align: right
}

.tw-align-top {
    vertical-align: top
}

.\!tw-font-primary {
    font-family: Roboto, sans-serif !important
}

.\!tw-text-b22 {
    font-size: 1.375rem !important
}

.\!tw-text-h1m {
    font-size: 2.375rem !important
}

.tw-text-10 {
    font-size: 10px
}

.tw-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.tw-text-\[1\.125rem\] {
    font-size: 1.125rem
}

.tw-text-\[18px\] {
    font-size: 18px
}

.tw-text-\[28px\] {
    font-size: 28px
}

.tw-text-b12 {
    font-size: .75rem
}

.tw-text-b14 {
    font-size: .875rem
}

.tw-text-b18 {
    font-size: 1.125rem
}

.tw-text-b22 {
    font-size: 1.375rem
}

.tw-text-base {
    font-size: 1rem
}

.tw-text-h1m {
    font-size: 2.375rem
}

.tw-text-h3 {
    font-size: 2.1875rem
}

.tw-text-h4 {
    font-size: 1.875rem
}

.tw-text-h4m {
    font-size: 1.5rem
}

.tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.tw-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.tw-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.tw-font-bold {
    font-weight: 700
}

.tw-font-light {
    font-weight: 300
}

.tw-font-medium {
    font-weight: 500
}

.tw-font-normal {
    font-weight: 400
}

.tw-font-thin {
    font-weight: 100
}

.tw-uppercase {
    text-transform: uppercase
}

.tw-leading-22 {
    line-height: 1.375rem
}

.tw-leading-26 {
    line-height: 1.625rem
}

.tw-leading-5 {
    line-height: 1.25rem
}

.tw-leading-6 {
    line-height: 1.5rem
}

.tw-leading-8 {
    line-height: 2rem
}

.tw-leading-\[1\.625\] {
    line-height: 1.625
}

.tw-leading-\[18px\] {
    line-height: 18px
}

.tw-leading-\[26px\] {
    line-height: 26px
}

.tw-leading-\[30px\] {
    line-height: 30px
}

.tw-leading-\[34px\] {
    line-height: 34px
}

.tw-leading-b14 {
    line-height: .875rem
}

.tw-leading-b18 {
    line-height: 1.125rem
}

.tw-leading-h1m {
    line-height: 2.625rem
}

.tw-leading-h3 {
    line-height: 2.5rem
}

.tw-leading-p {
    line-height: 1.875rem
}

.tw-leading-relaxed {
    line-height: 1.625
}

.tw-leading-tight {
    line-height: 1.25
}

.tw-tracking-\[1\.4px\] {
    letter-spacing: 1.4px
}

.\!tw-text-grey-granite {
    --tw-text-opacity: 1 !important;
    color: rgb(102 102 102/var(--tw-text-opacity, 1)) !important
}

.tw-text-\[\#262626\] {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
}

.tw-text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.tw-text-\[\#E30613\] {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.tw-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.tw-text-black-charcoal {
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1))
}

.tw-text-black-eerie {
    --tw-text-opacity: 1;
    color: rgb(20 20 20/var(--tw-text-opacity, 1))
}

.tw-text-grey {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.tw-text-grey-chalice {
    --tw-text-opacity: 1;
    color: rgb(176 176 176/var(--tw-text-opacity, 1))
}

.tw-text-grey-cultured {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.tw-text-grey-granite {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.tw-text-grey-onyx {
    --tw-text-opacity: 1;
    color: rgb(66 69 72/var(--tw-text-opacity, 1))
}

.tw-text-grey-platinum {
    --tw-text-opacity: 1;
    color: rgb(233 233 233/var(--tw-text-opacity, 1))
}

.tw-text-grey-sand {
    --tw-text-opacity: 1;
    color: rgb(188 191 194/var(--tw-text-opacity, 1))
}

.tw-text-red {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.tw-text-requirements-green {
    color: #209b2e
}

.tw-text-requirements-red {
    color: #e30613
}

.tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.tw-antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tw-opacity-0 {
    opacity: 0
}

.tw-opacity-100 {
    opacity: 1
}

.tw-opacity-40 {
    opacity: .4
}

.tw-opacity-50 {
    opacity: .5
}

.tw-opacity-70 {
    opacity: .7
}

.\!tw-shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-cta {
    --tw-shadow: 0px 0px 15px #2727275c;
    --tw-shadow-colored: 0px 0px 15px var(--tw-shadow-color)
}

.tw-shadow-cta,
.tw-shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.tw-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.tw-shadow-md,
.tw-shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.tw-outline {
    outline-style: solid
}

.tw-outline-4 {
    outline-width: 4px
}

.tw-outline-red {
    outline-color: #e30613
}

.tw-drop-shadow-box {
    --tw-drop-shadow: drop-shadow(0 3px 10px #00000014)
}

.tw-drop-shadow-box,
.tw-drop-shadow-md {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.tw-drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.tw-drop-shadow-menu {
    --tw-drop-shadow: drop-shadow(0 5px 6px #00000029)
}

.tw-drop-shadow-menu,
.tw-drop-shadow-xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.tw-drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}

.tw-backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.tw-transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tw-delay-75 {
    transition-delay: 75ms
}

.tw-duration-150 {
    transition-duration: .15s
}

.tw-duration-300 {
    transition-duration: .3s
}

.tw-ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@font-face {
    font-display: block;
    font-family: ICCONS;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/iccons-webfont.eot);
    src: url(../fonts/iccons-webfont.eot) format("embedded-opentype"), url(../fonts/iccons-webfont.woff) format("woff"), url(../fonts/iccons-webfont.ttf) format("truetype")
}

[class*=iccons] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: auto;
    text-transform: none
}

[class*=iccons]:before {
    font-family: ICCONS
}

.iccons-add:before {
    content: "\f101"
}

.iccons-arrow-thick-left:before {
    content: "\f102"
}

.iccons-arrow-thick-right:before {
    content: "\f103"
}

.iccons-bell:before {
    content: "\f104"
}

.iccons-bullhorn:before {
    content: "\f105"
}

.iccons-cat-adhesives:before {
    content: "\f106"
}

.iccons-cat-anchoring:before {
    content: "\f107"
}

.iccons-cat-concrete-nailing:before {
    content: "\f108"
}

.iccons-cat-diamond:before {
    content: "\f109"
}

.iccons-cat-drilling:before {
    content: "\f10a"
}

.iccons-cat-merchandising:before {
    content: "\f10b"
}

.iccons-cat-power-tools:before {
    content: "\f10c"
}

.iccons-cat-rivets:before {
    content: "\f10d"
}

.iccons-cat-screws:before {
    content: "\f10e"
}

.category-navigation>li.current>a:before,
.filters .filter .label:before,
.iccons-chevron-down-thick:before {
    content: "\f10f"
}

#site-search .form-element.search-category .select2-container .select2-selection__arrow:before,
.content-container>.tab-toggler:before,
.iccons-chevron-down:before,
.select2 .select2-selection--single .select2-selection__arrow:before {
    content: "\f110"
}

.iccons-chevron-left-thick:before {
    content: "\f111"
}

.iccons-chevron-left:before {
    content: "\f112"
}

.accordion-listing .accordion-toggler:before,
.category-navigation>li>a:before,
.iccons-chevron-right-thick:before {
    content: "\f113"
}

#breadcrumbs>li:before,
#header-nav .mega-menu .category .subcategories>li>a:before,
#hero #breadcrumbs>li:before,
.hero-careers #breadcrumbs>li:before,
.iccons-chevron-right:before {
    content: "\f114"
}

.iccons-chevron-up-thick:before {
    content: "\f115"
}

.iccons-chevron-up:before {
    content: "\f116"
}

#footer h3[data-click-toggle-class=active]:before,
#footer h4[data-click-toggle-class=active]:before,
.iccons-cross:before {
    content: "\f117"
}

.iccons-dl-brochure:before {
    content: "\f118"
}

.iccons-dl-datasheet:before {
    content: "\f119"
}

.iccons-dl-document:before {
    content: "\f11a"
}

.iccons-dl-msds:before {
    content: "\f11b"
}

.iccons-dl-video:before {
    content: "\f11c"
}

.iccons-email:before {
    content: "\f11d"
}

.iccons-facebook:before {
    content: "\f11e"
}

.iccons-fries:before {
    content: "\f11f"
}

.iccons-iccoins:before {
    content: "\f120"
}

.iccons-icon-anchor-thickness:before {
    content: "\f121"
}

.iccons-icon-anchor-wall-thickness:before {
    content: "\f122"
}

.iccons-icon-anchor-width:before {
    content: "\f123"
}

.iccons-icon-beam-depth:before {
    content: "\f124"
}

.iccons-icon-beam-hole:before {
    content: "\f125"
}

.iccons-icon-body-diameter:before {
    content: "\f126"
}

.iccons-icon-channel-depth:before {
    content: "\f127"
}

.iccons-icon-channel-length:before {
    content: "\f128"
}

.iccons-icon-channel-width:before {
    content: "\f129"
}

.iccons-icon-clearance-hole:before {
    content: "\f12a"
}

.iccons-icon-clock:before {
    content: "\f12b"
}

.iccons-icon-countersunk-height:before {
    content: "\f12c"
}

.iccons-icon-countersunk-width:before {
    content: "\f12d"
}

.dealer-listing .dealer-details:before,
.iccons-icon-dealer:before {
    content: "\f12e"
}

.iccons-icon-depth:before {
    content: "\f12f"
}

.iccons-icon-diameter:before {
    content: "\f130"
}

.iccons-icon-diamond-core-diameter:before {
    content: "\f131"
}

.iccons-icon-diamond-core-length:before {
    content: "\f132"
}

.iccons-icon-diamond-diameter:before {
    content: "\f133"
}

.iccons-icon-diamond-disk-diameter:before {
    content: "\f134"
}

.iccons-icon-download:before {
    content: "\f135"
}

.iccons-icon-drill-chisel-width:before {
    content: "\f136"
}

.iccons-icon-drill-saw-diameter:before {
    content: "\f137"
}

.iccons-icon-drill-saw-length:before {
    content: "\f138"
}

.iccons-icon-drill-saw-thread:before {
    content: "\f139"
}

.iccons-icon-drill-total-length:before {
    content: "\f13a"
}

.iccons-icon-drill-working-length:before {
    content: "\f13b"
}

.iccons-icon-eye-diameter:before {
    content: "\f13c"
}

.iccons-icon-finish:before {
    content: "\f13d"
}

.iccons-icon-fixture-thickness:before {
    content: "\f13e"
}

.iccons-icon-grip-nut-thickness:before {
    content: "\f13f"
}

.iccons-icon-grip-range:before {
    content: "\f140"
}

.iccons-icon-head-size:before {
    content: "\f141"
}

.iccons-icon-head-width:before {
    content: "\f142"
}

.iccons-icon-hole-depth:before {
    content: "\f143"
}

.iccons-icon-insulation-thickness:before {
    content: "\f144"
}

.iccons-icon-internal-thread:before {
    content: "\f145"
}

.iccons-icon-length:before {
    content: "\f146"
}

.iccons-icon-login:before {
    content: "\f147"
}

.iccons-icon-material-thickness:before {
    content: "\f148"
}

.iccons-icon-max-torque:before {
    content: "\f149"
}

.iccons-icon-min-depth:before {
    content: "\f14a"
}

.iccons-icon-nail-length:before {
    content: "\f14b"
}

.iccons-icon-nail-shank-width:before {
    content: "\f14c"
}

.iccons-icon-nail-width:before {
    content: "\f14d"
}

.iccons-icon-phillips:before {
    content: "\f14e"
}

.iccons-icon-pipe-diameter:before {
    content: "\f14f"
}

.iccons-icon-plug-length:before {
    content: "\f150"
}

.iccons-icon-purlin-thickness:before {
    content: "\f151"
}

.iccons-icon-quantity:before {
    content: "\f152"
}

.iccons-icon-screw-embedment:before {
    content: "\f153"
}

.iccons-icon-screw-eye:before {
    content: "\f154"
}

.iccons-icon-screw-head:before {
    content: "\f155"
}

.iccons-icon-screw-length:before {
    content: "\f156"
}

.iccons-icon-screw-shank-length:before {
    content: "\f157"
}

.iccons-icon-screw-thickness:before {
    content: "\f158"
}

.iccons-icon-search:before {
    content: "\f159"
}

.iccons-icon-shank-width:before {
    content: "\f15a"
}

.iccons-icon-sitebox:before {
    content: "\f15b"
}

#top-nav>ul>li a .iccons-icon-sitebox:before {
    left: -4px;
    position: relative
}

.iccons-icon-strike-anchor-thickness:before {
    content: "\f15c"
}

.iccons-icon-support:before {
    content: "\f15d"
}

.iccons-icon-thread-length:before {
    content: "\f15e"
}

.iccons-icon-thread-size:before {
    content: "\f15f"
}

.iccons-icon-thread-width:before {
    content: "\f160"
}

.iccons-icon-threaded-diameter:before {
    content: "\f161"
}

.iccons-icon-threaded-length:before {
    content: "\f162"
}

.iccons-icon-toggle-strap-thickness:before {
    content: "\f163"
}

.iccons-icon-uom:before {
    content: "\f164"
}

.iccons-icon-washer-diameter:before {
    content: "\f165"
}

.iccons-iconx:before {
    content: "\f166"
}

.iccons-info:before {
    content: "\f167"
}

.iccons-instagram:before {
    content: "\f168"
}

.iccons-linkedin:before {
    content: "\f169"
}

.iccons-lock:before {
    content: "\f16a"
}

.iccons-logout:before {
    content: "\f16b"
}

#content.contact-us #primary .office-locations .details:before,
.iccons-map-marker-iccons:before {
    content: "\f16c"
}

.iccons-mobile-menu:before {
    content: "\f16d"
}

.iccons-move-left:before {
    content: "\f16e"
}

.iccons-move-right:before {
    content: "\f16f"
}

.iccons-resizer:before {
    content: "\f170"
}

.iccons-scroll-arrow-left:before {
    content: "\f171"
}

.iccons-scroll-arrow-right:before {
    content: "\f172"
}

.iccons-share:before {
    content: "\f173"
}

.iccons-software-calculator:before {
    content: "\f174"
}

.iccons-software-design:before {
    content: "\f175"
}

.iccons-star:before {
    content: "\f176"
}

.iccons-stats:before {
    content: "\f177"
}

.iccons-support-faq:before {
    content: "\f178"
}

.iccons-support-glossary:before {
    content: "\f179"
}

.iccons-support-shipping:before {
    content: "\f17a"
}

.iccons-support-tools:before {
    content: "\f17b"
}

.dealer-listing .dealer-details.dna:before,
.iccons-symbol-dna:before {
  /*  content: "\f17c"*/
}

#hero.carousel .carousel-items>li>.container:before,
#hero.video .container:before,
.iccons-symbol-footer:before {
   /* content: "\f17d"*/
}

.iccons-symbol:before {
  /*  content: "\f17e"    */
}

.iccons-tag:before {
    content: "\f17f"
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:before,
.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:before,
.iccons-tick:before {
    content: "\f180"
}

.iccons-trash:before {
    content: "\f181"
}

.iccons-twitter:before {
    content: "\f182"
}

.iccons-user:before {
    content: "\f183"
}

.iccons-val-doc:before {
    content: "\f184"
}

.iccons-val-growth:before {
    content: "\f185"
}

.iccons-val-lines:before {
    content: "\f186"
}

.iccons-val-map:before {
    content: "\f187"
}

.iccons-val-rewards:before {
    content: "\f188"
}

.iccons-val-roadmap:before {
    content: "\f189"
}

.iccons-val-support:before {
    content: "\f18a"
}

.iccons-val-tools:before {
    content: "\f18b"
}

.iccons-val-trinity:before {
    content: "\f18c"
}

.iccons-view-grid:before {
    content: "\f18d"
}

.iccons-view-list:before {
    content: "\f18e"
}

.iccons-view-map:before {
    content: "\f18f"
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
tfoot,
thead,
time,
tt,
u,
ul,
var,
video {
    border: 0;
    box-sizing: border-box;
    font: inherit;
    font-size: 100%;
    font-style: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

img {
    border: 0
}

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

body {
    line-height: 1
}

a {
    text-decoration: none
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: Helvetica, Arial, sans-serif
}

[x-cloak] {
    display: none !important
}

html {
    background: #f6f6f6;
    background-attachment: fixed;
    background-size: cover;
    color: #272727;
    overflow-y: scroll;
    scroll-behavior: smooth
}

body,
html {
    height: 100%;
    max-width: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    display: block !important;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: relative
}

body:not(.initialized) * {
    transition: none !important;
    transition-delay: 0s !important
}

body.customize-support #viewport {
    padding-top: 31px
}

body.overlay:after {
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    inset: 0;
    opacity: 1;
    position: fixed;
    width: 100%;
    z-index: 10
}

body:after {
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out
}

#viewport {
    display: block !important;
    min-height: 100vh;
    width: 100%
}

#viewport>#page-container,
#viewport>#page-container>.inner {
    min-height: 100vh;
    position: relative
}

#viewport>#page-container>.inner {
    background: #f6f6f6;
    transition: left .3s ease-in;
    -o-transition: left .3s ease-in;
    -ms-transition: left .3s ease-in;
    -moz-transition: left .3s ease-in;
    -webkit-transition: left .3s ease-in
}

#viewport>#page-container #scroll-to-top-btn {
    bottom: calc(15% + 25px);
    letter-spacing: .5px;
    opacity: 0;
    padding: 17px 30px 17px 13px;
    position: fixed;
    right: 10px;
    text-transform: none;
    transition: opacity .5s ease-in-out;
    z-index: 10
}

#viewport>#page-container #scroll-to-top-btn:after {
    color: currentColor;
    content: "\f113";
    font-family: ICCONS;
    font-size: 10px;
    position: absolute;
    right: 12px;
    text-align: center;
    transform: rotate(-90deg);
    transition: color .3s ease-in-out;
    width: 10px
}

#viewport>#page-container #scroll-to-top-btn.fadeIn {
    opacity: 1
}

@media (max-width:767px) {
    #viewport>#page-container #scroll-to-top-btn {
        padding: 24px
    }

    #viewport>#page-container #scroll-to-top-btn span {
        display: none
    }

    #viewport>#page-container #scroll-to-top-btn:after {
        right: calc(50% - 5px);
        top: calc(50% - 7px)
    }
}

[data-link-to] {
    cursor: pointer
}

.clear {
    clear: both
}

.centered {
    text-align: center
}

.border-none {
    border: none !important
}

.mobile-only,
.tablet-only {
    display: none
}

.desktop-only.block {
    display: block
}

.desktop-only.inline-block {
    display: inline-block
}

.desktop-only.inline {
    display: inline
}

.desktop-visible {
    display: block !important
}

.desktop-hidden {
    display: none !important
}

.visually-hidden {
    height: 0 !important;
    left: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    top: -1px;
    width: 0 !important
}

.clearfix {
    clear: both
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.container--short {
    max-width: 600px
}

a {
    color: #e30613
}

a:hover {
    color: #272727
}

a:focus {
    outline: none
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

button {
    border: 0;
    outline: none
}

button.btn {
    cursor: pointer;
    font-family: Roboto, Arial, Helvetica, sans-serif
}

.btn,
.formatted .btn {
    background: #272727;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    outline: none;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.btn.block,
.formatted .btn.block {
    display: block;
    width: 100%
}

.btn.small,
.formatted .btn.small {
    font-size: 12px;
    padding: 10px 20px
}

.btn:hover,
.formatted .btn:hover {
    background: #e30613;
    color: #fff;
    outline: none;
    text-decoration: none
}

.btn.light-grey,
.formatted .btn.light-grey {
    background: #e9e9e9;
    color: #272727
}

.btn.light-grey:hover,
.btn.primary,
.formatted .btn.light-grey:hover,
.formatted .btn.primary {
    background: #e30613;
    color: #fff
}

.btn.primary .is-added,
.btn.primary:hover,
.formatted .btn.primary .is-added,
.formatted .btn.primary:hover {
    background: #b1050f;
    color: #fff
}

.btn.secondary,
.formatted .btn.secondary {
    background: #e30613;
    color: #fff
}

.btn.secondary:hover,
.formatted .btn.secondary:hover {
    background: #272727;
    color: #fff
}

.btn.white,
.formatted .btn.white {
    background: #fff;
    color: #272727
}

.btn.white:hover,
.formatted .btn.white:hover {
    background: #e30613;
    color: #fff
}

.btn .iccons,
.formatted .btn .iccons {
    padding-left: 5px
}

.btn--tick,
.formatted .btn--tick {
    overflow: hidden;
    position: relative
}

.btn--tick span,
.formatted .btn--tick span {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    transition: all .5s ease;
    width: 100%
}

.btn--tick svg,
.formatted .btn--tick svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    width: 100%
}

.btn--tick.is-added,
.formatted .btn--tick.is-added {
    background: #b1050f
}

.btn--tick.is-added span,
.formatted .btn--tick.is-added span {
    color: transparent;
    transform: translateX(-100%)
}

.btn--tick.is-added svg,
.formatted .btn--tick.is-added svg {
    transform: translate(-50%, -50%)
}

.page-cta button {
    background: transparent;
    border: none;
    outline: none
}

.slide-panel {
    background: #fff;
    border-radius: 9px 0 0 9px;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
    flex-direction: column;
    max-width: 100%;
    opacity: 0;
    padding: 4rem 2rem;
    position: fixed;
    right: -400px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    width: 400px;
    z-index: 99
}

.slide-panel p {
    font-size: 1.2rem;
    margin: 1.5rem 0
}

.slide-panel.active {
    opacity: 1;
    right: 0
}

.ajax-loader {
    display: none;
    height: 80px;
    position: fixed;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    z-index: 9999
}

input,
select,
textarea {
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 15px
}

.select2-selection:focus,
.select2:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0
}

.field-quantity {
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1;
    margin: 0 10px;
    padding: 5px;
    text-align: center;
    width: 5rem
}

::-moz-placeholder {
    color: #a6afbf;
    font-weight: 200
}

::placeholder {
    color: #a6afbf;
    font-weight: 200
}

.form-row .field {
    position: relative
}

.form-row .field input[type=email],
.form-row .field input[type=number],
.form-row .field input[type=password],
.form-row .field input[type=text],
.form-row .field select,
.form-row .field textarea {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-weight: 400;
    line-height: 2;
    padding: 8px 16px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 100%
}

.form-row .field input[type=email]:focus,
.form-row .field input[type=number]:focus,
.form-row .field input[type=password]:focus,
.form-row .field input[type=text]:focus,
.form-row .field select:focus,
.form-row .field textarea:focus {
    border-color: #777
}

.form-row .field input[type=email]:disabled,
.form-row .field input[type=number]:disabled,
.form-row .field input[type=password]:disabled,
.form-row .field input[type=text]:disabled,
.form-row .field select:disabled,
.form-row .field textarea:disabled {
    background: #f5f5f5
}

.form-row .field select {
    height: 46px;
    padding: 8px 30px 8px 10px
}

.form-row label {
    cursor: pointer
}

.form-row label:hover .checkbox {
    border-color: #777
}

.form-row label .checkbox {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: 24px;
    margin: 0 9px 0 0;
    position: relative;
    top: -2px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    vertical-align: middle;
    width: 24px
}

.form-row label .checkbox input[type=checkbox] {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

#site-search .form-element.search-category .select2-container .select2-dropdown .form-row label .checkbox .select2-results__options>input[type=checkbox]:checked+li[aria-selected=true],
.filters .filter .element .select2-container .select2-dropdown .form-row label .checkbox .select2-results__options>input[type=checkbox]:checked+li[aria-selected=true],
.form-row label .checkbox #site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>input[type=checkbox]:checked+li[aria-selected=true],
.form-row label .checkbox .filters .filter .element .select2-container .select2-dropdown .select2-results__options>input[type=checkbox]:checked+li[aria-selected=true],
.form-row label .checkbox input[type=checkbox]:checked+.iccons-tick {
    opacity: 1
}

#site-search .form-element.search-category .select2-container .select2-dropdown .form-row label .checkbox .select2-results__options>li[aria-selected=true],
.filters .filter .element .select2-container .select2-dropdown .form-row label .checkbox .select2-results__options>li[aria-selected=true],
.form-row label .checkbox #site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
.form-row label .checkbox .filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
.form-row label .checkbox .iccons-tick {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    z-index: 5
}

@media (min-width:767px) {
    form.styled .form-row+.form-row {
        margin-top: 30px
    }
}

form.styled .form-row.required .label:after {
    content: "*";
    display: inline-block;
    margin: 0 0 0 3px
}

form.styled .form-row .field.checkbox-field label {
    display: block;
    line-height: 1.3em;
    padding-left: 50px;
    padding-top: 4px;
    position: relative
}

form.styled .form-row .field.checkbox-field label .checkbox {
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width:767px) {
    form.styled .form-row .field {
        margin-bottom: 1rem
    }
}

form.styled .form-row .label {
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 3px 0 4px 2px
}

form.styled .form-row label .checkbox {
    margin-right: 26px
}

form.styled .form-row input[type=email],
form.styled .form-row input[type=number],
form.styled .form-row input[type=password],
form.styled .form-row input[type=text],
form.styled .form-row select,
form.styled .form-row textarea {
    transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    -ms-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    -webkit-transition: border-color .2s ease-in
}

form.styled .form-row input[type=email].parsley-error,
form.styled .form-row input[type=number].parsley-error,
form.styled .form-row input[type=password].parsley-error,
form.styled .form-row input[type=text].parsley-error,
form.styled .form-row select.parsley-error,
form.styled .form-row textarea.parsley-error {
    border-color: #e30613
}

form.styled .form-row textarea.large {
    height: 200px
}

form.styled .form-row .parsley-errors-list.filled+.select2 .select2-selection {
    border-color: #e30613
}

form.styled .form-row .parsley-errors-list {
    display: none
}

form.styled .form-row--2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -1rem
}

form.styled .form-row--2 .field {
    padding: 0 1rem;
    width: 50%
}

@media (max-width:767px) {
    form.styled .form-row--2 {
        margin: 0 -.5rem
    }

    form.styled .form-row--2 .field {
        padding: 0 .5rem;
        width: 100%
    }
}

form.styled .form-row--4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -1rem
}

form.styled .form-row--4 .field {
    padding: 0 1rem;
    width: 28%
}

form.styled .form-row--4 .field:last-child {
    width: 16%
}

form.styled .form-row--4 button {
    padding: 15px 0;
    width: 100%
}

@media (max-width:767px) {
    form.styled .form-row--4 {
        margin: 0 -.5rem
    }

    form.styled .form-row--4 .field {
        padding: 0 .5rem;
        width: 100%
    }
}

form.styled .form-row--last {
    margin-bottom: 4rem
}

form.styled--dark .form-row input[type=email],
form.styled--dark .form-row input[type=text] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    color: #fff
}

form.styled.compact .form-row .select2 .select2-selection,
form.styled.compact .form-row input,
form.styled.compact .form-row select,
form.styled.compact .form-row textarea {
    line-height: 1
}

form.styled.compact .form-row+.form-row {
    margin-top: 15px
}

.select2 {
    display: block;
    width: 100% !important
}

.select2.select2-container--focus .select2-selection {
    border-color: #777
}

.select2 .select2-selection {
    line-height: 30px;
    padding: 8px 40px 8px 15px;
    transition: border-color .2s ease-in;
    -o-transition: border-color .2s ease-in;
    -ms-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
    -webkit-transition: border-color .2s ease-in
}

.select2 .select2-selection--single .select2-selection__rendered {
    padding: 0
}

.select2 .select2-selection--single .select2-selection__arrow {
    right: 12px
}

.select2 .select2-selection--single .select2-selection__arrow:before {
    color: #666;
    font-family: ICCONS;
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.select2 .select2-selection--single .select2-selection__arrow b {
    display: none
}

.form-row .select2-container--default .select2-selection--single {
    border: 1px solid #ddd
}

.form-row .select2.select2-container--focus .select2-selection {
    border-color: #777
}

.select2-dropdown {
    border-color: #ddd
}

.select2-dropdown .select2-results>ul>li {
    font-size: .8rem;
    padding: 6px 10px
}

.formatted {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.9em
}

.text-center {
    text-align: center
}

.text-primary {
    color: #e30613
}

.formatted h1,
.formatted h2,
.formatted h3,
.formatted h4,
.formatted h5,
.formatted h6 {
    color: #272727;
    font-weight: 400;
    line-height: normal;
    margin: 1.5em 0 .75em
}

.formatted .fancy {
    font-family: Tinos, Times New Roman, Georgia, serif
}

.formatted h1 {
    font-size: 55px
}

.formatted h2 {
    font-size: 48px
}

.formatted h3 {
    font-size: 30px
}

.formatted h4 {
    font-size: 26px
}

.formatted h5 {
    font-size: 22px
}

.formatted h6 {
    font-size: 20px
}

.formatted h1:first-child,
.formatted h2:first-child,
.formatted h3:first-child,
.formatted h4:first-child,
.formatted h5:first-child,
.formatted h6:first-child {
    margin-top: 0
}

.formatted h1>a,
.formatted h2>a,
.formatted h3>a,
.formatted h4>a,
.formatted h5>a,
.formatted h6>a {
    color: #e30613;
    text-decoration: none
}

.formatted h1>a:active,
.formatted h1>a:hover,
.formatted h2:active>a,
.formatted h2:hover>a,
.formatted h3>a:active,
.formatted h3>a:hover,
.formatted h4:active>a,
.formatted h4:hover>a,
.formatted h5>a:active,
.formatted h5>a:hover,
.formatted h6:active>a,
.formatted h6:hover>a {
    text-decoration: underline
}

.formatted a {
    color: #e30613;
    font-weight: 700;
    text-decoration: none
}

.formatted a:hover {
    color: #272727
}

.formatted a:active,
.formatted a:hover {
    text-decoration: underline
}

.formatted p>.small {
    display: block;
    font-size: 80%;
    line-height: 1.1em
}

.formatted p+p {
    margin-top: 1.2em
}

.formatted p+form,
.formatted p+table {
    margin-top: 1.6em
}

.formatted p.small {
    font-size: 12px
}

.formatted .keyline {
    color: #e30613;
    font-size: 30px;
    line-height: 1.4em;
    margin-top: -6px
}

.formatted p.keyline a {
    text-decoration: underline
}

.formatted .keyline+h1,
.formatted .keyline+h2,
.formatted .keyline+h3,
.formatted .keyline+h4,
.formatted .keyline+h5,
.formatted .keyline+h6 {
    margin-top: 0
}

.formatted .keyline+.listing {
    margin-top: 36px
}

.formatted p+h2,
.formatted p+h3,
.formatted p+h4,
.formatted p+h5 {
    margin-top: 1.5em
}

.formatted b,
.formatted strong {
    font-weight: 700
}

.formatted abbr,
.formatted acronym {
    letter-spacing: 1px
}

.formatted blockquote {
    font-style: italic;
    margin: 20px
}

.formatted code,
.formatted p code {
    font-family: Lucida Console, Monaco, monospace;
    white-space: pre
}

.formatted em {
    font-style: italic
}

.formatted hr {
    background-color: #4d4f53;
    border: 0;
    color: #bbc5c3;
    height: 3px;
    margin-bottom: 45px
}

.formatted strike {
    text-decoration: line-through
}

.formatted sub,
.formatted sup {
    font-size: 85%;
    position: relative;
    top: -.4em;
    vertical-align: top
}

.formatted sub {
    top: .4em;
    vertical-align: bottom
}

.formatted ol.numeric-nested {
    counter-reset: item
}

.formatted ol.numeric-nested ol {
    counter-reset: subitem
}

.formatted ol.numeric-nested ol ol {
    counter-reset: subsubitem
}

.formatted ol.numeric-nested li {
    display: block;
    padding-left: 30px;
    position: relative
}

.formatted ol.numeric-nested li:before {
    content: counters(item, ".") ".";
    counter-increment: item;
    font-weight: 700;
    left: 0;
    position: absolute
}

.formatted ol.numeric-nested li+li {
    margin-top: 24px
}

.formatted ol.numeric-nested li ol li {
    padding-left: 35px
}

.formatted ol.numeric-nested li ol li:before {
    content: counter(item) "." counter(subitem) " ";
    counter-increment: subitem
}

.formatted ol.numeric-nested li ol li ol li {
    padding-left: 50px
}

.formatted ol.numeric-nested li ol li ol li:before {
    content: counter(item) "." counter(subitem) "." counter(subsubitem) " ";
    counter-increment: subsubitem
}

.formatted ol.numeric-nested>li {
    list-style: decimal
}

.formatted ol.numeric-nested>li:before {
    color: #272727;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px
}

.formatted ol.numeric-nested>li ol>li,
.formatted ol.numeric-nested>li ol>li ol>li {
    list-style: decimal
}

.formatted ol.numeric-nested ol {
    margin: 18px 0
}

.formatted ol:not(.listing):not(.select2-results__options),
.formatted ul:not(.listing):not(.select2-results__options) {
    margin: 24px 0 24px 12px
}

.formatted ol:not(.listing):not(.select2-results__options):last-child,
.formatted ul:not(.listing):not(.select2-results__options):last-child {
    margin-bottom: 0
}

.formatted ol:not(.listing):not(.select2-results__options)>li,
.formatted ul:not(.listing):not(.select2-results__options)>li {
    list-style: disc;
    margin-bottom: 5px;
    margin-left: 15px;
    padding-left: 9px
}

.formatted ol:not(.listing):not(.select2-results__options) ul>li,
.formatted ul:not(.listing):not(.select2-results__options) ul>li {
    list-style: circle
}

.formatted ol:not(.listing):not(.select2-results__options) ul>li ul>li,
.formatted ul:not(.listing):not(.select2-results__options) ul>li ul>li {
    list-style: square
}

.formatted ol:not(.listing):not(.select2-results__options) ol,
.formatted ol:not(.listing):not(.select2-results__options) ul,
.formatted ul:not(.listing):not(.select2-results__options) ol,
.formatted ul:not(.listing):not(.select2-results__options) ul {
    margin-bottom: 12px;
    margin-top: 12px
}

.formatted ol:not(.listing):not(.select2-results__options) ol:last-child,
.formatted ol:not(.listing):not(.select2-results__options) ul:last-child,
.formatted ul:not(.listing):not(.select2-results__options) ol:last-child,
.formatted ul:not(.listing):not(.select2-results__options) ul:last-child {
    margin-bottom: 12px
}

.formatted ol:not(.listing):not(.select2-results__options)>li {
    list-style: decimal
}

.formatted ol:not(.listing):not(.select2-results__options)>li ol>li {
    list-style: lower-alpha
}

.formatted ol:not(.listing):not(.select2-results__options)>li ol>li ol>li {
    list-style: lower-roman
}

.formatted table {
    background: transparent;
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0;
    width: 100%
}

.formatted table+.pagination {
    margin-top: 9px
}

.formatted table tr {
    vertical-align: top
}

.formatted table td,
.formatted table th {
    border: 0;
    padding: 9px 6px;
    vertical-align: top
}

.formatted table th {
    background: #272727;
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    vertical-align: middle
}

.formatted table thead th {
    text-align: center
}

.formatted .columned {
    margin-bottom: 18px
}

.formatted .columned.two-column .column {
    float: left;
    width: 48%
}

.formatted .columned.two-column .column+.column {
    float: none;
    margin-left: 52%
}

.formatted .note-float-left {
    padding: 0 45px 45px 0
}

.formatted .note-float-right {
    padding: 0 0 45px 45px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-size: 100%;
    margin-top: 5px
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

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

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

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

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    float: left;
    margin-top: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    outline: 0
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

@keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    0% {
        transform: translateY(100px)
    }

    to {
        transform: translate(0)
    }
}

.modal-video {
    animation-duration: .3s;
    animation-name: modal-video;
    animation-timing-function: ease-out;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-out;
    width: 100%;
    z-index: 1000000
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    transform: translateY(100px)
}

.modal-video-body {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 960px;
    padding: 0 10px
}

.modal-video-body,
.modal-video-inner {
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modal-video-inner {
    align-items: center
}

@media (orientation:landscape) {
    .modal-video-inner {
        box-sizing: border-box;
        padding: 10px 60px
    }
}

.modal-video-movie-wrap {
    animation-duration: .3s;
    animation-name: modal-video-inner;
    animation-timing-function: ease-out;
    background-color: #333;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    transform: translate(0);
    transition: transform .3s ease-out;
    width: 100%
}

.modal-video-movie-wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-video-close-btn {
    background: transparent;
    border: none;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -45px;
    width: 35px;
    z-index: 2
}

@media (orientation:landscape) {
    .modal-video-close-btn {
        right: -45px;
        top: 0
    }
}

.modal-video-close-btn:before {
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    transform: rotate(-45deg)
}

.modal-video-close-btn:after,
.modal-video-close-btn:before {
    background: #fff;
    border-radius: 5px;
    content: "";
    height: 2px;
    left: 0;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 100%
}

#primary.summernote-wysiwyg .content-section ol,
#primary.summernote-wysiwyg .content-section ul,
.note-editor .note-editable ol,
.note-editor .note-editable ul,
.summernote-wysiwyg.content-section ol,
.summernote-wysiwyg.content-section ul {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 15px
}

#primary.summernote-wysiwyg .content-section ol li,
#primary.summernote-wysiwyg .content-section ul li,
.note-editor .note-editable ol li,
.note-editor .note-editable ul li,
.summernote-wysiwyg.content-section ol li,
.summernote-wysiwyg.content-section ul li {
    margin-bottom: 5px !important
}

#primary.summernote-wysiwyg .content-section ol li:last-of-type,
#primary.summernote-wysiwyg .content-section ul li:last-of-type,
.note-editor .note-editable ol li:last-of-type,
.note-editor .note-editable ul li:last-of-type,
.summernote-wysiwyg.content-section ol li:last-of-type,
.summernote-wysiwyg.content-section ul li:last-of-type {
    margin-bottom: 0 !important
}

#primary.summernote-wysiwyg .content-section ol,
.note-editor .note-editable ol,
.summernote-wysiwyg.content-section ol {
    list-style-type: decimal
}

#primary.summernote-wysiwyg .content-section h1,
.note-editor .note-editable h1,
.summernote-wysiwyg.content-section h1 {
    color: inherit;
    font-family: inherit;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.2;
    margin-bottom: 1rem
}

#primary.summernote-wysiwyg .content-section h2,
.note-editor .note-editable h2,
.summernote-wysiwyg.content-section h2 {
    color: inherit;
    font-family: inherit;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.2;
    margin-bottom: 1rem
}

#primary.summernote-wysiwyg .content-section h3,
.note-editor .note-editable h3,
.summernote-wysiwyg.content-section h3 {
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5rem
}

#primary.summernote-wysiwyg .content-section h4,
.note-editor .note-editable h4,
.summernote-wysiwyg.content-section h4 {
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2
}

#primary.summernote-wysiwyg .content-section h5,
.note-editor .note-editable h5,
.summernote-wysiwyg.content-section h5 {
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2
}

#primary.summernote-wysiwyg .content-section h6,
.note-editor .note-editable h6,
.summernote-wysiwyg.content-section h6 {
    color: inherit;
    font-size: 10px;
    font-weight: 100;
    line-height: 1.2
}

#primary.summernote-wysiwyg .content-section img.note-float-right,
.note-editor .note-editable img.note-float-right,
.summernote-wysiwyg.content-section img.note-float-right {
    margin-bottom: .5rem;
    margin-left: 1rem
}

#primary.summernote-wysiwyg .content-section img.note-float-left,
.note-editor .note-editable img.note-float-left,
.summernote-wysiwyg.content-section img.note-float-left {
    margin-bottom: .5rem;
    margin-right: 1rem
}

.summernote-wysiwyg.content-section>div {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem
}

.mfp-bg {
    background: #0b0b0b;
    opacity: .8;
    overflow: hidden;
    z-index: 1042
}

.mfp-bg,
.mfp-wrap {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.mfp-wrap {
    -webkit-backface-visibility: hidden;
    outline: none !important;
    z-index: 1043
}

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    touch-action: manipulation;
    z-index: 1046
}

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

.mfp-close {
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 44px
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.mfp-arrow {
    -webkit-tap-highlight-color: transparent;
    height: 110px;
    margin: -55px 0 0;
    opacity: .65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    border: inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0
}

.mfp-arrow:after {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    word-wrap: break-word;
    color: #f3f3f3;
    line-height: 18px;
    padding-right: 36px;
    text-align: left
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, .6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.glightbox-container {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 999999 !important
}

.glightbox-container.inactive {
    display: none
}

.glightbox-container .gcontainer {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9999
}

.glightbox-container .gslider {
    align-items: center;
    display: flex !important;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    transform: translateZ(0);
    transition: transform .4s ease;
    width: 100%
}

.glightbox-container .gslide {
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.glightbox-container .gslide.current {
    opacity: 1;
    position: relative;
    z-index: 99999
}

.glightbox-container .gslide.prev {
    opacity: 1;
    z-index: 9999
}

.glightbox-container .gslide-inner-content {
    width: 100%
}

.glightbox-container .ginner-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    position: relative;
    width: 100%
}

.glightbox-container .ginner-container.gvideo-container {
    width: 100%
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
    flex-direction: column
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
    max-width: 100% !important
}

.gslide iframe,
.gslide video {
    -webkit-overflow-scrolling: touch;
    border: none;
    min-height: 165px;
    outline: none !important;
    touch-action: auto
}

.gslide:not(.current) {
    pointer-events: none
}

.gslide-image {
    align-items: center
}

.gslide-image img {
    border: none;
    display: block;
    float: none;
    height: auto;
    margin: auto;
    max-height: 100vh;
    max-width: 100vw;
    min-width: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    padding: 0;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: auto
}

.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
    width: auto
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
    max-width: 100%;
    width: auto
}

.gslide-image img.zoomable {
    position: relative
}

.gslide-image img.dragging {
    cursor: grabbing !important;
    transition: none
}

.gslide-video {
    max-width: 100vh;
    position: relative;
    width: 100% !important
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
    display: none
}

.gslide-video .gvideo-wrapper {
    margin: auto;
    width: 100%
}

.gslide-video:before {
    background: rgba(255, 0, 0, .34);
    content: "";
    display: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.gslide-video.playing:before {
    display: none
}

.gslide-video.fullscreen {
    height: 75vh;
    max-width: 100% !important;
    min-width: 100%
}

.gslide-video.fullscreen video {
    max-width: 100% !important;
    width: 100% !important
}

.gslide-inline {
    background: #fff;
    margin: auto;
    max-height: calc(100vh - 40px);
    max-width: 100%;
    overflow: auto;
    text-align: left
}

.gslide-inline .ginlined-content {
    padding: 20px;
    width: 100%
}

.gslide-inline .dragging {
    cursor: grabbing !important;
    transition: none
}

.ginlined-content {
    display: block !important;
    opacity: 1;
    overflow: auto
}

.gslide-external {
    background: #fff;
    display: flex;
    height: 100%;
    max-height: 75vh;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    width: 100%
}

.gslide-media {
    display: flex;
    width: auto
}

.zoomed .gslide-media {
    box-shadow: none !important
}

.desc-bottom .gslide-media,
.desc-top .gslide-media {
    flex-direction: column;
    margin: 0 auto
}

.gslide-description {
    flex: 1 0 100%;
    position: relative
}

.gslide-description.description-left,
.gslide-description.description-right {
    max-width: 100%
}

.gslide-description.description-bottom,
.gslide-description.description-top {
    margin: 0 auto;
    width: 100%
}

.gslide-description p {
    margin-bottom: 12px
}

.gslide-description p:last-child {
    margin-bottom: 0
}

.glightbox-button-hidden,
.zoomed .gslide-description {
    display: none
}

.glightbox-mobile .glightbox-container .gslide-description {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .75));
    bottom: 0;
    height: auto !important;
    max-height: 78vh;
    max-width: 100vw !important;
    order: 2 !important;
    overflow: auto !important;
    padding: 19px 11px 50px;
    position: absolute;
    transition: opacity .3s linear;
    width: 100%
}

.glightbox-mobile .glightbox-container .gslide-title {
    color: #fff;
    font-size: 1em
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #a1a1a1
}

.glightbox-mobile .glightbox-container .gslide-desc a {
    color: #fff;
    font-weight: 700
}

.glightbox-mobile .glightbox-container .gslide-desc * {
    color: inherit
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
    color: #fff;
    opacity: .4
}

.gdesc-open .gslide-media {
    opacity: .4;
    transition: opacity .5s ease
}

.gdesc-open .gdesc-inner {
    padding-bottom: 30px
}

.gdesc-closed .gslide-media {
    opacity: 1;
    transition: opacity .5s ease
}

.greset {
    transition: all .3s ease
}

.gabsolute {
    position: absolute
}

.grelative {
    position: relative
}

.glightbox-desc {
    display: none !important
}

.glightbox-open {
    overflow: hidden
}

.gloader {
    animation: lightboxLoader .8s linear infinite;
    border: 2px solid #fff;
    border-radius: 50%;
    border-right-color: transparent;
    display: block;
    height: 25px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 47%;
    width: 25px;
    z-index: 9999
}

.goverlay {
    height: calc(100vh + 1px);
    left: 0;
    position: fixed;
    top: -1px;
    width: 100%;
    will-change: opacity
}

.glightbox-mobile .goverlay,
.goverlay {
    background: #000
}

.gclose,
.gnext,
.gprev {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 44px;
    justify-content: center;
    width: 26px;
    z-index: 99999
}

.gclose svg,
.gnext svg,
.gprev svg {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
    width: 25px
}

.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
    opacity: .1
}

.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
    stroke: #fff
}

.gbtn.focused {
    outline: 2px solid #0f3d81
}

iframe.wait-autoplay {
    opacity: 0
}

.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
    opacity: 0 !important
}

.glightbox-clean .gslide-description {
    background: #fff
}

.glightbox-clean .gdesc-inner {
    padding: 22px 20px
}

.glightbox-clean .gslide-title {
    color: #000;
    font-family: arial;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 19px
}

.glightbox-clean .gslide-desc {
    font-family: arial;
    font-size: .86em;
    line-height: 1.4em;
    margin-bottom: 0
}

.glightbox-clean .gslide-video {
    background: #000
}

.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px
}

.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
    fill: #fff
}

.glightbox-clean .gprev {
    left: 30px
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
    height: 50px;
    position: absolute;
    top: -100%;
    width: 40px
}

.glightbox-clean .gnext {
    right: 30px
}

.glightbox-clean .gclose {
    height: 35px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 35px
}

.glightbox-clean .gclose svg {
    height: auto;
    width: 18px
}

.glightbox-clean .gclose:hover {
    opacity: 1
}

.gfadeIn {
    animation: gfadeIn .5s ease
}

.gfadeOut {
    animation: gfadeOut .5s ease
}

.gslideOutLeft {
    animation: gslideOutLeft .3s ease
}

.gslideInLeft {
    animation: gslideInLeft .3s ease
}

.gslideOutRight {
    animation: gslideOutRight .3s ease
}

.gslideInRight {
    animation: gslideInRight .3s ease
}

.gzoomIn {
    animation: gzoomIn .5s ease
}

.gzoomOut {
    animation: gzoomOut .5s ease
}

@keyframes lightboxLoader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes gfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes gslideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-60%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }
}

@keyframes gslideOutLeft {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(-60%, 0, 0);
        visibility: hidden
    }
}

@keyframes gslideInRight {
    0% {
        opacity: 0;
        transform: translate3d(60%, 0, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes gslideOutRight {
    0% {
        opacity: 1;
        transform: translateZ(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translate3d(60%, 0, 0)
    }
}

@keyframes gzoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 1
    }
}

@keyframes gzoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container {
        flex-direction: row;
        height: auto;
        width: auto
    }

    .glightbox-container .ginner-container.desc-top .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-top .gslide-image,
    .glightbox-container .ginner-container.desc-top .gslide-image img {
        order: 1
    }

    .glightbox-container .ginner-container.desc-left .gslide-description {
        order: 0
    }

    .glightbox-container .ginner-container.desc-left .gslide-image {
        order: 1
    }

    .gslide-image img {
        max-height: 97vh;
        max-width: 100%
    }

    .gslide-image img.zoomable {
        cursor: zoom-in
    }

    .zoomed .gslide-image img.zoomable {
        cursor: grab
    }

    .gslide-inline {
        max-height: 95vh
    }

    .gslide-external {
        max-height: 100vh
    }

    .gslide-description.description-left,
    .gslide-description.description-right {
        max-width: 275px
    }

    .glightbox-open {
        height: auto
    }

    .goverlay {
        background: rgba(0, 0, 0, .92)
    }

    .glightbox-clean .gslide-media {
        box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65)
    }

    .glightbox-clean .description-left .gdesc-inner,
    .glightbox-clean .description-right .gdesc-inner {
        height: 100%;
        overflow-y: auto;
        position: absolute
    }

    .glightbox-clean .gclose,
    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        background-color: rgba(0, 0, 0, .32)
    }

    .glightbox-clean .gclose:hover,
    .glightbox-clean .gnext:hover,
    .glightbox-clean .gprev:hover {
        background-color: rgba(0, 0, 0, .7)
    }

    .glightbox-clean .gnext,
    .glightbox-clean .gprev {
        top: 45%
    }
}

@media (min-width:992px) {
    .glightbox-clean .gclose {
        opacity: .7;
        right: 20px
    }
}

@media screen and (max-height:420px) {
    .goverlay {
        background: #000
    }
}

.plyr {
    border-radius: 10px
}

.plyr--stopped .plyr__controls {
    opacity: 0
}

.plyr__control.plyr__control--overlaid {
    background-color: #fff;
    color: rgba(0, 0, 0, .8);
    padding: 30px
}

.plyr__control.plyr__control--overlaid svg {
    height: 33px;
    width: 33px
}

#header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 22
}

#header+section:not(#hero) {
    padding-top: 145px
}

@media (max-width:1200px) {
    #header.headerHasQuickLinks+section:not(#hero) {
        padding-top: 250px
    }
}

#header-top {
    background: #e30613;
    color: #fff;
    display: flex;
    justify-content: space-around;
    height: 85px;
    position: relative;
    z-index: 10;
}

#header-top #brand {
    margin-right: 2.25rem;
    width: 13.3rem
}

#header-top #site-search {
    flex: 1 1 auto;
    margin-right: 6.5rem;
    max-width: 30.5rem
}

@media (min-width:1200px) and (max-width:1385px) {
    #header-top #site-search {
        margin-right: 0;
        max-width: 18.5rem
    }
}

#header-top a,
#header-top a span {
    color: #fff
}

#brand {
    padding: 0 0 0 40px
}

#brand>a {
    background-image: url(../fonts/iccons-logo-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    text-indent: -9999px;
    width: 10.75rem
}

#account-panel {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    color: #272727;
    display: none;
    height: 510px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#account-panel .close-panel {
    font-size: 16px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 30px;
    z-index: 9
}

#account-panel .close-panel i {
    padding: 0
}

#account-panel.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0)
}

#account-panel>.inner {
    display: flex;
    height: 100%
}

#account-panel .account-section {
    padding: 60px;
    position: relative;
    width: 380px
}

#account-panel .account-section+.account-section {
    border-left: 2px solid #f6f6f6
}

#account-panel .account-section .cta {
    bottom: 0;
    left: 60px;
    margin: 0 0 80px;
    position: absolute
}

#account-panel .account-section a:not(.btn) {
    color: #666;
    font-weight: 500
}

#account-panel .account-section a:not(.btn):hover {
    color: #e30613
}

#account-panel .account-section h4,
#account-panel .account-section h5 {
    font-size: 30px;
    line-height: 1.5em;
    margin: -10px 0 27px;
    position: relative
}

#account-panel .account-section h5 {
    font-size: 28px;
    margin-bottom: 20px
}

#account-panel .account-section .content {
    font-size: 14px;
    line-height: 1.8em
}

#account-panel .account-section .form-row+.form-row {
    margin: 36px 0 0
}

#account-panel .account-section .form-row.stay-signed-in {
    margin-top: 21px
}

#account-panel .account-section .form-row.stay-signed-in .field {
    display: flex
}

#account-panel .account-section .form-row.stay-signed-in .field label {
    flex: 1
}

#account-panel .account-section .form-row.stay-signed-in a {
    position: relative;
    top: 1px
}

#account-panel .account-section .form-row.submit {
    bottom: 0;
    left: 60px;
    margin: 0 0 80px;
    position: absolute
}

#account-panel .account-section .form-row .label {
    font-weight: 500
}

#account-panel .account-section .form-row .label+.field {
    margin-top: 9px
}

#account-panel .account-section .form-row .field {
    position: relative
}

#account-panel .account-section .form-row .field input[type=password],
#account-panel .account-section .form-row .field input[type=text] {
    padding-left: 50px
}

#account-panel .account-section .form-row .field input[type=password]+.iccons,
#account-panel .account-section .form-row .field input[type=text]+.iccons {
    color: #b0b0b0;
    font-size: 16px;
    left: 0;
    position: relative;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 50px
}

#account-panel .account-section .form-row .field label {
    color: #666;
    font-size: 12px;
    font-weight: 500
}

#account-panel .account-section .form-row .field label .checkbox {
    height: 20px;
    top: -2px;
    width: 20px
}

#account-panel .account-section .form-row a {
    font-size: 12px
}

.initialized #site-search #site-search-form .select2-placeholder {
    display: none
}

#site-search {
    padding: 0
}

#site-search #site-search-form {
    height: 42px;
    margin: 22px 0 0;
    width: 100%
}

#site-search #site-search-form>.inner {
    display: flex
}

#site-search .form-element {
    transition: width .2s ease-in;
    -o-transition: width .2s ease-in;
    -ms-transition: width .2s ease-in;
    -moz-transition: width .2s ease-in;
    -webkit-transition: width .2s ease-in
}

#site-search .form-element.search-category select {
    background: #f6f6f6;
    border: 0;
    border-radius: 6px 0 0 6px;
    border-right: 2px solid #e9e9e9;
    line-height: 20px;
    padding: 11px 20px;
    position: absolute;
    visibility: hidden
}

#site-search .form-element.search-category .select2-container {
    width: auto !important
}

#site-search .form-element.search-category .select2-container .select2-selection {
    background: #f6f6f6;
    border: 0;
    border-radius: 6px 0 0 6px;
    border-right: 2px solid #e9e9e9;
    font-weight: 500;
    line-height: 20px;
    padding: 11px 40px 11px 20px
}

#site-search .form-element.search-category .select2-container .select2-selection .select2-selection__rendered {
    color: #272727;
    padding: 0
}

#site-search .form-element.search-category .select2-container .select2-selection__arrow:before {
    color: #272727;
    font-family: ICCONS;
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#site-search .form-element.search-category .select2-container .select2-selection__arrow b {
    display: none
}

#site-search .form-element.search-category .select2-container .select2-dropdown {
    background: #272727;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    margin-top: 12px;
    opacity: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    width: auto !important
}

#site-search .form-element.search-category .select2-container .select2-dropdown.visible {
    opacity: 1
}

#site-search .form-element.search-category .select2-container .select2-dropdown:before {
    border-bottom: .5rem solid #272727;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    content: " ";
    left: 20%;
    position: absolute;
    top: -.5rem
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options {
    max-height: none;
    padding: 16px 0
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li {
    line-height: 15px;
    padding: 10px 50px;
    position: relative;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    white-space: nowrap
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li.select2-results__option--highlighted {
    background: transparent
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true] {
    background: transparent;
    font-weight: 700
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:before {
    color: #e30613;
    font-family: ICCONS;
    font-size: 11px;
    left: 24px;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:hover {
    background: #e30613
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:hover:before {
    color: #fff
}

#site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li:hover {
    background: #e30613
}

#site-search .form-element.search-term {
    flex: 1
}

#site-search .form-element.search-term input {
    background: #fff;
    border: 0;
    color: #000;
    display: block;
    height: 42px;
    line-height: 20px;
    padding: 11px 20px;
    width: 100%;
    border-radius: 5px 0 0 5px;
}

#site-search .form-element.search-term input::-moz-placeholder {
    color: #272727;
    opacity: 1
}

#site-search .form-element.search-term input::placeholder {
    color: #272727;
    opacity: 1
}

#site-search .form-element.submit-form {
    width: 46px
}

#site-search button {
    background: #272727;
    border: 0;
    border-radius: 0 6px 6px 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    line-height: 42px;
    padding: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 46px
}

#site-search button:hover {
    background: #fff;
    color: #272727
}

#site-search button .iccons-icon-search {
    font-size: 18px;
    left: -1px;
    position: relative;
    top: 2px
}

#site-search button span {
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

#top-nav {
    margin-left: auto;
    margin-right: 0;
    padding: 12px 2.5rem 0 15px
}

@media (min-width:1568px) {
    #top-nav {
        padding-right: 14rem
    }
}

#top-nav>ul {
    font-size: 0;
    text-align: right;
    width: 100%
}

#top-nav>ul>li:first-child {
    padding-left: 0
}

#top-nav>ul>li {
    display: inline-block;
    font-size: 14px;
    padding: 9px 20px;
    text-align: center
}

@media (max-width:1610px) {
    #top-nav>ul>li {
        padding: 9px 15px
    }
}

#top-nav>ul>li a {
    display: block;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

#top-nav>ul>li a span.inline-svg-icon {
    display: flex;
    justify-content: center
}

#top-nav>ul>li a span.inline-svg-icon svg {
    max-height: 20px
}

#top-nav>ul>li a:hover {
    color: #272727
}

#top-nav>ul>li .iccons {
    font-size: 20px
}

#top-nav>ul>li div {
    font-size: 14px;
    font-weight: 500;
    margin: 11px 0 0;
    text-align: center
}

.initialized #header-nav .mega-menu {
    display: block
}

#header-nav {
    background: #272727;
    height: 60px;
    position: relative
}

#header-nav>.container {
    display: flex
}

#header-nav #tablet-menu {
    display: none
}

#header-nav #primary-nav {
    flex: 0 1 auto
}

#header-nav #nav-contact {
    margin-left: auto;
    margin-right: 0;
    max-height: 60px;
    padding-right: 1.25rem
}

@media (min-width:1568px) {
    #header-nav #nav-contact {
        /* padding-right: 12.75rem; */
    }
}

@media (min-width:1200px) and (max-width:1385px) {
    #header-nav #nav-contact li.phone-number {
        display: none
    }
}

#header-nav a {
    color: #fff;
    display: block;
    font-weight: 500;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

#header-nav a.highlight {
    color: #eab600
}

#header-nav a.regular {
    font-weight: 400
}

#header-nav .mega-menu {
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    min-height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 0
}

#header-nav .mega-menu.subcat-showing {
    transition: "opacity 0.3s ease-in, min-height 0.3s ease-in";
    -o-transition: "opacity 0.3s ease-in, min-height 0.3s ease-in";
    -ms-transition: "opacity 0.3s ease-in, min-height 0.3s ease-in";
    -moz-transition: "opacity 0.3s ease-in, min-height 0.3s ease-in";
    -webkit-transition: "opacity 0.3s ease-in, min-height 0.3s ease-in"
}

#header-nav .mega-menu>.container {
    opacity: 0;
    padding: 40px 0 80px;
    position: relative;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

#header-nav .mega-menu a {
    color: #272727
}

#header-nav .mega-menu a:hover {
    color: #e30613
}

#header-nav .mega-menu .category {
    padding: 0;
    position: relative;
    width: 33.8%
}

#header-nav .mega-menu .category p {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 20px;
    padding: 0 5% 0 5px
}

#header-nav .mega-menu .category p .iccons {
    margin-right: 25px
}

#header-nav .mega-menu .category .subcategories>li {
    padding-right: 15%
}

#header-nav .mega-menu .category .subcategories>li>a {
    border-bottom: 2px solid #f6f6f6;
    display: block;
    overflow: hidden;
    padding: 12px 20px 12px 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

#header-nav .mega-menu .category .subcategories>li>a:before {
    font-family: ICCONS;
    font-size: 10px;
    position: relative;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

#header-nav .mega-menu .category .subcategories>li>a.no-children:before {
    display: none
}

#header-nav .mega-menu .category .subcategories>li.open>a,
#header-nav .mega-menu .category .subcategories>li:hover>a {
    color: #e30613
}

#header-nav .mega-menu .category .subcategories>li.open .sub-subcategories,
#header-nav .mega-menu .category .subcategories>li:hover .sub-subcategories {
    height: auto;
    opacity: 1;
    width: 196%
}

#header-nav .mega-menu .category .sub-subcategories {
    height: 0;
    left: 100%;
    line-height: 1.3;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 60px;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition-delay: .2s;
    width: 0
}

#header-nav .mega-menu .category .sub-subcategories>ul {
    -moz-columns: 200px 2;
    columns: 200px 2;
    margin: 0 -20px 10px
}

#header-nav .mega-menu .category .sub-subcategories>ul>li {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
    padding: 0 20px;
    page-break-inside: avoid
}

#header-nav .mega-menu .category .sub-subcategories>ul>li+li {
    margin-top: 29px
}

#header-nav .mega-menu .category .sub-subcategories .products {
    margin-top: 5px
}

#header-nav .mega-menu .category .sub-subcategories .products>li {
    padding: 3px 0
}

#header-nav .mega-menu .category .sub-subcategories .products a {
    color: #666;
    font-weight: 400
}

#header-nav .mega-menu .category .sub-subcategories .products a:hover {
    color: #e30613
}

.section-homepage #nav-contact>ul>li:hover .mega-menu,
.section-homepage #primary-nav>ul>li:hover .mega-menu {
    min-height: 450px;
    z-index: 57
}

#nav-contact>ul,
#primary-nav>ul {
    display: flex;
    justify-content: flex-start
}

#nav-contact>ul>li,
#primary-nav>ul>li {
    display: block;
    flex: 0 1 auto;
    font-size: 14px;
    padding: 0 1rem;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#nav-contact>ul>li:first-child,
#primary-nav>ul>li:first-child {
    padding-left: 0
}

#nav-contact>ul>li:last-child,
#primary-nav>ul>li:last-child {
    padding-right: 0
}

#nav-contact>ul>li.active>a,
#primary-nav>ul>li.active>a {
    border-color: #e30613
}

#nav-contact>ul>li.active .mega-menu,
#primary-nav>ul>li.active .mega-menu {
    min-height: 335px;
    opacity: 1;
    width: 100%;
    z-index: 57
}

#nav-contact>ul>li.active .mega-menu>.container,
#primary-nav>ul>li.active .mega-menu>.container {
    opacity: 1
}

#nav-contact>ul>li>a,
#primary-nav>ul>li>a {
    border-bottom: 4px solid transparent;
    line-height: 20px;
    padding: 20px 0 16px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#nav-contact>ul>li>a:hover,
#primary-nav>ul>li>a:hover {
    border-color: #e30613
}

#primary-nav>ul {
    padding-right: 1rem
}

#nav-contact>ul {
    padding-left: 30px
}

#nav-contact>ul>li:not(.has-mega-menu) {
    text-align: right
}

#mobile-menu {
    display: none;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 25
}

@media screen and (max-width:1200px) {
    #mobile-menu {
        display: block
    }
}

.mobile-nav-button {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    width: 60px;
    z-index: 50
}

.mobile-nav-button>.iccons {
    font-size: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#page-container.menu-active #mobile-nav-button,
.mobile-nav-button:hover {
    background-color: #fff;
    color: #272727
}

#page-container.menu-active #mobile-nav-button:hover {
    background-color: #e30613;
    color: #fff
}

#page-container.menu-active #mobile-nav-items,
#page-container.menu-active #mobile-sidebar {
    display: block
}

#mobile-sidebar {
    box-sizing: border-box;
    display: none;
    left: 100%;
    margin: 0;
    max-height: 100vh;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    top: 0;
    width: 360px;
    z-index: 1000
}

#mobile-sidebar #mobile-search {
    height: 60px;
    left: 0;
    padding: 7px 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

#mobile-sidebar #mobile-search .form-row {
    display: flex
}

#mobile-sidebar #mobile-search .form-row .form-element.search-term {
    flex: 1
}

#mobile-sidebar #mobile-search .form-row .form-element.search-term input {
    background: #fff;
    border: 0;
    color: #272727;
    display: block;
    height: 42px;
    line-height: 20px;
    padding: 11px 20px;
    width: 100%
}

#mobile-sidebar #mobile-search .form-row .form-element.search-term input::-moz-placeholder {
    color: #272727;
    opacity: 1
}

#mobile-sidebar #mobile-search .form-row .form-element.search-term input::placeholder {
    color: #272727;
    opacity: 1
}

#mobile-sidebar #mobile-search .form-row .form-element.submit-form {
    width: 46px
}

#mobile-sidebar #mobile-search .form-row .form-element.submit-form button {
    background: #272727;
    border: 0;
    border-radius: 0 6px 6px 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 100%;
    line-height: 42px;
    padding: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 46px
}

#mobile-sidebar #mobile-search .form-row .form-element.submit-form button:hover {
    background: #fff;
    color: #272727
}

#mobile-sidebar #mobile-search .form-row .form-element.submit-form button .iccons-icon-search {
    font-size: 18px;
    left: -1px;
    position: relative;
    top: 2px
}

#mobile-sidebar #mobile-search .form-row .form-element.submit-form button span {
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

#mobile-sidebar .mobile-menu {
    overflow: hidden;
    padding: 60px 0 0;
    position: relative;
    transition: min-height .2s ease-in;
    -o-transition: min-height .2s ease-in;
    -ms-transition: min-height .2s ease-in;
    -moz-transition: min-height .2s ease-in;
    -webkit-transition: min-height .2s ease-in;
    z-index: 5
}

#mobile-sidebar .mobile-menu ul {
    background: #fff;
    left: 0;
    position: relative;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#mobile-sidebar .mobile-menu ul.active-child {
    left: -100%
}

#mobile-sidebar .mobile-menu ul.active-child.hiding {
    left: 0
}

#mobile-sidebar .mobile-menu ul.active-child.hiding>li.active>.children {
    opacity: 0
}

#mobile-sidebar .mobile-menu ul>li {
    overflow: hidden
}

#mobile-sidebar .mobile-menu ul>li+li {
    border-top: 1px solid #f6f6f6
}

#mobile-sidebar .mobile-menu ul>li.active,
#mobile-sidebar .mobile-menu ul>li.active>.children {
    overflow: visible
}

#mobile-sidebar .mobile-menu ul>li>.children {
    height: 0;
    left: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 100%
}

#mobile-sidebar .mobile-menu ul>li>.children.active-child {
    left: 0
}

#mobile-sidebar .mobile-menu ul>li>.children.active-child.hiding {
    left: 100%
}

#mobile-sidebar .mobile-menu ul>li>.children h3,
#mobile-sidebar .mobile-menu ul>li>.children p {
    background: #272727;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    line-height: 24px;
    overflow: hidden;
    padding: 14px 20px 14px 63px;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%;
    z-index: 10
}

#mobile-sidebar .mobile-menu ul>li>.children h3>.iccons,
#mobile-sidebar .mobile-menu ul>li>.children p>.iccons {
    font-size: 20px;
    margin-right: 9px
}

#mobile-sidebar .mobile-menu ul>li>.children h3 .nav-shallower,
#mobile-sidebar .mobile-menu ul>li>.children p .nav-shallower {
    background: #272727;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    left: 0;
    line-height: 1.5;
    padding: 15px 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    z-index: 5
}

#mobile-sidebar .mobile-menu ul>li>.children h3 .nav-shallower:hover,
#mobile-sidebar .mobile-menu ul>li>.children p .nav-shallower:hover {
    background: #fff;
    color: #272727
}

#mobile-sidebar .mobile-menu ul>li>.children>ul {
    padding-top: 52px;
    z-index: 1
}

#mobile-sidebar .mobile-menu ul>li.active>.children {
    height: auto;
    opacity: 1
}

#mobile-sidebar .mobile-menu ul>li a {
    color: #272727;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    padding: 14px 55px 14px 20px;
    position: relative;
    text-overflow: ellipsis;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    white-space: nowrap
}

#mobile-sidebar .mobile-menu ul>li a:hover {
    background: #e30613;
    color: #fff
}

#mobile-sidebar .mobile-menu ul>li a>.iccons {
    display: inline-block;
    font-size: 18px;
    margin-right: 9px;
    text-align: center;
    width: 24px
}

#mobile-sidebar .mobile-menu ul>li a>.iccons.iccons-icon-login {
    font-size: 14px
}

#mobile-sidebar .mobile-menu ul>li a .nav-deeper {
    background: #fff;
    border: none;
    border-left: 1px solid #f6f6f6;
    color: #272727;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    line-height: 1.4;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    z-index: 5
}

#mobile-sidebar .mobile-menu ul>li a .nav-deeper:hover {
    background: #272727;
    color: #fff
}

.aside-and-main {
    margin-bottom: 40px
}

.aside-and-main>.container {
    font-size: 0;
    position: relative
}

.aside-and-main .main-content,
.aside-and-main aside.sidebar {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: top
}

.aside-and-main .main-content {
    left: 25.5%;
    width: 74.5%
}

.aside-and-main aside.sidebar {
    left: -74.5%;
    margin-left: -10px;
    padding: 0 10px;
    width: 25.5%
}

@media (max-width:1200px) {
    .aside-and-main {
        padding: 0 10px
    }

    .aside-and-main .main-content {
        left: 0;
        width: 100%
    }

    .aside-and-main aside.sidebar {
        display: none
    }
}

#hero {
    box-sizing: content-box;
    margin: 0;
    min-height: 335px;
    padding: 145px 0 0;
    position: relative;
    z-index: 10
}

@media (max-width:1567px) {
    #hero {
        padding: 145px 0 0;
    }
}

@media (max-width:1384px) {
    #hero {
        padding: 136px 0 0
    }
}

#hero .container {
    position: relative;
    z-index: 5
}

#hero .container-find-dealer {
    margin-top: 3.5rem
}

#hero .container-find-dealer h1:not(.anchor-armour-hero-heading h1) {
    margin-top: 8.5rem
}

@media (min-width:768px) {
    #hero .container-find-dealer h1:not(.anchor-armour-hero-heading h1) {
        margin-top: 1.75rem
    }
}

#hero .container-find-dealer h1.max-w-full {
    max-width: 100%
}

#hero+#content.find-a-dealer {
    margin-top: 8rem
}

@media (min-width:768px) {
    #hero+#content.find-a-dealer {
        margin-top: -3.25rem
    }
}

#hero .container:not(.anchor-armour-hero .container):not(.carousel .container) {
    min-height: 231px
}

@media (max-width:767px) {
    #hero .container:not(.anchor-armour-hero .container):not(.carousel .container).container-about-us {
        min-height: 181px
    }

    #hero .container:not(.anchor-armour-hero .container):not(.carousel .container).container-about-us h1 {
        font-size: 36px;
        line-height: 46px
    }
}

#hero #breadcrumbs {
    left: 0;
    position: absolute;
    top: 35px
}

#hero #breadcrumbs>li:before {
    color: #fff
}

#hero #breadcrumbs>li a {
    color: #fff;
    font-weight: 400
}

#hero #breadcrumbs>li a:hover {
    color: #e30613
}

#hero h1:not(.anchor-armour-hero-heading h1):not(.iconx-apply),
#hero h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    left: 50%;
    margin-top: 3px;
    max-width: 800px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%
}

#hero h1:not(.anchor-armour-hero-heading h1):not(.iconx-apply) .iccons,
#hero h2 .iccons {
    font-size: 60px;
    opacity: .5;
    padding-right: 1rem
}

#hero h1:not(.anchor-armour-hero-heading h1):not(.iconx-apply) .iccons.iccons-icon-sitebox,
#hero h2 .iccons.iccons-icon-sitebox {
    font-size: 45px
}

#hero .background-container {
    height: 100%;
    left: 0;
    padding: 145px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (max-width:1567px) {
    #hero .background-container {
        padding-top: 145px
    }
}

@media (max-width:1384px) {
    #hero .background-container {
        padding-top: 106px
    }
}

#hero .background {
    background: url(../images/about-us.jpg) 50% no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

#hero .background:before {
    background: linear-gradient(90deg, #000 0, transparent);
    content: " ";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

#hero .background.hero-register {
    background-image: url(../images/iconx-bg.jpg);
    background-position: bottom
}

#hero .background.hero-register:after {
    background-image: url(../images/x-overlay.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

#hero .background.hero-about-us {
    background-image: url(../images/about-us.jpg)
}

#hero .background.hero-software {
    background-image: url(../images/software.jpg)
}

#hero .background.hero-contact-us {
    background-image: url(../images/contact-us.jpg)
}

#hero .background.hero-facility {
    background-image: url(../images/facility.jpg)
}

#hero .background.hero-facilities-listing {
    background-image: url(../images/facilities-listing.jpg)
}

#hero .background.hero-find-dealer {
    background-image: url(../images/hero-find-dealer.jpg);
    background-position: 100%;
    min-height: 34.75rem
}

#hero .background.hero-news-listing {
    background-image: url(../images/news-listing.jpg)
}

#hero .background.hero-project-profiles {
    background-image: url(../images/hero-project-profiles.jpg)
}

#hero .background.hero-support {
    background-image: url(../images/support.jpg)
}

#hero .background.hero-testimonials {
    background-image: url(../images/hero-testimonials.jpg)
}

#hero .background.hero-careers {
    background-image: url(../images/careers-hero.jpg)
}

#hero.listing-hero {
    padding: 145px 1rem 0
}

#hero.listing-hero .background:before {
    background: none
}

#hero.listing-hero h1,
#hero.listing-hero h2 {
    color: #fff;
    font-size: 2.7rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 6rem 0 0;
    position: static;
    text-align: left;
    transform: none
}

#hero.listing-hero h1 img,
#hero.listing-hero h2 img {
    margin: 2.75rem 0;
    max-width: 100%;
    width: 800px
}

@media (max-width:767px) {

    #hero.listing-hero h1,
    #hero.listing-hero h2 {
        font-size: 1.5rem;
        padding: 0
    }

    #hero.listing-hero h1 img,
    #hero.listing-hero h2 img {
        max-width: 200px
    }
}

#hero.listing-hero h3 {
    color: #fff;
    margin: 1rem 0;
    text-align: left
}

#hero.listing-hero h4 {
    font-size: 1.5rem;
    line-height: 1.25
}

#hero.listing-hero p {
    color: #fff;
    font-size: 1rem;
    line-height: 1.8;
    margin: 1rem 0;
    max-width: 850px
}

#hero.listing-hero #content {
    margin: 0;
    padding-bottom: 80px
}

#hero.listing-hero #content h3,
#hero.listing-hero #content p {
    color: #000;
    max-width: 100%;
    text-align: center
}

#hero.listing-hero .value-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem -1rem
}

#hero.listing-hero .value-listing .col {
    background: #fff;
    border-bottom: 5px solid #e30613;
    height: 450px;
    margin: 2rem .75%;
    max-width: 400px;
    padding: 2rem 1.5rem;
    position: relative;
    width: 23.5%
}

@media (max-width:1200px) {
    #hero.listing-hero .value-listing .col {
        height: 400px;
        margin: 1rem auto;
        width: 48%
    }
}

@media (max-width:767px) {
    #hero.listing-hero .value-listing .col {
        width: 90%
    }
}

#hero.listing-hero .value-listing .col .btn {
    border-radius: 0 0 6px 6px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

#hero.listing-hero .value-listing ul {
    margin: 1rem 0
}

#hero.listing-hero .value-listing ul li {
    color: #666;
    line-height: 1.8;
    padding: 0 0 0 1rem;
    position: relative
}

#hero.listing-hero .value-listing ul li:before {
    color: #e30613;
    content: "•";
    font-size: 1.75rem;
    left: 0;
    position: absolute;
    top: -.75rem
}

.section-careers #hero {
    min-height: 0
}

#hero.carousel {
    background-color: #272727
}

#hero.carousel .pagination-container {
    bottom: 80px;
    left: 50%;
    margin-left: 40px;
    min-height: 0;
    position: relative;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 20
}

#hero.carousel .pagination-container .scrolly-list-pagination {
    font-size: 0;
    text-align: left;
    width: 100%;
    z-index: 20
}

#hero.carousel .pagination-container .scrolly-list-pagination .pagination-element {
    border-bottom: 3px solid hsla(0, 0%, 100%, .5);
    padding: 10px 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 70px
}

#hero.carousel .pagination-container .scrolly-list-pagination .pagination-element:hover {
    border-bottom: 3px solid #fff
}

#hero.carousel .pagination-container .scrolly-list-pagination .pagination-element.current {
    border-bottom: 3px solid #e30613
}

#hero.carousel .carousel-items {
    height: 450px;
    position: relative
}

#hero.carousel .carousel-items[data-scrolly-page="1"]>li:first-child,
#hero.carousel .carousel-items[data-scrolly-page="10"]>li:nth-child(10),
#hero.carousel .carousel-items[data-scrolly-page="11"]>li:nth-child(11),
#hero.carousel .carousel-items[data-scrolly-page="2"]>li:nth-child(2),
#hero.carousel .carousel-items[data-scrolly-page="3"]>li:nth-child(3),
#hero.carousel .carousel-items[data-scrolly-page="4"]>li:nth-child(4),
#hero.carousel .carousel-items[data-scrolly-page="5"]>li:nth-child(5),
#hero.carousel .carousel-items[data-scrolly-page="6"]>li:nth-child(6),
#hero.carousel .carousel-items[data-scrolly-page="7"]>li:nth-child(7),
#hero.carousel .carousel-items[data-scrolly-page="8"]>li:nth-child(8),
#hero.carousel .carousel-items[data-scrolly-page="9"]>li:nth-child(9) {
    opacity: 1;
    transition-delay: 0s;
    z-index: 10
}

#hero.carousel .carousel-items>li {
    font-size: 14px;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition-delay: .3s;
    white-space: normal;
    width: 100%;
    z-index: 5
}

#hero.carousel .carousel-items>li>.container {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

#hero.carousel .carousel-items>li>.container:before {
    color: #070706;
    font-family: ICCONS;
    font-size: 360px;
    left: -70px;
    opacity: .25
}

#hero.carousel .carousel-items>li .inner,
#hero.carousel .carousel-items>li>.container:before {
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

#hero.carousel .carousel-items>li .inner {
    color: #fff;
    margin: -30px 0 0;
    max-width: 700px;
    padding: 0 40px;
    width: 100%
}

#hero.carousel .carousel-items>li .inner h2 {
    font-size: 55px;
    left: auto;
    line-height: 1.05em;
    margin: 0 0 21px;
    padding: 0;
    position: relative;
    text-align: left;
    top: auto;
    transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0)
}

#hero.carousel .carousel-items>li .inner .content {
    line-height: 1.8em
}

#hero.carousel .carousel-items>li .inner .btn {
    margin-top: 1rem
}

#hero.carousel .background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    z-index: 1
}

#hero.carousel .background:before {
    display: none
}

#hero.video {
    box-sizing: content-box;
    margin: 0;
    min-height: 675px;
    position: relative;
    width: 100vw
}

#hero.video:before {
    background: linear-gradient(90deg, #000 0, transparent);
    content: " ";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11
}

#hero.video .video-underlay {
    align-items: center;
    bottom: 0;
    display: flex;
    height: calc(100% - 145px);
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 145px;
    width: 100%;
    z-index: 10
}

@media (max-width:767px) {
    #hero.video .video-underlay {
        height: calc(100% - 60px);
        top: 60px
    }
}

#hero.video video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw
}

#hero.video .container {
    align-items: center;
    display: flex;
    height: 100%;
    min-height: inherit;
    position: relative;
    z-index: 12
}

#hero.video .container:before {
    color: #070706;
    font-family: ICCONS;
    font-size: 360px;
    left: -70px;
    opacity: .25
}

#hero.video .container .inner,
#hero.video .container:before {
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

#hero.video .container .inner {
    color: #fff;
    margin: -30px 0 0;
    max-width: 700px;
    padding: 0 40px;
    width: 100%
}

#hero.video .container .inner h2 {
    font-size: 55px;
    left: auto;
    line-height: 1.05em;
    margin: 0 0 21px;
    padding: 0;
    position: relative;
    text-align: left;
    top: auto;
    transform: translate(0);
    -ms-transform: translate(0);
    -webkit-transform: translate(0)
}

#hero.video .container .inner .content {
    line-height: 1.8em
}

#hero.video .container .inner .btn {
    margin-top: 1rem
}

#breadcrumbs-container {
    margin: 0
}

#breadcrumbs-container #breadcrumbs {
    padding: 35px 0
}

#breadcrumbs {
    font-size: 0
}

#breadcrumbs>li {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 0 30px 0 0;
    position: relative
}

#breadcrumbs>li:before {
    color: #666;
    font-family: ICCONS;
    font-size: 8px;
    position: absolute;
    right: 12px;
    top: 0
}

#breadcrumbs>li:last-child a {
    color: #272727
}

#breadcrumbs>li:last-child:before {
    display: none
}

#breadcrumbs>li a {
    color: #666;
    font-weight: 500
}

#breadcrumbs>li a:hover {
    color: #e30613
}

#top-categories+#featured-products {
    margin-top: -20px
}

#featured-products>.tab-container>.container {
    background: #272727;
    border-radius: 6px
}

#featured-product-tabs {
    color: #fff
}

#featured-product-tab-content .tab-content.active {
    padding-top: 0
}

#featured-product-tab-content .tab-content>.container {
    padding-bottom: 0;
    padding-top: 20px
}

#featured-product-tab-content .tab-content>.container .cta {
    text-align: center
}

/*#featured-product-tab-content .category-listing li:nth-of-type(1n+9) {
    display: none
}*/

#featured-product-tab-content .category-listing.show-all li {
    display: block
}

.filters {
    padding: 10px;
    white-space: nowrap
}

.filters .filter {
    cursor: pointer;
    display: inline-block;
    position: relative;
    white-space: normal
}

.filters .filter+.filter {
    margin-left: 30px
}

.filters .filter label {
    cursor: pointer
}

.filters .filter label:hover .label,
.filters .filter label:hover .label:before {
    color: #e30613
}

.filters .filter .label {
    cursor: pointer;
    font-weight: 500;
    line-height: 20px;
    padding: 10px 30px 10px 20px
}

.filters .filter .label,
.filters .filter .label:before {
    color: #666;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.filters .filter .label:before {
    font-family: ICCONS;
    font-size: 11px;
    position: relative;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.filters .filter .element {
    cursor: pointer;
    height: 100%;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    width: 100%
}

.filters .filter .element select {
    height: 100%;
    opacity: 0
}

.filters .filter .element select+.select2-container {
    height: 100%;
    opacity: 0;
    overflow: hidden
}

.filters .filter .element .select2-container {
    visibility: hidden;
    width: auto !important
}

.filters .filter .element .select2-container.select2-container--open {
    visibility: visible
}

.filters .filter .element .select2-container .select2-selection {
    height: 0;
    position: absolute;
    width: 0
}

.filters .filter .element .select2-container .select2-dropdown {
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .05);
    margin: 0 0 0 -30px;
    opacity: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    width: auto !important
}

.filters .filter .element .select2-container .select2-dropdown.visible {
    opacity: 1
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options {
    max-height: none;
    padding: 11px 0 18px
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li {
    color: #666;
    line-height: 15px;
    padding: 8px 58px 7px 64px;
    position: relative;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    white-space: nowrap
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li:after {
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    content: " ";
    display: block;
    height: 12px;
    left: 30px;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 12px
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li.select2-results__option--highlighted {
    background: transparent;
    color: #666
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true] {
    background: transparent;
    font-weight: 700
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:before {
    color: #e30613;
    font-family: ICCONS;
    font-size: 10px;
    left: 32px;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:hover {
    background: #e30613;
    color: #fff
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true]:hover:before {
    color: #fff
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li:hover {
    background: #e30613;
    color: #fff
}

.filters .filter .element .select2-container .select2-dropdown .select2-results__options>li:hover:after {
    border-color: #fff
}

.wysiwyg-content h2 {
    color: #262626;
    font-size: 2.15rem;
    font-weight: 500;
    line-height: 2.5rem;
    margin: 1.5em 0 .75em
}

.wysiwyg-content h3 {
    color: #262626;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.5rem;
    margin: 16px 0
}

.wysiwyg-content h4 {
    font-size: 1.125rem;
    line-height: 1.625rem
}

.wysiwyg-content p,
.wysiwyg-content>div {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem
}

.wysiwyg-content blockquote {
    border-left: 4px solid #e30613;
    margin-bottom: 4.5rem;
    margin-left: 0;
    margin-top: 4.5rem;
    padding: .25rem 0 .25rem 2.5rem
}

.wysiwyg-content blockquote p {
    color: #262626;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem
}

.wysiwyg-content img {
    border-radius: 10px;
    margin-bottom: 1.5rem;
    max-height: 29.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100% !important
}

.wysiwyg-content ol,
.wysiwyg-content ul {
    margin-bottom: 4.5rem;
    margin-left: 0;
    margin-top: 1.25rem
}

.wysiwyg-content ol li,
.wysiwyg-content ul li {
    font-size: 1rem;
    line-height: 1.875rem;
    padding-left: .5rem
}

.wysiwyg-content ol li::marker,
.wysiwyg-content ul li::marker {
    font-size: .75rem
}

.wysiwyg-content ol li h4,
.wysiwyg-content ul li h4 {
    margin-bottom: 0
}

.wysiwyg-content ol li ol,
.wysiwyg-content ol li ul,
.wysiwyg-content ul li ol,
.wysiwyg-content ul li ul {
    margin-bottom: 1.5rem;
    margin-top: .25rem
}

.wysiwyg-content ol li ol li,
.wysiwyg-content ol li ul li,
.wysiwyg-content ul li ol li,
.wysiwyg-content ul li ul li {
    list-style: disc
}

.wysiwyg-content ol li ol li::marker,
.wysiwyg-content ol li ul li::marker,
.wysiwyg-content ul li ol li::marker,
.wysiwyg-content ul li ul li::marker {
    color: #666;
    font-size: .75rem
}

.wysiwyg-content ol li ol li,
.wysiwyg-content ul li ol li {
    list-style: decimal
}

.wysiwyg-content ol li ol li::marker,
.wysiwyg-content ul li ol li::marker {
    color: #262626
}

.wysiwyg-content ol li::marker {
    color: #262626;
    font-size: 1.125rem
}

.wysiwyg-content ol,
.wysiwyg-content ul {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
    list-style-type: disc;
    margin-block-end: 1em;
    margin-block-start: 1em;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-start: 15px
}

.wysiwyg-content ol li,
.wysiwyg-content ul li {
    margin-bottom: 5px !important
}

.wysiwyg-content ol li:last-of-type,
.wysiwyg-content ul li:last-of-type {
    margin-bottom: 0 !important
}

.wysiwyg-content table {
    border-collapse: collapse;
    margin-top: 1.75rem
}

.wysiwyg-content table tbody tr td {
    border-bottom: 1px solid #ddd;
    padding: .6rem .5rem
}

.wysiwyg-content table tbody tr:nth-child(odd):not(:first-child) {
    background-color: #fafafa
}

.wysiwyg-content table tbody tr:first-child {
    color: #262626;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem
}

.wysiwyg-content iframe {
    max-width: 100%
}

section:not(.anchor-armour-globals section, .anchor-armour-section) {
    margin: 0 0 87px
}

section:not(.anchor-armour-globals section, .anchor-armour-section)>.container>h3 {
    font-size: 30px;
    margin: 0 0 30px;
    text-align: center
}

section:not(.anchor-armour-globals section, .anchor-armour-section)>.container>.cta {
    text-align: center
}

#hero+#content {
    margin-top: -104px;
    z-index: 10
}

#content {
    margin: 0 0 80px;
    position: relative
}

#content>.container {
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05)
}

#content #primary {
    position: relative
}

#content .page-cta {
    font-weight: 700;
    position: absolute;
    top: 36px
}

#content .page-cta.cta-back {
    left: 36px
}

#content .page-cta.cta-back a {
    color: #272727;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 3px;
    position: relative;
    text-transform: uppercase;
    top: -3px
}

#content .page-cta.cta-back a:hover {
    color: #e30613;
    text-decoration: none
}

#content .page-cta.cta-back a .iccons {
    font-size: 12px;
    margin-right: 9px;
    position: relative;
    top: -1px
}

#content .page-cta.cta-email,
#content .page-cta.cta-specs {
    right: 36px
}

#content .page-cta.cta-email a,
#content .page-cta.cta-email button,
#content .page-cta.cta-specs a,
#content .page-cta.cta-specs button {
    color: #000;
    cursor: pointer;
    font-size: 20px;
    margin: -5px 0 0;
    padding: 5px;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

#content .page-cta.cta-email a:hover,
#content .page-cta.cta-email button:hover,
#content .page-cta.cta-specs a:hover,
#content .page-cta.cta-specs button:hover {
    color: #e30613
}

#content .page-cta.cta-email>a {
    font-size: 24px
}

#content .page-cta.cta-email+.cta-specs {
    font-size: 16px;
    right: 90px;
    text-transform: uppercase
}

#content .page-cta.cta-email+.cta-specs>a {
    color: #e30613
}

.content-section {
    padding: 50px 100px
}

.content-section.overflow-initial {
    overflow: initial
}

.content-section h3:first-child {
    text-align: center
}

.content-section+.content-section {
    border-top: 2px solid #f6f6f6
}

.content-section.videos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.content-section.videos .product {
    min-height: 30rem;
    position: relative
}

.content-section.videos .product ul {
    bottom: 0;
    position: absolute
}

.content-section .product {
    margin: 0 1rem
}

.content-section .product h5 {
    margin-top: 1.5em
}

.content-section .product iframe {
    max-width: 350px
}

@media (min-width:1200px) {
    .content-section .col-row {
        display: flex;
        flex-direction: row;
        margin: 0 -1rem
    }

    .content-section .col-half {
        padding: 0 1rem;
        width: 50%
    }

    .content-section .col-center {
        align-self: center;
        text-align: center
    }

    .content-section .highlight {
        background: #e9e9e9;
        padding: 2rem
    }

    .content-section .highlight img {
        mix-blend-mode: multiply
    }
}

.content-section-find-dealer {
    overflow: visible
}

.content-section-find-dealer .form-row.submit {
    align-items: center;
    display: flex
}

.content-section-find-dealer .form-row.submit .field {
    height: 100%
}

.content-section-find-dealer .form-row.submit .btn {
    height: 100%;
    margin-top: 0 !important;
    min-height: 2.5rem
}

#primary.upper-nav-enabled .content-section:first-child {
    padding-top: 85px
}

.pl-1 {
    padding-left: 1rem
}

.pr-1 {
    padding-right: 1rem
}

.mb-0 {
    margin-bottom: 0 !important
}

.hidden {
    display: none !important
}

.relative {
    position: relative
}

.z-10 {
    z-index: 10
}

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

    #breadcrumbs,
    #header-nav,
    #nav-contact,
    #primary-nav,
    #site-search,
    #top-nav {
        display: none
    }
}

@media (max-width:767px) {
    .container {
        width: 100%
    }

    .desktop-only,
    .mobile-hidden {
        display: none !important
    }

    .mobile-only.block {
        display: block !important
    }

    .mobile-only.inline-block {
        display: inline-block !important
    }

    .mobile-only.inline {
        display: inline !important
    }

    .mobile-only.table-cell {
        display: table-cell !important
    }

    .mobile-only.landscape-only,
    .mobile-only.portrait-only {
        display: none !important
    }

    .content-section {
        padding: 35px 20px 40px
    }

    .content-section.videos {
        display: block
    }

    .content-section.videos .product {
        min-height: 26rem
    }

    #header {
        left: 0;
        position: fixed;
        top: 0;
        transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        -ms-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in
    }

    #header+section:not(#hero) {
        padding-top: 60px
    }

    #account-panel {
        height: auto;
        max-height: 100vh;
        width: 100%
    }

    #account-panel>.inner {
        display: block;
        padding-bottom: 50px;
        width: 100%
    }

    #account-panel .account-section {
        padding: 30px 20px;
        width: 100%
    }

    #account-panel .account-section+.account-section {
        border-left: none;
        border-top: 2px solid #f6f6f6
    }

    #account-panel .account-section .cta {
        bottom: auto;
        left: auto;
        margin: 20px 0 0;
        position: relative;
        text-align: center
    }

    #account-panel .account-section a:not(.btn) {
        color: #666;
        font-weight: 500
    }

    #account-panel .account-section a:not(.btn):hover {
        color: #e30613
    }

    #account-panel .account-section h4,
    #account-panel .account-section h5 {
        font-size: 26px
    }

    #account-panel .account-section h5 {
        font-size: 20px
    }

    #account-panel .account-section h5 br {
        display: none
    }

    #account-panel .account-section .form-row+.form-row {
        margin: 20px 0 0
    }

    #account-panel .account-section .form-row.stay-signed-in {
        margin-top: 21px
    }

    #account-panel .account-section .form-row.stay-signed-in .field {
        display: flex
    }

    #account-panel .account-section .form-row.stay-signed-in .field label {
        flex: 1
    }

    #account-panel .account-section .form-row.stay-signed-in a {
        position: relative;
        top: 1px
    }

    #account-panel .account-section .form-row.submit {
        bottom: auto;
        left: auto;
        margin: 20px 0 0;
        position: relative;
        text-align: center
    }

    .section-category-listing #breadcrumbs-container #breadcrumbs,
    .section-product-listing #breadcrumbs-container #breadcrumbs,
    .section-product-view-adhesive #breadcrumbs-container #breadcrumbs,
    .section-product-view-material #breadcrumbs-container #breadcrumbs,
    .section-product-view-single #breadcrumbs-container #breadcrumbs {
        display: block;
        padding: 20px 10px;
        text-align: center
    }

    .section-category-listing #breadcrumbs-container #breadcrumbs>li,
    .section-product-listing #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-adhesive #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-material #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-single #breadcrumbs-container #breadcrumbs>li {
        line-height: 1.4em
    }

    .view-mode {
        display: none
    }

    .pagination .filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0
    }

    .pagination .filters+ul,
    .pagination .filters+ul+.view-mode {
        display: none
    }

    .pagination .filters .filter {
        margin: 5px 0
    }

    #hero {
        min-height: 285px;
        padding-top: 58px;
    }

    #hero .container {
        min-height: 181px
    }

    #hero .background-container {
        padding-top: 60px
    }

    #hero h1,
    #hero h2 {
        font-size: 36px
    }

    #hero h1 .iccons-symbol,
    #hero h2 .iccons-symbol {
        font-size: 50px
    }

    #hero h1>span,
    #hero h2>span {
        text-align: left
    }

    #hero.carousel .pagination-container {
        bottom: 1rem;
        margin-left: 0;
        padding: 5px 20px
    }

    #hero.carousel .pagination-container .scrolly-list-pagination {
        text-align: center
    }

    #hero.carousel .pagination-container .scrolly-list-pagination .pagination-element {
        width: 40px
    }

    #hero.carousel .carousel-items {
        height: 360px;
        position: relative
    }

    #hero.carousel .carousel-items>li>.container:before {
        font-size: 300px;
        left: -70px
    }

    #hero.carousel .carousel-items>li .inner {
        margin-top: -10px;
        padding: 0 30px
    }

    #hero.carousel .carousel-items>li .inner h2 {
        font-size: 30px;
        line-height: 1em;
        text-align: center
    }

    #hero.carousel .carousel-items>li .inner .content {
        line-height: 1.3em;
        text-align: center
    }
}

@media (max-width:479px) {
    .mobile-only.portrait-only.block {
        display: block !important
    }

    .mobile-only.portrait-only.inline-block {
        display: inline-block !important
    }

    .mobile-only.portrait-only.inline {
        display: inline !important
    }
}

@media (min-width:480px) and (max-width:767px) {
    .mobile-only.landscape-only.block {
        display: block !important
    }

    .mobile-only.landscape-only.inline-block {
        display: inline-block !important
    }

    .mobile-only.landscape-only.inline {
        display: inline !important
    }
}

@media (max-width:1355px) {
    .content-section.videos {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:768px) and (max-width:1200px) {
    .container {
        width: 100%
    }

    .desktop-only,
    .tablet-hidden {
        display: none !important
    }

    .tablet-only.block {
        display: block !important
    }

    .tablet-only.inline-block {
        display: inline-block !important
    }

    .tablet-only.inline {
        display: inline !important
    }

    .tablet-only.table-cell {
        display: table-cell !important
    }

    .tablet-landscape-only,
    .tablet-only.landscape-only,
    .tablet-only.portrait-only,
    .tablet-portait-only {
        display: none !important
    }

    #header-nav>.container {
        justify-content: flex-end
    }

    #header-nav>.container #nav-contact {
        margin-right: 30px
    }

    #header-nav>.container #tablet-menu {
        display: block;
        height: 60px;
        width: 60px
    }

    #header-nav>.container #tablet-menu>.mobile-nav-button {
        position: relative;
        right: auto;
        top: auto
    }

    #primary-nav {
        display: none
    }

    .section-category-listing #breadcrumbs-container #breadcrumbs,
    .section-product-listing #breadcrumbs-container #breadcrumbs,
    .section-product-view-adhesive #breadcrumbs-container #breadcrumbs,
    .section-product-view-material #breadcrumbs-container #breadcrumbs,
    .section-product-view-single #breadcrumbs-container #breadcrumbs {
        display: block;
        padding: 20px 10px;
        text-align: center
    }

    .section-category-listing #breadcrumbs-container #breadcrumbs>li,
    .section-product-listing #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-adhesive #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-material #breadcrumbs-container #breadcrumbs>li,
    .section-product-view-single #breadcrumbs-container #breadcrumbs>li {
        line-height: 1.4em
    }
}

@media (min-width:768px) and (max-width:1023px) {

    .tablet-only.portrait-only.block,
    .tablet-portrait-only.block {
        display: block !important
    }

    .tablet-only.portrait-only.inline-block,
    .tablet-portrait-only.inline-block {
        display: inline-block !important
    }

    .tablet-only.portrait-only.inline,
    .tablet-portrait-only.inline {
        display: inline !important
    }
}

@media (min-width:1024px) and (max-width:1200px) {

    .tablet-landscape-only.block,
    .tablet-only.landscape-only.block {
        display: block !important
    }

    .tablet-landscape-only.inline-block,
    .tablet-only.landscape-only.inline-block {
        display: inline-block !important
    }

    .tablet-landscape-only.inline,
    .tablet-only.landscape-only.inline {
        display: inline !important
    }
}

@media (max-width:1200px) {
    #header-top {
        display: block;
        height: 60px
    }

    #header-top #brand {
        height: 100%;
        min-width: 240px;
        padding: 0 25px 0 20px;
        position: relative;
        top: -7px;
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform-origin: 0 0
    }

    #header-top #site-search {
        padding-right: 20px
    }

    #header-top #site-search .form-element.search-category .select2-container {
        max-width: 180px
    }
}

.iccons,
.icon {
    display: inline-block
}

.iccons.black,
.icon.black {
    color: #000
}

.iccons.near-black,
.icon.near-black {
    color: #1f1f1f
}

.iccons.white,
.icon.white {
    color: #fff
}

.iccons.red,
.icon.red {
    color: #e30613
}

.iccons--large,
.icon--large {
    color: #b0b0b0;
    display: block;
    font-size: 3.5rem;
    margin-bottom: 1rem
}

.icon-circle {
    background: #e30613;
    border-radius: 99rem;
    color: #fff;
    height: 3.5rem;
    padding: 1.25rem 0 0;
    text-align: center;
    width: 3.5rem
}

.icon-seismic-:nth-of-type(2) {
    display: none
}

.icon {
    background-image: url(../images/frontend.png)
}

.icon.cia {
    background-position: 0 0;
    width: 186px
}

.icon.cia,
.icon.ncc {
    background-size: 387px 152px;
    height: 50px
}

.icon.ncc {
    background-position: 0 -51px;
    width: 86px
}

.icon.nash {
    background-position: -87px -51px
}

.icon.aefac,
.icon.nash {
    background-size: 387px 152px;
    height: 50px;
    width: 65.5px
}

.icon.aefac {
    background-position: -154px -51px
}

.icon.eota {
    background-position: -220px -51px;
    width: 51px
}

.icon.done-and-dustless,
.icon.eota {
    background-size: 387px 152px;
    height: 50px
}

.icon.done-and-dustless {
    background-position: -271px -51px;
    width: 48.5px
}

.icon.seismic-c1 {
    background-position: -321px -51px
}

.icon.seismic-c1,
.icon.seismic-c2 {
    background-size: 387px 152px;
    height: 50px;
    width: 45px
}

.icon.seismic-c2 {
    background-position: 0 -102px
}

/*! lightgallery - v1.6.11 - 2018-05-22
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
@font-face {
    font-family: lg;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lg.eot);
    src: url(../fonts/lg.eot) format("embedded-opentype"), url(../fonts/lg.woff) format("woff"), url(../fonts/lg.ttf) format("truetype"), url(../fonts/lg.svg) format("svg")
}

.lg-icon {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: lg;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border: none;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    outline: none;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    opacity: .5;
    pointer-events: none
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    background-color: rgba(0, 0, 0, .45);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1082
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    outline: medium none;
    padding: 10px 0;
    text-align: center;
    text-decoration: none !important;
    transition: color .2s linear;
    width: 50px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
    transform-origin: 50% 50%;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    opacity: 1;
    transform: scaleX(1)
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    max-height: 350px;
    position: absolute;
    transform: translate3d(0, 100%, 0);
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    width: 100%;
    z-index: 1080
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    transform: translateZ(0)
}

.lg-outer .lg-thumb {
    height: 100%;
    margin-bottom: -5px;
    padding: 10px 0
}

.lg-outer .lg-thumb-item {
    border: 2px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    height: 100%;
    margin-bottom: 5px;
    overflow: hidden
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    max-height: 100%;
    max-width: 1140px;
    padding: 0 5px;
    vertical-align: middle;
    width: 100%
}

.lg-outer .lg-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    cursor: pointer;
    height: 59px;
    left: 50%;
    margin-left: -42px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 84px;
    z-index: 1080
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../images/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../images/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../images/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    opacity: .8;
    width: 64px
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../images/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../images/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .08s ease 0s;
    width: 100%;
    z-index: 1083
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    backface-visibility: hidden;
    transform: scaleX(1);
    transform-origin: 0 0;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    transform: translateZ(0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: inset 0 0 0 2px #fff
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    transform: translate3d(0, 5px, 0);
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    width: 120px
}

.lg-outer .lg-pager-thumb-cont img {
    height: 100%;
    width: 100%
}

.lg-outer .lg-pager {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    box-shadow: inset 0 0 0 8px hsla(0, 0%, 100%, .7);
    display: block;
    height: 12px;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: inset 0 0 0 8px #fff
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility 0s linear .18s, opacity .18s linear 0s;
    visibility: hidden;
    z-index: 1081
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    opacity: 1;
    transform: translateZ(0);
    transition-delay: 0s;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    transform: translate3d(0, 5px, 0);
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    visibility: hidden
}

.lg-outer .lg-dropdown:after {
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 16px;
    top: -16px;
    width: 0
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 4px 12px;
    white-space: pre
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    clear: both;
    content: "";
    display: table
}

.lg-outer {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    text-align: left;
    top: 0;
    transition: opacity .15s ease 0s;
    width: 100%;
    z-index: 1050
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    opacity: 1;
    transition-duration: 0s !important
}

.lg-outer.lg-grab img.lg-object {
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.lg-outer .lg-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.lg-outer .lg-item {
    background: url(../images/loading.gif) no-repeat scroll 50% transparent;
    display: none !important
}

.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    margin-right: -1px;
    width: 1px
}

.lg-outer .lg-img-wrap {
    bottom: 0;
    left: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    height: auto !important;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .15s ease 0s;
    z-index: 1040
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    opacity: 1;
    transform: translateZ(0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    left: 0;
    opacity: 0;
    position: absolute
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.announcement {
    background: #272727;
    color: #fff;
    display: none;
    padding: 1rem 2rem;
    position: relative;
    text-align: center;
    z-index: 99
}

.announcement .btn {
    margin: 0 1rem
}

.announcement__close {
    background: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 700;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:767px) {
    .announcement {
        top: 60px
    }

    .announcement .btn {
        margin: 1rem 1rem 0
    }

    .announcement__close {
        font-size: 1rem;
        right: 1rem
    }
}

.gmap-container {
    position: relative
}

.gmap-container>img {
    display: block;
    width: 100%
}

.gmap-container .gmap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.gmap-container .gmap .js-info-bubble-close {
    display: none !important
}

.gmap-container .gmap .js-info-bubble-close+div {
    background-color: #fff;
    border: none !important;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    height: auto !important;
    margin-bottom: 15px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 35px 40px !important;
    width: auto !important
}

.gmap-container .gmap .js-info-bubble-close+div:after {
    background-image: url(../images/frontend.png);
    background-position: 0 19px;
    background-size: 243px 189px;
    border: none !important;
    bottom: -17px;
    content: " ";
    display: block;
    height: 19px;
    left: 50%;
    position: relative;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 42px;
    z-index: 10
}

.infobubble-content {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em
}

.infobubble-content .location-name {
    color: #272727;
    font-weight: 500
}

.infobubble-content .location-name .location-type {
    margin-left: 6px
}

.infobubble-content .location-email,
.infobubble-content .location-fax,
.infobubble-content .location-mobile,
.infobubble-content .location-phone {
    font-weight: 500
}

.infobubble-content .location-email span,
.infobubble-content .location-fax span,
.infobubble-content .location-mobile span,
.infobubble-content .location-phone span {
    display: inline-block;
    font-weight: 400;
    width: 20px
}

.js-enabled .image-feature.triggered .content,
.js-enabled .image-feature.triggered .cta,
.js-enabled .image-feature.triggered .image,
.js-enabled .image-feature.triggered h3 {
    opacity: 1
}

.js-enabled .image-feature .content,
.js-enabled .image-feature .cta,
.js-enabled .image-feature .image,
.js-enabled .image-feature h3 {
    opacity: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

.js-enabled .image-feature h3 {
    transition-delay: .3s
}

.js-enabled .image-feature .content {
    transition-delay: .5s
}

.js-enabled .image-feature .cta {
    transition-delay: .7s
}

.image-feature .container {
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.image-feature .inner {
    color: #fff;
    margin: auto;
    max-width: 840px;
    padding: 70px 30px;
    position: relative;
    text-align: center;
    z-index: 10
}

.image-feature .inner h1,
.image-feature .inner h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 24px
}

.image-feature .inner .content {
    line-height: 1.9em
}

.image-feature .inner .content p+p {
    margin-top: 1em
}

.image-feature .inner .cta {
    margin-top: 35px
}

.image-feature .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-feature .image:before {
    background: #000;
    content: " ";
    height: 100%;
    opacity: .55;
    position: absolute;
    width: 100%;
    z-index: 2
}

.image-feature.become-a-dealer .image {
    background-image: url(../images/become-a-dealer.jpg)
}

.image-feature.about-us .image {
    background-image: url(../images/about-iccons.jpg)
}

#latest-news>.container>.cta {
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    transition-delay: .7s
}

.js-enabled #latest-news.triggered .news-listing>li {
    opacity: 1
}

.js-enabled #latest-news.triggered>.container>.cta {
    opacity: 1 !important
}

.js-enabled #latest-news .news-listing>li,
.js-enabled #latest-news>.container>.cta {
    opacity: 0
}

.js-enabled #latest-news .news-listing>li:nth-child(9n+1) {
    transition-delay: .3s
}

.js-enabled #latest-news .news-listing>li:nth-child(9n+2) {
    transition-delay: .1s
}

.js-enabled #latest-news .news-listing>li:nth-child(9n+3) {
    transition-delay: .5s
}

.featured-listing,
.news-listing {
    display: flex;
    flex-wrap: wrap
}

.featured-listing>li,
.news-listing>li {
    padding: 10px;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    width: 33.333%
}

.featured-listing .inner,
.news-listing .inner {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0 0 50px;
    position: relative
}

.featured-listing .inner:hover h4,
.news-listing .inner:hover h4 {
    color: #e30613
}

.featured-listing .inner:hover .btn,
.news-listing .inner:hover .btn {
    background-color: #e30613;
    color: #fff
}

.featured-listing .image,
.news-listing .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px
}

.featured-listing .image img,
.news-listing .image img {
    display: block;
    width: 100%
}

.featured-listing .article,
.news-listing .article {
    color: #666;
    padding: 40px
}

.featured-listing .article .date,
.news-listing .article .date {
    color: #b3b3b3;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 28px
}

.featured-listing .article h4,
.news-listing .article h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    margin: 0 0 14px
}

.featured-listing .article .summary,
.news-listing .article .summary {
    font-size: 13px;
    line-height: 1.9em
}

.featured-listing .cta,
.news-listing .cta {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.featured-listing .cta .btn,
.news-listing .cta .btn {
    border-radius: 0
}

/* 
.pagination {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    display: flex;
    margin: 10px 0 20px
}

.pagination .title {
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    padding: 20px 30px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pagination .title+ul {
    text-align: right
}

.pagination .title+ul li:first-child {
    border-left: 2px solid #f6f6f6
}

.pagination .filters {
    flex: 1
}

.pagination .filters+ul {
    flex: 0
}

.pagination>ul {
    flex: 1;
    font-size: 0;
    text-align: center;
    white-space: nowrap
}

.pagination>ul>li {
    display: inline-block;
    font-size: 14px;
    text-align: center
}

.pagination>ul>li:first-child a,
.pagination>ul>li:first-child span {
    border-left: none
}

.pagination>ul>li:last-child a,
.pagination>ul>li:last-child span {
    border-right: none
}

.pagination>ul>li.current a {
    color: #e30613
}

.pagination>ul>li a,
.pagination>ul>li span {
    border: 1px solid #f6f6f6;
    border-width: 0 1px;
    color: #666;
    display: block;
    font-weight: 500;
    line-height: 40px;
    padding: 10px;
    width: 60px
}

.pagination>ul>li a {
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.pagination>ul>li a:hover {
    background: #e30613;
    color: #fff
}

.pagination>ul>li span {
    opacity: .5
}

.pagination .view-mode {
    border-left: 2px solid #f6f6f6;
    font-weight: 400;
    margin-left: auto;
    padding: 10px;
    text-align: center;
    white-space: nowrap
}

.pagination .view-mode>a {
    color: #b0b0b0;
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    padding: 0 10px;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    width: 40px
}

.pagination .view-mode>a:hover {
    color: #272727
}

.pagination .view-mode>a.active {
    color: #e30613
}
 */

.js-enabled #partner-grid.triggered .partner-grid>li {
    opacity: 1
}

.js-enabled #partner-grid .partner-grid>li {
    opacity: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+1) {
    transition-delay: .2s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+2) {
    transition-delay: .1s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+3) {
    transition-delay: .3s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+4) {
    transition-delay: .5s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+5) {
    transition-delay: .6s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+6) {
    transition-delay: .4s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+7) {
    transition-delay: .7s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n+8) {
    transition-delay: .8s
}

.js-enabled #partner-grid .partner-grid>li:nth-child(9n) {
    transition-delay: .9s
}

#partner-grid {
    margin-top: -3px
}

#partner-grid .container {
    text-align: center
}

#partner-grid .container h3 {
    font-size: 30px;
    margin: 0 0 33px
}

#partner-grid .partner-grid {
    background: #fff;
    border-bottom: 1px solid #f6f6f6;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    display: flex;
    flex-wrap: wrap
}

#partner-grid .partner-grid>li {
    border-bottom: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    height: 120px;
    padding: 24px 30px;
    position: relative;
    width: 25%
}

#partner-grid .partner-grid>li:nth-child(4n) {
    border-right: none
}

#partner-grid .partner-grid>li:hover img {
    filter: brightness(100%) grayscale(0);
    opacity: 1
}

#partner-grid .partner-grid>li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

#partner-grid .partner-grid>li img {
    filter: brightness(0) grayscale(100%);
    left: 50%;
    max-height: 70px;
    max-width: 200px;
    opacity: .25;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

#partner-grid .partner-grid>li span {
    left: -9999px;
    position: absolute;
    top: 0
}

[data-render-as=scrolly-list] {
    font-size: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

[data-render-as=scrolly-list]>.scrolly-element {
    display: inline-block;
    position: relative;
    transition: margin .2s ease-in;
    -o-transition: margin .2s ease-in;
    -ms-transition: margin .2s ease-in;
    -moz-transition: margin .2s ease-in;
    -webkit-transition: margin .2s ease-in;
    white-space: normal
}

.scrolly-list-container {
    position: relative
}

.scrolly-list-container.can-scroll-next .scroll-next,
.scrolly-list-container.can-scroll-previous .scroll-previous {
    cursor: pointer;
    opacity: 1
}

.scrolly-list-container .scroll-next,
.scrolly-list-container .scroll-previous {
    background: transparent;
    border: 2px solid rgba(39, 39, 39, .5);
    border-radius: 60px;
    color: #272727;
    height: 60px;
    opacity: 0;
    padding: 10px;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 60px;
    z-index: 15
}

.scrolly-list-container .scroll-next:hover,
.scrolly-list-container .scroll-previous:hover {
    border-color: #e30613;
    color: #e30613
}

.scrolly-list-container .scroll-next .iccons,
.scrolly-list-container .scroll-previous .iccons {
    font-size: 20px;
    line-height: 40px;
    position: relative;
    top: -2px
}

.scrolly-list-container .scroll-next.white,
.scrolly-list-container .scroll-previous.white {
    border-color: hsla(0, 0%, 100%, .5);
    color: #fff
}

.scrolly-list-container .scroll-next.white:hover,
.scrolly-list-container .scroll-previous.white:hover {
    border-color: #e30613;
    color: #e30613
}

.scrolly-list-container .scroll-previous {
    left: 0;
    margin-left: -70px
}

.scrolly-list-container .scroll-next {
    margin-right: -70px;
    right: 0
}

.scrolly-list-pagination .pagination-element {
    cursor: pointer;
    display: inline-block;
    margin: 0 20px 0 0
}

.testimonials-container {
    position: relative
}

.testimonials-container .scroll-previous {
    margin-left: 110px
}

.testimonials-container .scroll-next {
    margin-right: 110px
}

.js-enabled #testimonials.triggered #testimonials-pagination>.pagination-element,
.js-enabled #testimonials.triggered .testimonials {
    opacity: 1
}

.js-enabled #testimonials #testimonials-pagination .pagination-element,
.js-enabled #testimonials .testimonials {
    opacity: 0
}

#testimonials.static {
    margin-top: -17px
}

.testimonials {
    border-radius: 9px;
    overflow: hidden;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

.testimonials .testimonial {
    border-radius: 9px;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.testimonials .testimonial+.testimonial {
    margin-top: 20px
}

.testimonials .testimonial .inner {
    color: #fff;
    left: 50%;
    max-width: 700px;
    padding: 20px 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10
}

.testimonials .testimonial .inner .content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55em
}

.testimonials .testimonial .inner .attribution {
    font-weight: 500;
    margin-top: 21px
}

.testimonials .testimonial .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1
}

.testimonials .testimonial .image:before {
    background: #000;
    content: " ";
    height: 100%;
    opacity: .55;
    position: absolute;
    width: 100%;
    z-index: 2
}

.testimonials .testimonial .image img {
    width: 100%
}

#testimonials-pagination {
    bottom: 60px;
    font-size: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 20
}

#testimonials-pagination .pagination-element {
    background: hsla(0, 0%, 100%, .5);
    height: 3px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 70px
}

#testimonials-pagination .pagination-element:hover {
    background: #fff
}

#testimonials-pagination .pagination-element.current {
    background: #e30613
}

#testimonials-listing {
    display: flex !important;
    flex-wrap: wrap;
    margin: -10px
}

@media (min-width:767px) and (max-width:1200px) {
    #testimonials-listing {
        padding: 0 10px
    }
}

@media (max-width:767px) {
    #testimonials-listing {
        margin: 0;
        padding: 0 10px
    }
}

#testimonials-listing .testimonial {
    border-radius: 9px !important;
    flex-basis: calc(50% - 20px);
    margin: 10px !important;
    min-height: 380px
}

@media (max-width:767px) {
    #testimonials-listing .testimonial {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

#testimonials-listing .testimonial .inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: auto;
    margin: 0 auto;
    position: relative;
    top: auto;
    transform: none;
    width: 100%
}

#testimonials-listing .testimonial .image {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.container.pagination-container.pagination-container-testimonials {
    margin-top: 30px
}

#hero.carousel+#top-categories,
#hero.video+#top-categories {
    margin-top: 56px
}

#top-categories {
    margin: 0 0 66px
}

#top-categories h3 {
    margin-bottom: 45px
}

.js-enabled .triggered .top-categories>li {
    opacity: 1
}

.js-enabled .top-categories>li {
    opacity: 0
}

.js-enabled .top-categories>li:nth-child(9n+1) {
    transition-delay: .1s
}

.js-enabled .top-categories>li:nth-child(9n+2) {
    transition-delay: .2s
}

.js-enabled .top-categories>li:nth-child(9n+3) {
    transition-delay: .3s
}

.js-enabled .top-categories>li:nth-child(9n+4) {
    transition-delay: .4s
}

.js-enabled .top-categories>li:nth-child(9n+5) {
    transition-delay: .5s
}

.js-enabled .top-categories>li:nth-child(9n+6) {
    transition-delay: .4s
}

.js-enabled .top-categories>li:nth-child(9n+7) {
    transition-delay: .3s
}

.js-enabled .top-categories>li:nth-child(9n+8) {
    transition-delay: .2s
}

.js-enabled .top-categories>li:nth-child(9n) {
    transition-delay: .1s
}

.top-categories {
    display: flex
}

.top-categories>li {
    flex: 1;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

.top-categories>li a {
    color: #272727;
    display: block;
    padding: 10px;
    text-align: center;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.top-categories>li a:hover,
.top-categories>li a:hover .iccons {
    color: #e30613
}

.top-categories>li a .iccons {
    color: #b0b0b0;
    font-size: 60px;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.top-categories>li a .iccons-cat-anchoring {
    width: 28px
}

.top-categories>li a .iccons-cat-adhesives {
    width: 24px
}

.top-categories>li a .iccons-cat-concrete-nailing {
    width: 52px
}

.top-categories>li a .iccons-cat-drilling {
    width: 36px
}

@media (max-width:1300px) {
    .top-categories>li a .iccons-cat-anchoring {
        width: 23px
    }

    .top-categories>li a .iccons-cat-adhesives {
        width: 20px
    }

    .top-categories>li a .iccons-cat-concrete-nailing {
        width: 44px
    }

    .top-categories>li a .iccons-cat-drilling {
        width: 31px
    }
}

.top-categories>li a h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    margin: 25px 0 0;
    text-align: center
}

.article-cta .container {
    background-color: #fafafa;
    display: flex;
    flex-wrap: wrap;
    padding: 4.75rem .625rem 1.5rem
}

@media (min-width:768px) {
    .article-cta .container {
        border-radius: 10px;
        flex-wrap: nowrap;
        padding: 4.75rem 5rem 4.25rem
    }
}

.article-cta .acta__left {
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .article-cta .acta__left {
        margin-right: 4.5rem;
        text-align: left;
        width: auto
    }
}

.article-cta .acta__left i {
    color: #e30613;
    font-size: 14.25rem
}

.article-cta .acta__right {
    padding-top: 1rem
}

@media (min-width:768px) {
    .article-cta .acta__right {
        padding-top: 0
    }
}

.article-cta .acta__right .acta__right-title {
    color: #262626;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .article-cta .acta__right .acta__right-title {
        font-size: 1.875rem;
        line-height: 2.5rem;
        margin-bottom: 2.25rem
    }
}

.article-cta .acta__right .acta__right-contact {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem
}

@media (min-width:768px) {
    .article-cta .acta__right .acta__right-contact {
        flex-wrap: nowrap;
        margin-bottom: 2.25rem
    }
}

.article-cta .acta__right .acta__right-contact label {
    color: #262626;
    display: block;
    font-size: 1rem;
    line-height: 1.625rem
}

@media (min-width:768px) {
    .article-cta .acta__right .acta__right-contact label {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.article-cta .acta__right .acta__right-contact a {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.625rem
}

@media (min-width:768px) {
    .article-cta .acta__right .acta__right-contact a {
        font-size: 1.125rem
    }
}

.article-cta .acta__right .acta__right-contact .acta__rc-email {
    margin-bottom: .5rem;
    width: 100%
}

@media (min-width:768px) {
    .article-cta .acta__right .acta__right-contact .acta__rc-email {
        margin-bottom: 0;
        margin-right: 5.5rem;
        width: auto
    }
}

.article-cta .acta__right p {
    color: #666;
    font-size: 1rem;
    line-height: 1.875rem;
    margin-bottom: 2.25rem
}

.editor-image-gallery {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.editor-image-gallery .eig__image {
    border-radius: 10px;
    display: flex;
    flex: 1 1 20%;
    overflow: hidden;
    position: relative;
    text-align: center
}

.editor-image-gallery .eig__image img {
    height: 100%;
    margin-bottom: 0 !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.editor-image-gallery .eig__image:not(:first-child) {
    max-height: 7rem !important
}

.editor-image-gallery .eig__image:first-child {
    flex: 1 0 100%
}

.editor-image-gallery .eig__count {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.editor-image-gallery .eig__count>span {
    display: block;
    position: relative;
    z-index: 1
}

.editor-image-gallery .eig__count:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes hvr-pop {
    50% {
        transform: scale(1.2)
    }
}

a.youtube-video-link {
    display: block;
    position: relative
}

a.youtube-video-link img {
    transition: opacity .4s ease
}

a.youtube-video-link>figure {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

a.youtube-video-link>figure>svg {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    max-width: 260px;
    transform: perspective(1px) translateZ(0);
    vertical-align: middle
}

a.youtube-video-link:hover img {
    opacity: .8
}

a.youtube-video-link:hover>figure>svg {
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-name: hvr-pop;
    animation-timing-function: ease
}

.quick-links-and-content {
    display: grid;
    gap: 10px;
    /* grid-template-columns: 25% 1fr; */
    grid-template-columns: 1fr;
    position: relative
}

.quick-links-and-content .content-section {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
    .quick-links-and-content {
        gap: 0;
        grid-template-columns: 1fr
    }
}

.quick-links-container {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left
}

.quick-links-container .quick-links-heading {
    color: #e30613;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .quick-links-container {
        background-color: #fff;
        padding: 1rem 0;
        position: relative;
        z-index: 1
    }

    .quick-links-container.mobile {
        display: block
    }

    .quick-links-container.desktop {
        display: none
    }

    .quick-links-container.fixed {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
        border-bottom: 1px solid #b3b3b3;
        border-top: 1px solid #b3b3b3;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        left: 0;
        position: fixed;
        right: 0;
        top: 52px;
        transition: top .5s ease-in-out;
        width: 100%;
        z-index: 21
    }

    .quick-links-container.fixed.slideUpQuickLinks {
        top: -100px;
        z-index: 11
    }

    .quick-links-container .quick-links-heading {
        margin-left: auto;
        margin-right: auto;
        transition: width .3s ease-in-out
    }

    .quick-links-container .quick-links {
        margin: auto;
        position: relative;
        transition: width .3s ease-in-out;
        z-index: 1
    }

    .quick-links-container .quick-links.active .quick-links-panel {
        opacity: 1;
        pointer-events: all
    }

    .quick-links-container .quick-links-panel-trigger {
        border: 1px solid #b3b3b3;
        border-radius: 6px;
        color: #666;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 10px 50px 10px 10px;
        position: relative;
        text-align: left;
        transition: color .3s ease-in-out;
        width: 100%
    }

    .quick-links-container .quick-links-panel-trigger:after {
        color: currentColor;
        content: "\f113";
        font-family: ICCONS;
        font-size: 10px;
        position: absolute;
        right: 18px;
        text-align: center;
        top: calc(50% - 6px);
        transform: rotate(90deg);
        transition: color .3s ease-in-out;
        width: 10px
    }

    .quick-links-container .quick-links-panel {
        bottom: 0;
        display: flex;
        flex-direction: column;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: calc(100% - 5px);
        transition: opacity .3s ease-in-out;
        width: 100%
    }

    .quick-links-container .quick-links-link-item {
        background-color: #fff;
        border: 1px solid #e9e9e9;
        border-bottom: none;
        color: #272727;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        padding: 12px 40px 12px 20px;
        text-align: left;
        transition: background-color .3s ease-in-out
    }

    .quick-links-container .quick-links-link-item:last-child {
        border-bottom: 1px solid #e9e9e9;
        border-radius: 0 0 6px 6px
    }

    .quick-links-container .quick-links-link-item.active {
        background-color: #f6f6f6
    }
}

@media (min-width:1200px) {
    .quick-links-container {
        pointer-events: all;
        position: sticky;
        top: 100px;
        transition: opacity .3s ease-in-out
    }

    .quick-links-container.mobile {
        display: none
    }

    .quick-links-container.desktop {
        display: block
    }

    .quick-links-container .quick-links-panel-trigger {
        display: none;
        pointer-events: none
    }

    .quick-links-container .quick-links-panel {
        border-radius: 6px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .1);
        overflow: hidden
    }

    .quick-links-container .quick-links-link-item {
        background-color: #fff;
        border-bottom: 2px solid #e9e9e9;
        color: #666;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 16px 40px 16px 25px;
        position: relative;
        text-align: left;
        transition: color .3s ease-in-out;
        width: 100%
    }

    .quick-links-container .quick-links-link-item:last-child {
        border-bottom: none
    }

    .quick-links-container .quick-links-link-item:after {
        color: currentColor;
        content: "\f113";
        font-family: ICCONS;
        font-size: 10px;
        padding: 19px 0;
        position: absolute;
        right: 18px;
        text-align: center;
        top: 0;
        transition: color .3s ease-in-out;
        width: 10px
    }

    .quick-links-container .quick-links-link-item:before {
        background-color: #e30613;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .3s ease-in-out;
        width: 4px
    }

    .quick-links-container .quick-links-link-item.active {
        color: #272727
    }

    .quick-links-container .quick-links-link-item.active:before {
        opacity: 1
    }

    .quick-links-container .quick-links-link-item:hover {
        color: #e30613
    }
}

@media screen and (min-width:1568px) {
    .quick-links-container {
        top: 50px
    }
}

.js-enabled .triggered .child-grid-listing .grid-element {
    opacity: 1
}

.js-enabled .triggered .child-grid-listing .grid-element:nth-child(3n+1) {
    transition-delay: .3s
}

.js-enabled .triggered .child-grid-listing .grid-element:nth-child(3n+2) {
    transition-delay: .9s
}

.js-enabled .triggered .child-grid-listing .grid-element:nth-child(3n) {
    transition-delay: .6s
}

.js-enabled .child-grid-listing .grid-element {
    opacity: 0
}

.child-grid-listing {
    grid-gap: 0;
    display: grid;
    font-size: 0;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr;
    margin: -10px;
    position: relative
}

.child-grid-listing>a.grid-element:hover .btn {
    background: #e30613;
    color: #fff
}

.child-grid-listing>a.grid-element:hover .image:before {
    opacity: .4;
    transition: opacity .3s ease
}

.child-grid-listing .grid-element {
    display: inline-block;
    padding: 10px;
    position: relative;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    width: 100%
}

.child-grid-listing .grid-element.grid-element-1x2 {
    -ms-grid-row-span: 2;
    grid-row: span 2
}

.child-grid-listing .grid-element.grid-element-1x2>.image {
    height: 100%
}

.child-grid-listing .grid-element .details {
    color: #fff;
    left: 50%;
    max-width: 510px;
    padding: 20px 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10
}

.child-grid-listing .grid-element .details h4 {
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 22px
}

.child-grid-listing .grid-element .details .content {
    font-size: 13px;
    line-height: 1.9em;
    margin: 0 0 38px
}

.child-grid-listing .grid-element .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.child-grid-listing .grid-element .image:before {
    background: #000;
    content: " ";
    height: 100%;
    opacity: .55;
    position: absolute;
    width: 100%;
    z-index: 2
}

.child-grid-listing .grid-element .image img {
    width: 100%
}

.horizontal-form {
    display: flex;
    margin: -3px -10px 0
}

.horizontal-form .form-row {
    flex: 1;
    padding: 10px
}

.horizontal-form .form-row.submit {
    flex: none;
    width: 136px
}

.horizontal-form .form-row.listing-type {
    flex: none;
    font-size: 14px;
    padding-left: 44px;
    padding-top: 20px;
    width: 140px
}

.horizontal-form .form-row.listing-type a {
    color: #b0b0b0;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.horizontal-form .form-row.listing-type a+a {
    margin-left: 20px
}

.horizontal-form .form-row.listing-type a:hover {
    color: #272727;
    text-decoration: none
}

.horizontal-form .form-row.listing-type a.active {
    color: #e30613
}

.horizontal-form .form-row.listing-type a i {
    font-size: 1rem
}

.result-info {
    margin: 21px 0 0;
    text-align: center
}

.result-info span {
    color: #e30613
}

.support-download-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px -20px
}

.support-download-listing>li {
    padding: 21px 30px;
    width: 50%
}

.support-download-listing>li a {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400
}

.support-download-listing>li a:hover {
    color: #666;
    text-decoration: none
}

.support-download-listing>li a:hover .title {
    color: #e30613
}

.support-download-listing>li a .title {
    color: #272727;
    display: block;
    line-height: 1.6em;
    margin: 0 0 4px
}

.support-download-listing>li a .download,
.support-download-listing>li a .title {
    font-weight: 500;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.support-download-listing>li a .download {
    color: #e30613;
    display: inline-block;
    margin-right: 3px
}

.support-download-listing>li a .download .iccons {
    margin-right: 9px
}

.support-download-listing>li a .size,
.support-download-listing>li a .updated {
    display: inline-block;
    margin-right: 3px
}

.container.pagination-container {
    margin-top: 20px
}

.accordion-listing {
    margin: 30px 0
}

.accordion-listing>li+li {
    margin-top: 3px
}

.accordion-listing .accordion-toggler {
    background: #272727;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 15px 60px 15px 20px;
    position: relative;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.accordion-listing .accordion-toggler.active,
.accordion-listing .accordion-toggler:hover {
    background: #e30613
}

.accordion-listing .accordion-toggler.active:before {
    margin-top: -10px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.accordion-listing .accordion-toggler.active+.accordion-content {
    max-height: 5000px;
    opacity: 1
}

.accordion-listing .accordion-toggler:before {
    font-family: ICCONS;
    font-size: 18px;
    position: relative;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.accordion-listing .accordion-content,
.accordion-listing .accordion-toggler:before {
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.accordion-listing .accordion-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

.accordion-listing .accordion-content>.inner {
    padding: 20px 20px 30px
}

#content.find-a-dealer .gmap-container {
    height: 550px;
    margin-bottom: 30px;
    position: relative
}

#content.find-a-dealer .gmap-container>img {
    display: none
}

#content.find-a-dealer .gmap-container .gmap {
    left: auto;
    position: relative;
    top: auto
}

.content-section.results-legend {
    padding-bottom: 15px;
    padding-top: 15px
}

.content-section.results-legend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px
}

.content-section.results-legend ul>li {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 20px;
    width: 50%
}

.content-section.results-legend ul>li .iccons,
.content-section.results-legend ul>li strong {
    color: #666
}

.content-section.results-legend ul>li .iccons {
    font-size: 18px;
    vertical-align: middle
}

.content-section.results-legend ul>li strong {
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle
}

.content-section.results-legend ul>li p {
    display: inline
}

.dealer-listing>li {
    display: flex
}

.dealer-listing>li+li {
    margin-top: 30px
}

.dealer-listing .dealer-details {
    flex: 6;
    padding: 0 60px;
    position: relative
}

.dealer-listing .dealer-details:before {
    color: #272727;
    font-family: ICCONS;
    font-size: 26px;
    left: 0;
    position: absolute;
    top: 5px
}

.dealer-listing .dealer-details .name {
    color: #272727;
    font-weight: 500
}

.dealer-listing .dealer-details .address {
    line-height: 1.5
}

.dealer-listing .dealer-contact {
    flex: 7;
    padding: 0 60px 0 0
}

.dealer-listing .dealer-contact dl {
    display: flex;
    flex-wrap: wrap
}

.dealer-listing .dealer-contact dl>dt {
    width: 8%
}

.dealer-listing .dealer-contact dl>dd {
    font-weight: 700;
    width: 92%
}

.dealer-listing .dealer-contact dl>dd a {
    font-weight: 400
}

.dealer-listing .dealer-enquiry {
    text-align: right;
    width: 200px
}

#content.support-areas h3 {
    text-align: left
}

.icon-listing {
    display: flex;
    margin: 36px 0 -15px
}

.icon-listing>li {
    padding: 20px;
    width: 25%
}

.icon-listing>li a {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    text-align: center
}

.icon-listing>li a:hover {
    text-decoration: none
}

.icon-listing>li a:hover h4,
.icon-listing>li a:hover i {
    color: #e30613
}

.icon-listing>li a i {
    color: #b0b0b0;
    font-size: 50px
}

.icon-listing>li a h4,
.icon-listing>li a i {
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.icon-listing>li a h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 14px
}

#category-hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative
}

#category-hero .content {
    color: #fff;
    margin: auto;
    max-width: 810px;
    padding: 15px 40px;
    text-align: center;
    width: 100%;
    z-index: 5
}

#category-hero h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 23px
}

#category-hero p {
    line-height: 1.8em
}

#category-hero p+p {
    margin-top: 1em
}

#category-hero button {
    margin-top: 10px
}

#category-header {
    padding: 16px 0 28px;
    position: relative;
    text-align: center
}

#category-header h1 {
    color: #e30613;
    font-size: 36px;
    font-weight: 500
}

#category-header p {
    color: #666
}

#category-header p.description {
    color: #272727;
    font-weight: 500;
    margin-top: 20px
}

.category-navigation {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .05);
    font-weight: 500
}

.category-navigation a {
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

.category-navigation a .count {
    color: #666;
    display: inline-block;
    margin: 0 0 0 4px
}

.category-navigation>li+li {
    border-top: 2px solid #f6f6f6
}

.category-navigation>li.current>a {
    color: #e30613
}

.category-navigation>li>a {
    color: #272727;
    display: block;
    line-height: 20px;
    padding: 19px 40px 19px 52px;
    position: relative
}

.category-navigation>li>a:hover {
    color: #e30613
}

.category-navigation>li>a:before {
    font-family: ICCONS;
    font-size: 10px;
    padding: 19px 0;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 0;
    width: 10px
}

.category-navigation>li>a .iccons {
    font-size: 22px;
    left: 0;
    line-height: 58px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px
}

.category-navigation>li>a .iccons.iccons-cat-power-tools {
    font-size: 17px
}

.category-navigation>li>a .iccons.iccons-cat-merchandising {
    font-size: 19px
}

.category-navigation>li .subcategories {
    font-size: 12px;
    padding: 0 20px 14px 52px
}

.category-navigation>li .subcategories>li.current>a {
    color: #e30613
}

.category-navigation>li .subcategories>li>a {
    color: #272727;
    display: block;
    line-height: 16px;
    overflow: hidden;
    padding: 8px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-navigation>li .subcategories>li>a:hover {
    color: #e30613
}

.category-navigation>li .subcategories>li>.subcategories {
    font-weight: 400;
    padding: 0 0 0 14px
}

.category-navigation>li .subcategories>li>.subcategories>li.current>a {
    color: #e30613
}

.category-navigation>li .subcategories>li>.subcategories>li>a {
    color: #666;
    padding: 5px 0
}

.category-navigation>li .subcategories>li>.subcategories>li>a:hover {
    color: #e30613
}

.category-listing.grid,
.sitebox-listing.grid {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -10px 25px
}

.category-listing.grid>li,
.sitebox-listing.grid>li {
    padding: 10px;
    width: 33.333%
}

.category-listing.grid .image-container,
.sitebox-listing.grid .image-container {
    padding: 20px
}

.category-listing.grid .image-container img,
.sitebox-listing.grid .image-container img {
    width: 100%
}

.category-listing.grid .details,
.sitebox-listing.grid .details {
    padding: 0px 30px 10px 20px;
    text-align: center
}

.category-listing.grid .details .item-count,
.sitebox-listing.grid .details .item-count {
    bottom: 70px;
    left: 0;
    position: absolute;
    width: 100%
}

.category-listing.grid .cta,
.sitebox-listing.grid .cta {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.category-listing.grid .cta .btn,
.sitebox-listing.grid .cta .btn {
    border-radius: 0
}

.category-listing.list>li+li,
.sitebox-listing.list>li+li {
    margin-top: 20px
}

.category-listing.list>li>.inner,
.sitebox-listing.list>li>.inner {
    display: flex;
    padding: 10px;
    width: 100%
}

.category-listing.list>li .image-container,
.sitebox-listing.list>li .image-container {
    padding: 0 30px;
    width: 30%
}

.category-listing.list>li .image-container .image,
.sitebox-listing.list>li .image-container .image {
    background-size: contain;
    height: 100%
}

.category-listing.list>li .image-container img,
.sitebox-listing.list>li .image-container img {
    height: 100%;
    min-height: 50px
}

.category-listing.list>li .details,
.sitebox-listing.list>li .details {
    padding: 15px 30px;
    width: 53%
}

.category-listing.list>li .details h4,
.sitebox-listing.list>li .details h4 {
    margin: 0 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-listing.list>li .details:hover,
.sitebox-listing.list>li .details:hover {
    text-decoration: none
}

.category-listing.list>li .cta,
.sitebox-listing.list>li .cta {
    position: relative;
    width: 17%
}

.category-listing.list>li .cta .btn,
.sitebox-listing.list>li .cta .btn {
    max-width: 200px;
    padding: 15px;
    width: 100%
}

.category-listing.list>li .cta button,
.category-listing.list>li .cta span,
.sitebox-listing.list>li .cta button,
.sitebox-listing.list>li .cta span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.category-listing.list+.pagination,
.sitebox-listing.list+.pagination {
    margin-top: 20px
}

.category-listing .inner,
.sitebox-listing .inner {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0 0 50px;
    position: relative
}

.category-listing .image-container .image,
.sitebox-listing .image-container .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

.category-listing .image-container img,
.sitebox-listing .image-container img {
    display: block
}

.category-listing .details,
.sitebox-listing .details {
    color: #666
}

.category-listing .details h4,
.sitebox-listing .details h4 {
    color: #272727;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6em
}

.category-listing .details .item-count,
.sitebox-listing .details .item-count {
    color: #666
}

.category-listing.search-listing,
.sitebox-listing.search-listing {
    margin: 50px 0
}

.category-listing.search-listing>li,
.sitebox-listing.search-listing>li {
    margin: 10px 0
}

.category-listing.search-listing>li:not(:last-child) .inner,
.sitebox-listing.search-listing>li:not(:last-child) .inner {
    border-bottom: 1px solid #ccc
}

.category-listing.search-listing .inner,
.sitebox-listing.search-listing .inner {
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

.category-listing.search-listing .description,
.sitebox-listing.search-listing .description {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.5
}

#related-products .product-listing {
    justify-content: center
}

.category-listing .inner:hover {
    text-decoration: none
}

.category-listing .inner:hover h4 {
    color: #e30613
}

.category-listing .inner:hover .btn {
    background-color: #e30613;
    color: #fff
}

.sitebox-listing.list {
    margin-top: 3rem
}

.sitebox-listing.list>li .cta {
    width: 15%
}

.sitebox-listing.list>li .inner {
    border: 1px solid #ddd;
    box-shadow: none
}

@media (max-width:767px) {
    .sitebox-listing.list>li .inner {
        flex-direction: column
    }

    .sitebox-listing.list>li .inner>div {
        min-height: 50px;
        text-align: center;
        width: 100%
    }
}

.sitebox-listing.list>li .inner h4 {
    font-weight: 400
}

.sitebox-listing.list>li .inner .item-count {
    color: #666;
    font-size: 14px
}

.sitebox-listing.list>li .inner .details:hover h4 {
    color: #e30613
}

.results-map [data-marker-click=infowindow],
[data-gmap-action=show-pin] {
    cursor: zoom-in
}

#content.contact-us #primary {
    display: flex;
    padding: 55px 110px
}

#content.contact-us #primary .location-list {
    padding: 0 80px 0 0;
    width: 500px
}

#content.contact-us #primary .office-locations {
    padding-top: 4px
}

#content.contact-us #primary .office-locations>li {
    padding-left: 42px
}

#content.contact-us #primary .office-locations>li+li {
    border-top: 2px solid #f6f6f6;
    margin-top: 30px;
    padding-top: 38px
}

#content.contact-us #primary .office-locations .details {
    position: relative
}

#content.contact-us #primary .office-locations .details:before {
    color: #b0b0b0;
    font-family: ICCONS;
    font-size: 33px;
    left: -42px;
    position: absolute;
    top: 5px;
    width: 30px
}

#content.contact-us #primary .office-locations .details dl dd,
#content.contact-us #primary .office-locations .details dl dt {
    font-weight: 400
}

#content.contact-us #primary .office-locations .details .opening-hours {
    margin-top: 12px
}

#content.contact-us #primary .contact-form {
    flex: 1
}

#content.contact-us #primary .contact-form .gmap-container {
    margin-top: 32px
}

#content.contact-us #primary .contact-form #contact-form {
    margin-top: 47px
}

#content.contact-us #primary .contact-form #contact-form .join-mailing-list {
    margin-top: 10px
}

.facility-listing .group {
    padding: 50px 110px
}

.facility-listing .group+.group {
    border-top: 1px solid #f6f6f6
}

.facility-listing .group h3 {
    line-height: 1em;
    margin-bottom: 25px
}

.facilities>li {
    display: flex
}

.facilities>li+li {
    margin-top: 43px
}

.facilities>li:last-child {
    margin-bottom: 0
}

.facilities .details {
    flex: 1;
    padding: 0 130px
}

.facilities .image {
    padding-top: 7px;
    width: 310px
}

.facilities .image img {
    border-radius: 6px;
    display: block;
    margin-bottom: 10px
}

.facilities .cta {
    padding-top: 7px;
    width: 180px
}

#content.facility #primary {
    padding-bottom: 10px;
    position: relative
}

#content.facility #primary h3 {
    text-align: center
}

#content.facility .facility-location {
    display: flex
}

#content.facility .facility-location .address-container {
    width: 40%
}

#content.facility .facility-location .gmap-container {
    width: 60%
}

#content.facility .facility .details {
    padding-left: 42px
}

.facility .address-container h4:first-child {
    margin-bottom: 30px
}

.facility .details {
    position: relative
}

.facility .details .name {
    color: #272727;
    display: block;
    font-weight: 500
}

.facility .details .address {
    display: block
}

.facility .details dl {
    display: flex;
    flex-wrap: wrap
}

.facility .details dl>dt {
    width: 8%
}

.facility .details dl>dd {
    font-weight: 700;
    width: 92%
}

.facility .details dl>dd a {
    font-weight: 400
}

.facility .details .opening-hours .heading {
    font-weight: 500
}

.facility .details .opening-hours dl {
    display: flex;
    flex-wrap: wrap
}

.facility .details .opening-hours dl>dt {
    width: 50%
}

.facility .details .opening-hours dl>dd {
    font-weight: 400;
    width: 50%
}

.facility .details .cta {
    margin-top: 30px
}

.dealer-listing .facility .details .dealer-details,
.facility .details .dealer-listing .dealer-details,
.facility .details .iccons-icon-dealer {
    font-size: 27px;
    left: 0;
    position: absolute;
    top: 4px
}

.js-enabled .team-members .team-member {
    opacity: 0
}

#our-team {
    margin: 0 0 90px
}

#our-team>.container {
    max-width: 1380px
}

#our-team.triggered .team-members .team-member {
    opacity: 1
}

#our-team.triggered .team-members .team-member:nth-child(4n+1) {
    transition-delay: .2s
}

#our-team.triggered .team-members .team-member:nth-child(4n+2) {
    transition-delay: .4s
}

#our-team.triggered .team-members .team-member:nth-child(4n+3) {
    transition-delay: .6s
}

#our-team.triggered .team-members .team-member:nth-child(4n) {
    transition-delay: .8s
}

#our-team h3 {
    font-size: 30px;
    margin-bottom: 33px;
    margin-top: -4px;
    text-align: center
}

#our-team .team-container {
    margin: 0 -10px;
    padding: 0 90px
}

#our-team .team-container .scroll-previous {
    margin-left: 20px
}

#our-team .team-container .scroll-next {
    margin-right: 20px
}

#our-team .team-members .team-member {
    font-size: 14px;
    padding: 0 10px;
    transition: "opacity 0.3s ease-in, margin 0.3s ease-in";
    -o-transition: "opacity 0.3s ease-in, margin 0.3s ease-in";
    -ms-transition: "opacity 0.3s ease-in, margin 0.3s ease-in";
    -moz-transition: "opacity 0.3s ease-in, margin 0.3s ease-in";
    -webkit-transition: "opacity 0.3s ease-in, margin 0.3s ease-in";
    white-space: normal;
    width: 25%
}

#our-team .team-members .team-member .details {
    color: #fff;
    left: 0;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    top: 148px;
    width: 100%;
    z-index: 10
}

#our-team .team-members .team-member .details h4 {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 15px
}

#our-team .team-members .team-member .details .title {
    display: block;
    margin: 0 0 32px
}

#our-team .team-members .team-member .details .email,
#our-team .team-members .team-member .details .phone {
    display: block;
    margin: 0 0 10px
}

#our-team .team-members .team-member .details .email a,
#our-team .team-members .team-member .details .phone a {
    color: #fff
}

#our-team .team-members .team-member .details .email a:hover,
#our-team .team-members .team-member .details .phone a:hover {
    color: #e30613
}

#our-team .team-members .team-member .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

#our-team .team-members .team-member .image:before {
    background: #000;
    content: " ";
    height: 100%;
    opacity: .55;
    position: absolute;
    width: 100%;
    z-index: 2
}

#our-team .team-members .team-member .image img {
    width: 100%
}

#news-listing {
    margin-top: 45px;
    padding: 0 10px
}

#news-listing.triggered .news-listing>li {
    opacity: 1
}

#news-listing.triggered .news-listing>li:nth-child(9n+1) {
    transition-delay: .2s
}

#news-listing.triggered .news-listing>li:nth-child(9n+2) {
    transition-delay: .1s
}

#news-listing.triggered .news-listing>li:nth-child(9n+3) {
    transition-delay: .3s
}

#news-listing.triggered .news-listing>li:nth-child(9n+4) {
    transition-delay: .5s
}

#news-listing.triggered .news-listing>li:nth-child(9n+5) {
    transition-delay: .6s
}

#news-listing.triggered .news-listing>li:nth-child(9n+6) {
    transition-delay: .4s
}

#news-listing.triggered .news-listing>li:nth-child(9n+7) {
    transition-delay: .7s
}

#news-listing.triggered .news-listing>li:nth-child(9n+8) {
    transition-delay: .8s
}

#news-listing.triggered .news-listing>li:nth-child(9n) {
    transition-delay: .9s
}

.product-listing.four-column:not(.list)>li {
    width: 25%
}

.product-listing .details h4 {
    color: #666;
    font-weight: 400
}

.product-listing .details .item-login {
    color: #b3b3b3
}

.product-listing .details .item-pricing {
    color: #272727;
    font-weight: 500
}

.product-listing.grid .details .item-login,
.product-listing.grid .details .item-pricing {
    bottom: 69px;
    left: 0;
    position: absolute;
    width: 100%
}

.product-listing.list>li .tags {
    left: 10px;
    top: 10px
}

.product-listing.list>li .image-container {
    padding: 0 30px;
    width: 24%
}

.product-listing.list>li .details {
    width: 54%
}

.product-listing.list>li .cta {
    width: 21%
}

.product-listing.list+.pagination {
    margin-top: 20px
}

.product-tags {
    font-size: 0;
    left: 20px;
    position: absolute;
    z-index: 15
}

.product-tags.top {
    top: 20px
}

.product-tags.bottom {
    bottom: 20px
}

.product-tags>span {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 6px 10px;
    text-transform: uppercase
}

.product-tags>span+span {
    margin-left: 10px
}

.product-tags .new {
    background: #eab600
}

.product-tags .sale {
    background: #e30613
}

.product-tags .ncc {
    background: #283891
}

.product-tags .badge-zinc {
    background: #eab600
}

.product-tags .badge-gal {
    background: #00aeef
}

.product-tags .badge-ss {
    background: #0c0
}

.product-details #primary {
    padding: 85px 40px 70px
}

.product-details h1 {
    color: #e30613;
    font-size: 36px;
    font-weight: 300;
    margin: 0 0 24px
}

.product-details #product-info {
    font-size: 0
}

.product-details #product-info>.images,
.product-details #product-info>.summary {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: top;
    width: 50%
}

.product-details #product-info>.summary {
    padding: 20px 0 0 120px
}

.product-details #product-info>.summary h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px
}

.product-details #product-info>.summary .certifications {
    font-size: 0;
    margin: 2rem -8px
}

.product-details #product-info>.summary .certifications>li {
    display: inline-block;
    margin: 8px;
    vertical-align: top
}

.product-details #product-info>.summary .certifications>li img {
    height: 45px;
    max-height: 10vw
}

.product-details #product-info>.summary .actions {
    display: flex;
    font-size: 0;
    gap: 18px
}

.product-details #product-info>.summary .actions.modern {
    display: flex !important;
    padding-right: 0 !important;
    padding-top: 20px
}

@media (max-width:1023px) {
    .product-details #product-info>.summary .actions.modern {
        flex-direction: column
    }
}

.product-details #product-info>.summary .actions.modern .product-list,
.product-details #product-info>.summary .actions.modern .related-products {
    margin-top: 0 !important
}

.product-details #product-info>.summary .actions.modern .product-list a,
.product-details #product-info>.summary .actions.modern .related-products a {
    font-weight: 700;
    margin-top: 0
}

.product-details #product-info>.summary .actions .product-list,
.product-details #product-info>.summary .actions .related-products {
    display: inline-block;
    font-size: 14px;
    vertical-align: top
}

.product-details #product-info>.summary .actions .product-list>span,
.product-details #product-info>.summary .actions .related-products>span {
    color: #666;
    display: block;
    font-weight: 500;
    margin: 10px 0 0;
    text-align: center
}

.product-details #product-info>.summary .actions .product-list .btn,
.product-details #product-info>.summary .actions .related-products .btn {
    padding-left: 20px;
    padding-right: 20px
}

.product-details #product-info>.summary .sitebox {
    background: #f6f6f6;
    border-radius: 6px;
    margin: 36px 0 0
}

.product-details #product-info>.summary .sitebox .add-settings {
    display: flex;
    padding: 40px 35px 22px
}

.product-details #product-info>.summary .sitebox .add-settings .label {
    display: block;
    font-weight: 500;
    line-height: 16px;
    padding: 0 0 6px
}

.product-details #product-info>.summary .sitebox .add-settings span {
    display: block;
    line-height: 32px;
    padding: 0
}

.product-details #product-info>.summary .sitebox .add-settings .add-quantity,
.product-details #product-info>.summary .sitebox .add-settings .add-uom {
    width: 100px
}

.product-details #product-info>.summary .sitebox .add-settings .add-quantity input {
    border: 1px solid #ebebeb;
    border-radius: 4px;
    height: 30px;
    line-height: 18px;
    max-width: 70px;
    padding: 5px 9px;
    text-align: center;
    width: 100%
}

.product-details #product-info>.summary .sitebox .add-settings .add-final-price {
    width: 120px
}

.product-details #product-info>.summary .sitebox .add-settings .add-final-price .product-price {
    color: #e30613;
    font-size: 16px;
    font-weight: 700
}

.product-details #product-info>.summary .sitebox .lower,
.product-details #product-info>.summary .sitebox .upper {
    display: flex;
    padding: 40px 35px 22px;
    position: relative
}

.product-details #product-info>.summary .sitebox .lower.modern,
.product-details #product-info>.summary .sitebox .upper.modern {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    padding: 30px 35px
}

.product-details #product-info>.summary .sitebox .lower.modern .cta,
.product-details #product-info>.summary .sitebox .upper.modern .cta {
    display: flex;
    flex: 0 1 40%;
    flex-direction: column;
    gap: 10px;
    padding-right: 0
}

.product-details #product-info>.summary .sitebox .lower.modern .cta span,
.product-details #product-info>.summary .sitebox .upper.modern .cta span {
    color: #666;
    font-size: 12px
}

.product-details #product-info>.summary .sitebox .lower.modern .cta a,
.product-details #product-info>.summary .sitebox .upper.modern .cta a {
    font-weight: 700;
    margin: 0;
    width: 100%
}

.product-details #product-info>.summary .sitebox .lower.modern .supporting,
.product-details #product-info>.summary .sitebox .upper.modern .supporting {
    padding: 0
}

.product-details #product-info>.summary .sitebox .lower.lined,
.product-details #product-info>.summary .sitebox .upper.lined {
    border-top: 1px solid #ebebeb;
    padding-top: 22px
}

.product-details #product-info>.summary .sitebox .lower .btn,
.product-details #product-info>.summary .sitebox .upper .btn {
    padding-left: 10px;
    padding-right: 10px
}

.product-details #product-info>.summary .sitebox .lower .cta,
.product-details #product-info>.summary .sitebox .upper .cta {
    padding: 0 10px 0 0;
    width: 210px
}

.product-details #product-info>.summary .sitebox .lower .cta a:not(.btn),
.product-details #product-info>.summary .sitebox .upper .cta a:not(.btn) {
    color: #272727;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 24px;
    text-transform: uppercase
}

.product-details #product-info>.summary .sitebox .lower .cta a:not(.btn) .iccons,
.product-details #product-info>.summary .sitebox .upper .cta a:not(.btn) .iccons {
    font-size: 24px;
    margin-right: 9px;
    position: relative;
    top: -1px;
    vertical-align: middle
}

.product-details #product-info>.summary .sitebox .lower .cta a:not(.btn):hover,
.product-details #product-info>.summary .sitebox .upper .cta a:not(.btn):hover {
    color: #e30613
}

.product-details #product-info>.summary .sitebox .lower .supporting,
.product-details #product-info>.summary .sitebox .upper .supporting {
    flex: 1;
    font-size: 12px;
    padding: 0 0 0 20px
}

.product-details #product-info>.summary .sitebox .lower .supporting strong,
.product-details #product-info>.summary .sitebox .upper .supporting strong {
    display: block;
    margin: 0 0 6px
}

.product-details #product-info>.summary .sitebox .lower .supporting p,
.product-details #product-info>.summary .sitebox .upper .supporting p {
    color: #666;
    line-height: 1.6em
}

.product-details #product-info>.summary .sitebox .lower {
    padding: 0 35px 20px
}

.product-details #product-info>.summary .sitebox .lower .add-to-sitebox {
    padding: 0 10px 0 0;
    width: 190px
}

.product-details #product-info>.summary .sitebox .lower .supporting h5 {
    color: #272727;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 9px 0 6px;
    text-transform: uppercase
}

.product-details #product-info>.summary .sitebox .lower .supporting h5 .iccons {
    font-size: 22px;
    margin-right: 6px
}

.product-details #product-info>.images {
    padding: 20px 10px 0
}

.product-details #product-info>.images .main-image {
    margin: 0 0 20px;
    position: relative
}

.product-details #product-info>.images .main-image>img {
    width: 100%
}

.product-details #product-info>.images .main-image>.current-image {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    width: 100%;
    z-index: 5
}

.product-details #product-info>.images .main-image>.current-image.showing {
    opacity: 1
}

.product-details #product-info>.images .main-image>.current-image.hiding {
    z-index: 1
}

.product-details #product-info>.images .product-images {
    margin: 0 auto;
    max-width: 416px;
    text-align: center
}

.product-details #product-info>.images .product-images .scroll-next,
.product-details #product-info>.images .product-images .scroll-previous {
    border-color: #f6f6f6;
    height: 40px;
    width: 40px
}

.product-details #product-info>.images .product-images .scroll-next:hover,
.product-details #product-info>.images .product-images .scroll-previous:hover {
    border-color: #e30613
}

.product-details #product-info>.images .product-images .scroll-next .iccons,
.product-details #product-info>.images .product-images .scroll-previous .iccons {
    font-size: 14px;
    line-height: 20px
}

.product-details #product-info>.images .product-images .scroll-previous {
    margin-left: -80px
}

.product-details #product-info>.images .product-images .scroll-next {
    margin-right: -80px
}

.product-details #product-info>.images .product-thumbs>.product-thumbnail .image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #f6f6f6;
    border-radius: 6px;
    cursor: pointer;
    height: 84px;
    margin: 0 10px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 84px
}

.product-details #product-info>.images .product-thumbs>.product-thumbnail .image.current {
    border-color: #e30613
}

#product-extended-info {
    box-shadow: 0 0 8px rgba(0, 0, 0, .05)
}

#product-extended-info .tab-container {
    background: #272727;
    color: #fff
}

.tab-triggers {
    display: flex;
    justify-content: center;
    padding: 0 100px
}

.tab-triggers>li {
    border-bottom: 4px solid #272727;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 4rem;
    padding: 20px 0 16px;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.tab-triggers>li.active,
.tab-triggers>li:hover {
    border-color: #e30613
}

#product-tab-content {
    background: #fff;
    overflow: hidden;
    padding: 0
}

#product-tab-content #tab-specifications {
    padding-top: 0 !important
}

#product-tab-content #tab-specifications>.container,
.tab-content {
    padding-bottom: 0;
    padding-top: 0
}

.tab-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.tab-content.active {
    max-height: -moz-min-content;
    max-height: min-content;
    opacity: 1;
    padding-top: 15px
}

.tab-content.complete {
    max-height: none
}

.tab-content>.container {
    padding: 30px 0 75px
}

#tab-downloads .downloads .pills {
    display: flex;
    gap: 10px
}

#tab-downloads .downloads .pills .pill {
    background-color: #e9e9e9;
    border-radius: 64px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 24px
}

#tab-downloads .downloads .pills .pill.active {
    background-color: #e30613;
    color: #fff;
    transition: background-color .2s linear
}

#tab-downloads .downloads .pills .pill:hover {
    text-decoration: none
}

#tab-downloads .downloads .download-listing.fadein {
    animation: smooth .5s ease-in
}

#tab-downloads .downloads .download-listing.hidden {
    display: none
}

#tab-downloads .downloads .download-listing>li {
    display: flex;
    line-height: 1.4em;
    padding: 12px 0
}

#tab-downloads .downloads .download-listing>li .name {
    flex: 1
}

#tab-downloads .downloads .download-listing>li .name a {
    color: #272727;
    display: block;
    padding: 0 0 0 45px;
    position: relative;
    text-decoration: none
}

#tab-downloads .downloads .download-listing>li .name a:hover {
    color: #e30613
}

#tab-downloads .downloads .download-listing>li .name .iccons {
    left: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 30px
}

#tab-downloads .downloads .download-listing>li .date {
    text-align: center;
    width: 140px
}

#tab-downloads .downloads .download-listing>li .size {
    text-align: center;
    width: 130px
}

#tab-downloads .downloads .download-listing>li .download {
    text-align: right;
    width: 120px
}

#tab-downloads .downloads .download-listing>li .download a:hover {
    text-decoration: none
}

#tab-downloads .downloads .download-listing>li .download .iccons {
    margin-right: 4px
}

@keyframes smooth {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[data-action-click=show-product] {
    cursor: pointer
}

#tab-video .video-container {
    float: right;
    margin: 0 0 45px 45px
}

.content-container>.tab-toggler {
    background: #272727;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 1px;
    padding: 21px 20px 21px 40px;
    position: relative;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.content-container>.tab-toggler:hover {
    background: #050505
}

.content-container>.tab-toggler:before {
    color: #fff;
    font-family: ICCONS;
    font-size: 10px;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.content-container>.tab-toggler.active {
    cursor: default
}

.content-container>.tab-toggler.active:hover {
    background: #272727
}

.content-container>.tab-toggler.active:before {
    color: #e30613;
    transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    -webkit-transform: translateY(-50%) rotate(0)
}

#tab-projects .content>.container,
#tab-projects .product-related-project .container {
    padding-left: 15px;
    padding-right: 15px
}

#tab-projects .content>.container {
    padding-top: 30px
}

.product-related-projects {
    display: flex;
    flex-direction: column;
    margin: 0 auto 50px
}

.product-related-projects .product-related-project {
    border-bottom: 1px solid #ebebeb;
    padding: 30px 0
}

.product-related-projects .product-related-project:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.product-related-projects a {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 -30px
}

.product-related-projects a,
.product-related-projects a:hover {
    color: #272727;
    text-decoration: none
}

.product-related-projects a:hover h3 {
    color: #e30613
}

.product-related-projects a:hover .btn {
    background-color: #e30613
}

.product-related-projects a>* {
    margin: 0 30px
}

.product-related-projects a h3,
.product-related-projects a p {
    font-size: 16px;
    line-height: 24px
}

.product-related-projects a h3 {
    font-weight: 700
}

.product-related-projects a p {
    color: #666;
    font-weight: 400
}

.product-related-projects a .product-related-projects-summary {
    flex: 1
}

.product-related-projects a figure {
    background: 50% no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 115px;
    width: 201px
}

.product-related-projects a span.btn {
    width: 190px
}

@media (max-width:879px) {
    .product-related-projects a {
        flex-direction: column;
        margin: 0
    }

    .product-related-projects a>* {
        margin: 0 auto 30px
    }

    .product-related-projects a>:last-child {
        margin-bottom: 0
    }

    .product-related-projects a figure {
        height: 220px;
        max-width: 640px;
        width: 100%
    }
}

.product-specs {
    padding-top: 15px
}

.product-specs.can-scroll-next .pagination-helper.page-next,
.product-specs.can-scroll-previous .pagination-helper.page-previous {
    cursor: pointer;
    opacity: 1
}

.product-specs .pagination-helper {
    background: #fff;
    border-radius: 4px;
    display: none;
    font-family: ICCONS;
    height: 100%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 20px;
    z-index: 15
}

.product-specs .pagination-helper:hover {
    background: #272727;
    color: #fff
}

.product-specs .pagination-helper.page-previous {
    left: 40%;
    margin-left: -20px
}

.product-specs .pagination-helper.page-next {
    right: 10px
}

.product-specs .pagination-helper .iccons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.product-specs .row {
    color: #666;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    position: relative
}

.product-specs .row:before {
    background: #ebebeb;
    bottom: -1px;
    content: " ";
    height: 1px;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: 2
}

.product-specs .row:last-child:before {
    display: none
}

.product-specs .row+.row {
    margin-top: 1px
}

.product-specs .row.header {
    background: transparent;
    color: #272727;
    font-weight: 500
}

.product-specs .row.header:after {
    display: none
}

.product-specs .row.header>div {
    color: #272727;
    padding-bottom: 20px;
    padding-top: 42px
}

.product-specs .row>div {
    padding: 15px 5px;
    position: relative;
    text-align: center;
    z-index: 10
}

.product-specs .row>div:first-child {
    padding-left: 0
}

.product-specs .row>div:last-child {
    padding-right: 0
}

.product-specs .row>div i {
    font-size: 18px;
    height: auto;
    text-align: center;
    width: 35px
}

.product-specs .row>div.attribute i {
    width: 100%
}

.product-specs .row .sortable {
    cursor: pointer
}

.product-specs .row .sortable span {
    border-bottom: 1px dotted #272727
}

.product-specs .row .sortable.active span,
.product-specs .row .sortable:hover span {
    border-bottom: 1px solid #e30613;
    color: #e30613
}

.product-specs .row .part-number {
    flex: 2.5;
    text-align: left
}

.product-specs .row .product-name {
    flex: 6;
    text-align: left
}

.product-specs .row .attribute,
.product-specs .row .quantity,
.product-specs .row .uom {
    flex: 1
}

.product-specs .row .price {
    width: 100px
}

.product-specs .row .price .login-link {
    cursor: pointer
}

.product-specs .row .price [data-linked-qty] {
    display: block;
    max-width: 74px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-specs .row .quantity input,
.product-specs .row .uom input {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    height: 30px;
    line-height: 18px;
    padding: 5px 9px;
    position: relative;
    text-align: center;
    top: -7px;
    width: 100%
}

.product-specs .row .quantity i,
.product-specs .row .uom i {
    width: 100%
}

.product-specs .row .quantity input {
    min-width: 4.5rem
}

.product-specs .row .quantity input[type=number]::-webkit-inner-spin-button,
.product-specs .row .quantity input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

.product-specs .row .price {
    color: #e30613;
    padding-right: 20px
}

.product-specs .row .price.item-pricing {
    font-size: 11px;
    text-transform: uppercase
}

.product-specs .row .price>span {
    display: block;
    font-size: 13px
}

.product-specs .row .add-to-sitebox {
    width: 136px
}

.product-specs .row .add-to-sitebox.added button {
    background: #e30613;
    color: #fff
}

.product-specs .row .add-to-sitebox button {
    border-radius: .25rem;
    font-size: 13px;
    font-weight: 700;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 14px
}

.product-specs .row .add-to-sitebox button .iccons {
    margin-left: 9px
}

.product-specs.-grid {
    --headerIconDisplay: none
}

.product-specs.-grid .row.header .attribute ._icon,
.product-specs.-grid .row.header .with-icon ._icon {
    display: var(--headerIconDisplay)
}

@media (min-width:1201px) {
    .product-specs.-grid {
        --headerIconDisplay: grid
    }

    .product-specs.-grid .row {
        display: grid;
        grid-template-columns: var(--cols, auto)
    }

    .product-specs.-grid .row>div {
        width: 100% !important
    }

    .product-specs.-grid .row .part-number {
        grid-column: span var(--partNumberSpan)
    }

    .product-specs.-grid .row.header>div {
        padding-bottom: 5px;
        padding-top: 0
    }

    .product-specs.-grid .row.header .attribute,
    .product-specs.-grid .row.header .with-icon {
        display: grid;
        gap: 12px;
        grid-template-rows: 100px 45px
    }

    .product-specs.-grid .row.header .attribute span,
    .product-specs.-grid .row.header .with-icon span {
        align-items: center;
        display: flex;
        text-align: left;
        transform: rotate(205deg) translateX(-28px);
        writing-mode: vertical-rl
    }

    .product-specs.-grid .row.header .attribute ._icon,
    .product-specs.-grid .row.header .with-icon ._icon {
        height: 100%;
        place-items: center;
        width: 100%
    }

    .product-specs.-grid .row.header .attribute ._icon ._placeholder,
    .product-specs.-grid .row.header .with-icon ._icon ._placeholder {
        --size: 8px;
        background: #333;
        border-radius: 50%;
        height: var(--size);
        width: var(--size)
    }

    .product-specs.-grid .row.header .no-icon {
        align-items: flex-end;
        display: flex;
        padding-bottom: 12px
    }

    .product-specs.-grid .row.header .-center {
        text-align: center
    }

    .product-specs.-grid .row.header .-center span {
        width: 100%
    }
}

.disclaimers {
    color: #666;
    font-size: 12px;
    padding: 30px 0 55px
}

.product-specs.mode-standard {
    padding-top: 15px
}

.product-specs.mode-standard .row {
    color: #666;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    position: relative
}

.product-specs.mode-standard .row:not(.header):after {
    background: #fff;
    content: " ";
    height: 100%;
    left: -5000px;
    position: absolute;
    transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    width: 10000px;
    z-index: 1
}

.product-specs.mode-standard .row:not(.header):hover:after {
    background: #f4f4f4
}

.product-specs.mode-standard .row:not(.header):nth-child(odd):after {
    background: #fafafa;
    content: " ";
    height: 100%;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: 1
}

.product-specs.mode-standard .row:not(.header):nth-child(odd):hover:after {
    background: #f4f4f4
}

.product-specs.mode-standard .row:last-child {
    padding-bottom: 15px
}

.product-specs.mode-adhesives {
    padding-top: 0
}

.product-specs.mode-adhesives .row {
    color: #666;
    display: flex;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    z-index: 1
}

.product-specs.mode-adhesives .row:last-child:before {
    display: block
}

.product-specs.mode-adhesives .row.break:before {
    background-color: #9a9a9a
}

.product-specs.mode-adhesives .row.select {
    z-index: 10
}

.product-specs.mode-adhesives .row .add-to-sitebox {
    text-align: center;
    width: auto
}

.product-specs.mode-adhesives .row>.header {
    line-height: 20px;
    padding: 30px 5px
}

.product-specs.mode-adhesives .row>.header i {
    font-size: 20px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 35px
}

.product-specs.mode-adhesives .row>.header img {
    left: 50%;
    left: 30px;
    margin-right: 10px;
    max-height: 50px;
    max-width: 50px;
    position: relative;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%, -50%)
}

.product-specs.mode-adhesives .row>.header .cert-label {
    padding-left: 60px
}

.product-specs.mode-adhesives .row .header {
    border-right: 1px solid #ebebeb;
    color: #272727;
    font-weight: 500;
    text-align: left;
    width: 200px
}

.product-specs.mode-adhesives .row .price .login-link {
    cursor: pointer
}

.product-specs.mode-adhesives .row .price [data-linked-qty] {
    line-height: 1;
    margin: 0 auto;
    max-width: 80px
}

.product-specs.mode-adhesives .row .variant-hidden {
    display: none
}

.product-specs.mode-adhesives .row .variant-hidden:first-child {
    display: block
}

.product-specs.mode-adhesives .row .variant-description {
    padding: .5rem .5rem 0
}

.product-specs.mode-adhesives .row .attribute {
    border-right: 1px solid #ebebeb;
    flex: 1;
    padding: 30px 10px
}

.product-specs.mode-adhesives .row .attribute:nth-child(odd) {
    background: #fafafa
}

.product-specs.mode-adhesives .row .attribute.active {
    background: #fdf0f1;
    border-left: 1px solid #e30613;
    border-right: 1px solid #e30613
}

.product-specs.mode-adhesives .row .attribute.image {
    padding: 30px 20px 15px;
    text-align: center
}

.product-specs.mode-adhesives .row .attribute.description {
    color: #272727;
    font-weight: 500;
    text-align: center
}

.product-specs.mode-adhesives .row .attribute>span {
    display: block;
    font-weight: 400
}

.product-specs.mode-adhesives .row .attribute img {
    max-width: 160px;
    mix-blend-mode: darken;
    width: 100%
}

.product-specs.mode-adhesives .row .attribute input {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    height: 30px;
    line-height: 18px;
    max-width: 60px;
    padding: 5px 9px;
    text-align: center;
    width: 100%
}

.product-specs.mode-adhesives .row .attribute select {
    max-width: 160px;
    width: 100%
}

.product-specs.mode-adhesives .row .attribute .select2 {
    display: inline-block;
    margin: -3px 0;
    max-width: 145px;
    width: auto !important
}

.product-specs.mode-adhesives .row .attribute .select2 .select2-selection {
    padding: 3px 30px 3px 9px
}

.product-specs.mode-adhesives .row .attribute .select2 .select2-selection .select2-selection__arrow {
    right: 6px
}

.product-specs.mode-adhesives .row .attribute button {
    border-radius: .25rem;
    font-weight: 700;
    margin: 1rem auto 0;
    max-width: 100px;
    padding: 10px;
    position: relative;
    right: auto;
    top: auto
}

.product-specs.mode-material.materials-1 .row .material {
    width: 100%
}

.product-specs.mode-material.materials-2 .row .material {
    width: 50%
}

.product-specs.mode-material.materials-3 .row .material {
    width: 33.333%
}

.product-specs.mode-material .row.material-header {
    font-size: 12px
}

.product-specs.mode-material .row.material-header .part-number {
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    padding: 0;
    text-transform: uppercase
}

.product-specs.mode-material .row.material-header .part-number .material {
    cursor: pointer;
    padding: 5px 4px
}

.product-specs.mode-material .row.material-header .part-number .material.zinc {
    background: #e2ca01
}

.product-specs.mode-material .row.material-header .part-number .material.gal {
    background: #0579dc
}

.product-specs.mode-material .row.material-header .part-number .material.ss {
    background: #7dc210
}

.product-specs.mode-material .row.material-header:after {
    display: none
}

.product-specs.mode-material .row:not(.header):not(.material-header):hover .part-number .material.zinc {
    background: rgba(226, 202, 1, .35)
}

.product-specs.mode-material .row:not(.header):not(.material-header):hover .part-number .material.gal {
    background: rgba(5, 121, 220, .35)
}

.product-specs.mode-material .row:not(.header):not(.material-header):hover .part-number .material.ss {
    background: rgba(125, 194, 16, .35)
}

.product-specs.mode-material .row:not(.header):not(.material-header):after {
    background: #fff;
    content: " ";
    height: 100%;
    left: -5000px;
    position: absolute;
    transition: background-color .2s ease-in;
    -o-transition: background-color .2s ease-in;
    -ms-transition: background-color .2s ease-in;
    -moz-transition: background-color .2s ease-in;
    -webkit-transition: background-color .2s ease-in;
    width: 10000px;
    z-index: 1
}

.product-specs.mode-material .row:not(.header):not(.material-header):hover:after {
    background: #f4f4f4
}

.product-specs.mode-material .row:not(.header):not(.material-header):nth-child(2n):after {
    background: #fafafa;
    content: " ";
    height: 100%;
    left: -5000px;
    position: absolute;
    width: 10000px;
    z-index: 1
}

.product-specs.mode-material .row:not(.header):not(.material-header):nth-child(2n):hover:after {
    background: #f4f4f4
}

.product-specs.mode-material .row:not(.header):not(.material-header) .part-number {
    background: #fff;
    padding: 0;
    position: relative;
    z-index: 10
}

.product-specs.mode-material .row:not(.header):not(.material-header) .part-number:before {
    background: #fff;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 10
}

.product-specs.mode-material .row .product-name {
    padding-left: 20px
}

.product-specs.mode-material .row .part-number {
    display: flex;
    flex: none;
    width: 220px
}

.product-specs.mode-material .row .part-number .material {
    flex: 1;
    font-size: 11px;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    text-overflow: ellipsis;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    white-space: nowrap
}

.product-specs.mode-material .row .part-number .material+.material {
    border-left: 1px solid #fff
}

.product-specs.mode-material .row .part-number .material>span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-specs.mode-material .row .part-number .material.zinc {
    background: rgba(226, 202, 1, .2)
}

.product-specs.mode-material .row .part-number .material.gal {
    background: rgba(5, 121, 220, .2)
}

.product-specs.mode-material .row .part-number .material.ss {
    background: rgba(125, 194, 16, .2)
}

.contact-form-software {
    max-width: 36rem;
    padding: 0 0 2rem 6.25rem
}

.design-pro-form-formatted {
    padding-bottom: 1rem
}

.alert.alert-info {
    background-color: #8eb4cb;
    color: #fff;
    margin: 2rem;
    padding: 1rem
}

.design-pro-form-download {
    padding-top: 1rem
}

.sorry-non-humans {
    display: none
}

@media (min-width:767px) and (max-width:1200px) {
    .child-grid-listing-projects {
        padding: 0 10px
    }
}

.child-grid-listing-projects .grid-element {
    display: block;
    margin: 10px;
    padding: 0;
    width: auto
}

.child-grid-listing-projects .grid-element a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-items: center;
    min-height: 380px;
    padding: 0;
    position: relative;
    width: 100%
}

.child-grid-listing-projects .grid-element a .details {
    left: auto;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
    top: auto;
    transform: none
}

.child-grid-listing-projects .grid-element a .details h4 {
    line-height: 42px
}

.child-grid-listing-projects .grid-element a .image {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.container.pagination-container.pagination-container-projects {
    margin-top: 30px
}

.inner.news-article #breadcrumbs-container #breadcrumbs {
    display: block;
    padding: 30px 20px 20px
}

@media (min-width:1301px) {
    .inner.news-article #breadcrumbs-container #breadcrumbs {
        margin-left: auto;
        padding-left: 0;
        /* width: 74.5%; */
    }
}

@media screen and (min-width:1385px) {
    .inner.news-article #breadcrumbs-container.breadcrumbs__news-article {
        padding-top: 196px !important
    }
}

@media screen and (min-width:1568px) {
    .inner.news-article #breadcrumbs-container.breadcrumbs__news-article {
        padding-top: 145px !important
    }
}

@media screen and (min-width:1301px) and (max-width:1385px) {
    .inner.news-article #breadcrumbs-container.breadcrumbs__news-article {
        padding: 0 10px
    }
}

.inner.news-article #content.main-content {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
    padding: 50px 65px
}

.inner.news-article #content .container {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none
}

.inner.news-article .content-section {
    color: #666
}

.inner.news-article .content-section .na__header-title {
    color: #262626;
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.625rem;
    margin-bottom: .75rem;
    text-align: left
}

@media (min-width:479px) {
    .inner.news-article .content-section .na__header-title {
        font-size: 2.8125rem;
        line-height: 3.125rem
    }
}

.inner.news-article .content-section .na__header-date {
    color: #262626;
    display: block;
    font-size: .875rem;
    line-height: 1.875rem;
    margin-bottom: 1.75rem
}

.inner.news-article .content-section .na__header-image-wrapper img {
    border-radius: 10px;
    max-height: 23.75rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.inner.news-article .content-section .na__body-container {
    display: flex;
    margin-top: 50px;
    position: relative
}

.inner.news-article .content-section .na__body-container .na__body-share {
    opacity: 1;
    position: relative;
    transition: opacity .3s ease-out
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky {
    align-items: center;
    display: flex;
    list-style: none
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky li {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky li:not(.na__body-share-title) {
    cursor: pointer
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky li:hover svg {
    fill: #e30613
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky li svg {
    fill: #b0b0b0;
    height: 2.25rem;
    margin: 0 auto;
    width: 2.25rem
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky li a {
    display: flex
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-title {
    color: #262626;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.625rem
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-instagram svg,
.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-linkedin svg {
    height: 1.25rem;
    width: 1.25rem
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-link {
    height: 2rem;
    position: relative;
    width: 2rem
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-link button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-link .copy-link-to-clipboard-copied {
    background-color: #262626;
    color: #f6f6f6;
    display: block;
    font-size: .75rem;
    left: 0;
    line-height: 12px;
    margin-left: -5rem;
    margin-top: .3rem;
    opacity: 0;
    padding: .5rem;
    position: absolute;
    top: 0;
    transition: all .3s ease-in;
    width: auto
}

.inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-link .copy-link-to-clipboard-copied.show {
    opacity: 1;
    transition: all .3s ease-out
}

@media (max-width:992px) {
    .inner.news-article .content-section .na__body-container {
        flex-direction: column-reverse;
        margin-top: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky {
        gap: 15px;
        margin: 20px 0
    }
}

@media (min-width:992px) {
    .inner.news-article .content-section .na__body-container {
        gap: 50px
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky {
        flex-direction: column;
        margin: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-title {
        margin-bottom: 1rem;
        margin-right: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-facebook,
    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-instagram,
    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-linkedin {
        margin-bottom: 1.25rem;
        margin-right: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-instagram {
        margin-bottom: 1.75rem;
        margin-right: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-linkedin {
        margin-right: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-sticky .na__body-share-email {
        margin-bottom: .75rem;
        margin-right: 0
    }

    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-wrapper {
        position: sticky;
        right: 0;
        top: 50px
    }
}

@media (min-width:992px) and (max-width:1600px) {
    .inner.news-article .content-section .na__body-container .na__body-share .na__body-share-wrapper {
        top: 250px
    }
}

@media (min-width:992px) {
    .inner.news-article .content-section .na__body-container .na__body-share.hide-panel {
        opacity: 0;
        transition: opacity .3s ease-in
    }
}

@media (max-width:1200px) {
    .inner.news-article #content.main-content {
        padding: 25px 20px
    }
}

@media (min-width:1200px) {
    .inner.news-article .news-article-quick-links {
        margin-top: -28px
    }
}

.na__related-news {
    background-color: #f6f6f6;
    margin-bottom: 0;
    margin-top: 5rem;
    padding: 4.25rem 0
}

@media (min-width:992px) {
    .na__related-news {
        padding: 5rem 0
    }
}

.na__related-news #latest-news {
    margin-bottom: 0
}

.hero-careers {
    box-sizing: content-box;
    height: 700px;
    margin: 0;
    min-height: 335px;
    padding: 0;
    position: relative;
    z-index: 10
}

.hero-careers .container {
    position: relative;
    z-index: 5
}

.hero-careers .background-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-careers #breadcrumbs {
    left: 0;
    position: absolute;
    top: 35px
}

.hero-careers #breadcrumbs>li:before {
    color: #fff
}

.hero-careers #breadcrumbs>li a {
    color: #fff;
    font-weight: 400
}

.hero-careers #breadcrumbs>li a:hover {
    color: #e30613
}

.hero-careers .logo {
    background: url(../fonts/iccons-logo-white.svg) no-repeat;
    background-size: contain;
    display: block;
    height: 118px;
    position: relative;
    top: 100px;
    width: 540px
}

.hero-careers h1,
.hero-careers h2 {
    color: #fff;
    font-size: 43px;
    font-weight: 500;
    position: relative;
    text-align: left;
    top: 142px;
    width: 100%
}

.hero-careers p {
    color: #fff;
    line-height: 1.875rem;
    max-width: 800px;
    position: relative;
    top: 160px
}

.hero-careers .btn-container {
    position: relative;
    top: 196px
}

.hero-careers .btn-container .btn {
    border-radius: .25rem;
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: 1px;
    transition: all .2s ease
}

.hero-careers .btn-container .btn-white {
    background: #fff;
    color: #272727
}

.hero-careers .btn-container .btn-red,
.hero-careers .btn-container .btn-white:hover {
    background: #e30613;
    color: #fff
}

.hero-careers .btn-container .btn-red:hover {
    background: #fff;
    color: #272727
}

.hero-careers .btn-container .btn:not(:last-child) {
    margin-right: 20px
}

.hero-careers .background {
    background: url(../images/careers-hero.jpg) 50% no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

.hero-careers .background:before {
    background: linear-gradient(90deg, #000 0, transparent);
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:768px) and (max-width:1200px) {
    .hero-careers .container {
        padding: 0 20px
    }
}

@media (max-width:767px) {
    .hero-careers {
        height: 800px
    }

    .hero-careers .container {
        padding: 0 20px
    }

    .hero-careers .logo {
        top: 268px;
        width: 100%
    }

    .hero-careers h1,
    .hero-careers h2 {
        font-size: 36px;
        top: 300px
    }

    .hero-careers p {
        line-height: 1.6rem;
        top: 335px
    }

    .hero-careers .btn-container {
        top: 376px
    }

    .hero-careers .btn-container .btn {
        padding: 15px 60px;
        width: 100%
    }

    .hero-careers .btn-container .btn:not(:last-child) {
        margin-bottom: 20px
    }
}

#content.career-with-us {
    margin-bottom: 7.25rem
}

@media (min-width:768px) {
    #content.career-with-us {
        margin-bottom: 7.5rem
    }
}

@media (min-width:1301px) {
    #content.career-with-us {
        margin-bottom: 7.5rem
    }
}

#content h3 {
    text-align: left
}

#content .btn {
    border-radius: .25rem;
    font-size: .8rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-top: 20px;
    transition: all .2s ease
}

#content #intern-hero {
    float: right
}

#content .bottom-bleed {
    background: url(../images/intern-hero-image-474px-cmp.png);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 380px;
    padding-bottom: 24rem
}

@media (min-width:768px) {
    #content .bottom-bleed {
        background-position: right -10px bottom;
        padding-bottom: 3.125rem
    }
}

@media (min-width:1301px) {
    #content .bottom-bleed {
        background-position: right 40px bottom center
    }
}

#content .bottom-bleed h3,
#content .bottom-bleed p {
    width: 100%
}

@media (min-width:768px) {

    #content .bottom-bleed h3,
    #content .bottom-bleed p {
        width: calc(100% - 480px)
    }
}

@media (min-width:768px) and (max-width:1200px) {

    #content .bottom-bleed h3,
    #content .bottom-bleed p {
        width: calc(100% - 320px)
    }
}

#join-us h3 {
    margin: 0 0 40px
}

#join-us .why-join-us {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0 10px
}

#join-us .why-join-us>li {
    flex: 1;
    padding: 0
}

#join-us .why-join-us .inner {
    background-color: #fff;
    border-bottom: 6px solid #e21e26;
    border-radius: 9px 9px 0 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative
}

#join-us .why-join-us img {
    display: block;
    height: 42px;
    left: 36px;
    position: absolute;
    top: 36px;
    width: 42px
}

#join-us .why-join-us .article {
    padding: 96px 34px 34px
}

#join-us .why-join-us .article h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6em;
    margin: 0 0 10px
}

#join-us .why-join-us .article p {
    font-size: 13.6px;
    line-height: 1.6rem
}

@media (min-width:768px) and (max-width:1300px) {
    .why-join-us {
        padding: 0 10px
    }
}

@media (max-width:767px) {
    .why-join-us {
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        padding: 0 10px
    }

    .why-join-us>li {
        margin: 0 auto;
        max-width: 420px;
        width: 100%
    }

    .why-join-us .article h4 {
        font-size: 16px;
        line-height: 1.4rem
    }
}

#work-hard h3 {
    margin: 0 0 40px
}

#work-hard .swiper {
    height: 490px;
    width: 100%
}

#work-hard .swiper .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 780px
}

#work-hard .swiper .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#work-hard .swiper-button-prev {
    height: 60px;
    left: 50px !important;
    right: auto;
    width: 60px
}

#work-hard .swiper-button-next {
    height: 60px;
    left: auto;
    right: 50px !important;
    width: 60px
}

@media (max-width:767px) {
    #work-hard .swiper {
        height: 250px
    }

    #work-hard .swiper-button-prev {
        left: 30px !important
    }

    #work-hard .swiper-button-next {
        right: 30px !important
    }
}

@media (min-width:768px) and (max-width:1300px) {
    #work-hard .swiper {
        height: 380px
    }

    #work-hard .swiper-button-prev {
        left: 40px !important
    }

    #work-hard .swiper-button-next {
        right: 40px !important
    }
}

#current-jobs h3 {
    margin: 0 0 40px
}

#current-jobs .jobs {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0 10px 10px
}

#current-jobs .jobs .inner {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    flex: 1;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0;
    position: relative
}

#current-jobs .jobs .inner .article {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 26px 37px
}

#current-jobs .jobs .inner .article h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    margin-right: auto;
    text-align: left;
    transition: color .2s ease;
    width: 27%
}

#current-jobs .jobs .inner .article p {
    font-size: 14px;
    line-height: 1.2rem
}

#current-jobs .jobs .inner .article p.role-location {
    margin-left: 15px;
    width: 22%
}

#current-jobs .jobs .inner .article p.role-type {
    margin-left: 15px;
    width: 16%
}

#current-jobs .jobs .inner .article p.role-date {
    color: #b3b3b3;
    margin-left: 15px;
    width: 16%
}

#current-jobs .jobs .inner .article a,
#current-jobs .jobs .inner .article button {
    background-color: #e9e9e9;
    color: #262626;
    font-weight: 900;
    margin-left: 15px
}

#current-jobs .jobs .inner .article:hover a,
#current-jobs .jobs .inner .article:hover button {
    background-color: #e21e26;
    color: #fff
}

#current-jobs .jobs .inner .article:hover h4 {
    color: #e21e26
}

@media (max-width:767px) {
    #current-jobs .jobs .inner {
        margin: 0 auto;
        max-width: 420px;
        width: 100%
    }

    #current-jobs .jobs .inner .article {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 26px 37px
    }

    #current-jobs .jobs .inner .article h4 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.2em;
        margin-bottom: 6px;
        margin-right: auto;
        text-align: left;
        width: 100%
    }

    #current-jobs .jobs .inner .article p {
        font-size: 14px;
        line-height: 1.2rem
    }

    #current-jobs .jobs .inner .article p.role-location,
    #current-jobs .jobs .inner .article p.role-type {
        margin-bottom: 6px;
        margin-left: 0;
        width: 100%
    }

    #current-jobs .jobs .inner .article p.role-date {
        color: #b3b3b3;
        margin-bottom: 12px;
        margin-left: 0;
        width: 100%
    }

    #current-jobs .jobs .inner .article button {
        margin-left: 0
    }

    #current-jobs .jobs .inner:not(:last-child) {
        margin-bottom: 20px
    }
}

#apply-hover .btn-red {
    background-color: #e21e26;
    color: #fff;
    font-weight: 900;
    transition: all .4s ease
}

#apply-hover .btn-red:hover {
    background-color: #e9e9e9;
    color: #262626
}

#job-application {
    padding: 0 10px
}

#job-application .container {
    margin-bottom: 120px
}

#job-application .form-container {
    background-color: #272727;
    background-image: url(../images/iccon-sym.svg);
    background-position: right 200px top 40px;
    background-repeat: no-repeat;
    background-size: 214px auto;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin: 0 auto;
    max-width: 1300px;
    padding: 90px 100px;
    position: relative;
    width: 100%
}

#job-application .form-container .form-heading h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3em;
    padding-bottom: 20px;
    width: calc(100% - 350px)
}

#job-application .form-container .form-heading h3 .highlight {
    color: #e21e26
}

#job-application .form-container .form-heading p {
    color: #b3b3b3;
    font-size: 16px;
    line-height: 1.6em;
    padding-bottom: 80px;
    width: calc(100% - 400px)
}

#job-application .form-container .form-section .checkbox-label,
#job-application .form-container .form-section .label {
    color: #b3b3b3;
    cursor: default
}

#job-application .form-container .form-section .checkbox-label .highlight,
#job-application .form-container .form-section .label .highlight {
    color: #e21e26
}

#job-application .form-container .form-section .checkbox {
    background-color: #fff
}

#job-application .form-container .form-section .checkbox #site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
#job-application .form-container .form-section .checkbox .filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
#job-application .form-container .form-section .checkbox .iccons-tick,
#site-search .form-element.search-category .select2-container .select2-dropdown #job-application .form-container .form-section .checkbox .select2-results__options>li[aria-selected=true],
.filters .filter .element .select2-container .select2-dropdown #job-application .form-container .form-section .checkbox .select2-results__options>li[aria-selected=true] {
    color: #666
}

#job-application .form-container .form-section .submit {
    text-align: left
}

#job-application .form-container .form-section .submit .btn-red {
    background-color: #e21e26;
    color: #fff
}

#job-application .form-container .form-section .submit .btn-red:hover {
    background: #fff;
    color: #272727
}

#job-application .form-container .form-section .js .inputfile {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

#job-application .form-container .form-section .inputfile+label {
    display: inline-block;
    white-space: nowrap
}

#job-application .form-container .form-section .no-js .inputfile+label {
    display: none
}

#job-application .form-container .form-section .inputfile+label svg {
    margin-right: 10px
}

#job-application .form-container .form-section .inputfile+label span {
    display: inline-block;
    white-space: nowrap
}

#job-application .form-container .form-row {
    margin-bottom: 30px
}

#job-application .form-container .form-row+.form-row {
    margin-top: unset
}

@media (min-width:768px) and (max-width:1300px) {
    #job-application .form-container {
        background-position: right 40px top 40px;
        background-repeat: no-repeat;
        background-size: 214px auto
    }

    #job-application .form-container .form-heading h3 {
        font-size: 30px;
        width: calc(100% - 190px)
    }

    #job-application .form-container .form-heading p {
        width: calc(100% - 200px)
    }
}

@media (max-width:767px) {
    #job-application {
        padding: 0 10px
    }

    #job-application .form-container {
        background-image: none;
        padding: 40px
    }

    #job-application .form-container .form-heading h3 {
        font-size: 30px;
        line-height: normal;
        width: 100%
    }

    #job-application .form-container .form-heading p,
    #job-application .submit {
        width: 100%
    }

    #job-application button {
        padding: 15px 60px;
        width: 100%
    }
}

#job-description {
    margin: 0 0 87px;
    padding: 0 10px
}

#job-description .container {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin: 0 auto;
    max-width: 1300px;
    padding: 90px 100px 0;
    position: relative;
    width: 100%
}

#job-description .container .back-btn {
    color: #272727;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase
}

#job-description .container .back-btn:hover {
    color: #666
}

#job-description .container .content-section {
    overflow: unset;
    padding: 70px 0
}

#job-description .container .content-section h2 {
    color: #e21e26;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 44px;
    text-align: left
}

#job-description .container .content-section h3 {
    color: #262626;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3em;
    margin: 0;
    padding: 10px 0 30px;
    text-align: left
}

#job-description .container .content-section h4 {
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0;
    padding: 30px 0 16px;
    text-align: left
}

#job-description .container .content-section li,
#job-description .container .content-section p,
#job-description .container .content-section ul {
    color: #666;
    font-size: 16px;
    line-height: 1.6em;
    width: 100%
}

#job-description .container .content-section #table {
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 25px
}

#job-description .container .content-section button {
    padding: 15px 60px
}

#job-description .container .content-section button:not(:last-child) {
    margin-right: 20px
}

#job-description .container .content-section button.btn-grey {
    background: #e9e9e9;
    color: #262626
}

#job-description .container .content-section button.btn-grey:hover {
    background: #e21e26;
    color: #fff
}

@media (max-width:767px) {
    #job-description .container .content-section button {
        width: 100%
    }

    #job-description .container .content-section button:not(:last-child) {
        margin-bottom: 20px
    }
}

#job-description .container #share-box ul {
    list-style: none;
    list-style-type: none;
    margin: 0
}

#job-description .container #share-box ul li {
    padding-bottom: 20px
}

@media (max-width:767px) {
    #job-description {
        padding: 0 10px
    }

    #job-description .container {
        background-image: none;
        padding: 40px
    }
}

#join-family {
    margin: 0 0 87px;
    padding: 0 10px
}

#join-family .form-container {
    background-color: #272727;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin: 0 auto;
    max-width: 1300px;
    padding: 90px 100px;
    position: relative;
    width: 100%
}

#join-family .form-container .form-heading h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3em;
    padding-bottom: 20px;
    text-align: center
}

#join-family .form-container .form-heading p {
    color: #b3b3b3;
    font-size: 16px;
    line-height: 1.6em;
    padding-bottom: 50px;
    text-align: center
}

#join-family .form-container .form-heading .icon-holder {
    height: 48px;
    margin: 0 auto 40px;
    width: 100%
}

#join-family .form-container .form-section .checkbox-label,
#join-family .form-container .form-section .label {
    color: #b3b3b3;
    cursor: default
}

#join-family .form-container .form-section .checkbox-label .highlight,
#join-family .form-container .form-section .label .highlight {
    color: #e21e26
}

#join-family .form-container .form-section .checkbox {
    background-color: #fff
}

#join-family .form-container .form-section .checkbox #site-search .form-element.search-category .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
#join-family .form-container .form-section .checkbox .filters .filter .element .select2-container .select2-dropdown .select2-results__options>li[aria-selected=true],
#join-family .form-container .form-section .checkbox .iccons-tick,
#site-search .form-element.search-category .select2-container .select2-dropdown #join-family .form-container .form-section .checkbox .select2-results__options>li[aria-selected=true],
.filters .filter .element .select2-container .select2-dropdown #join-family .form-container .form-section .checkbox .select2-results__options>li[aria-selected=true] {
    color: #666
}

#join-family .form-container .form-section .submit {
    text-align: left
}

#join-family .form-container .form-section .submit .btn-red {
    background-color: #e21e26;
    color: #fff
}

#join-family .form-container .form-section .submit .btn-red:hover {
    background: #fff;
    color: #272727
}

#join-family .form-container .form-section .js .inputfile {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

#join-family .form-container .form-section .inputfile+label {
    display: inline-block;
    white-space: nowrap
}

#join-family .form-container .form-section .no-js .inputfile+label {
    display: none
}

#join-family .form-container .form-section .inputfile+label svg {
    margin-right: 10px
}

#join-family .form-container .form-section .inputfile+label span {
    display: inline-block;
    white-space: nowrap
}

#join-family .form-container .form-row {
    margin-bottom: 30px
}

#join-family .form-container .form-row+.form-row {
    margin-top: unset
}

@media (min-width:768px) and (max-width:1300px) {
    #join-family .form-container .form-heading h3 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    #join-family {
        padding: 0 10px
    }

    #join-family .form-container {
        background-image: none;
        padding: 40px
    }

    #join-family .form-container .form-heading h3 {
        font-size: 30px;
        line-height: normal;
        width: 100%
    }

    #join-family .form-container .form-heading p,
    #join-family .submit {
        width: 100%
    }

    #join-family button {
        padding: 15px 60px;
        width: 100%
    }
}

#application-received {
    margin: 0 0 87px;
    padding: 0 10px
}

#application-received .container {
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    margin: 0 auto;
    max-width: 1300px;
    padding: 90px 100px;
    position: relative;
    width: 100%
}

#application-received .container.container-plain {
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

#application-received .container .heading h3 {
    color: #e21e26;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

#application-received .container .heading h4 {
    color: #262626;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 30px;
    text-align: center
}

#application-received .container .heading p {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    padding: 0 0 32px;
    text-align: center
}

#application-received .container .heading .success-holder {
    height: 88px;
    margin: 0 auto 30px;
    width: 100%
}

#application-received .container #share-box {
    list-style: none;
    list-style-type: none;
    margin: 0 auto;
    width: 100%
}

#application-received .container #share-box li {
    padding-bottom: 20px
}

#application-received .container #share-box li:not(:last-child) {
    margin-right: 26px
}

@media (max-width:767px) {
    #application-received {
        padding: 0 10px
    }

    #application-received .container {
        background-image: none;
        padding: 40px
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/f2f21d9364114e6d8a6eff30c4e5ccd1.woff")
}

:root {
    --swiper-theme-color: #f60
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    min-height: 1px
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    min-width: 1px
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

.job-wysiwyg b {
    font-weight: 700
}

.job-wysiwyg p {
    font-size: 1rem;
    margin-bottom: 1.25rem;
    max-width: 60rem
}

.job-wysiwyg ol,
.job-wysiwyg ul {
    list-style-position: inside;
    list-style-type: disc
}

.job-wysiwyg ol li,
.job-wysiwyg ul li {
    margin-bottom: .5rem
}

.job-wysiwyg ol {
    list-style-type: decimal
}

.job-wysiwyg table {
    width: 100%
}

.job-wysiwyg table tr td {
    --tw-text-opacity: 1;
    border-width: 1px;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    font-size: 1rem;
    line-height: 1.625;
    padding: .6rem .5rem
}

.current-jobs__nothing-found {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.current-jobs__nothing-found .cjnf__title {
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: 1.5;
    margin-bottom: .75rem
}

.current-jobs__nothing-found .cjnf__text {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: .75rem
}

.current-jobs__nothing-found .cjnf__button {
    display: inline-block;
    width: 100%
}

@media (min-width:768px) {
    .current-jobs__nothing-found .cjnf__button {
        width: auto
    }
}

.current-jobs__nothing-found .cjnf__button .btn {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%
}

#footer {
    background: #272727;
    color: #fff;
    overflow: hidden;
    padding: 4rem 20px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

#footer.anchor-armour__footer {
    padding-left: 0;
    padding-right: 0
}

#footer.anchor-armour__footer a#subscribe-to-newsletter.anchor {
    position: relative;
    top: -80px
}

@media (max-width:1567px) {
    #footer.anchor-armour__footer a#subscribe-to-newsletter.anchor {
        top: -120px
    }
}

#footer .footer__new-max-width {
    max-width: 1332px;
    padding: 0 1rem
}

#footer>.container {
    position: relative
}

#footer h3,
#footer h4 {
    font-size: 20px;
    margin: 0 0 1rem
}

#footer h3:before,
#footer h4:before {
    display: none
}

#footer a {
    color: #fff;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -ms-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in
}

#footer a:hover {
    color: #e30613;
    text-decoration: none
}

#footer #hero.carousel .carousel-items>li>.container,
#footer #hero.video .container,
#footer .iccons-symbol-footer,
#hero.carousel #footer .carousel-items>li>.container,
#hero.video #footer .container {
    color: #1f1f1f !important;
    font-size: 374px;
    line-height: 1em;
    margin-right: -4rem;
    margin-top: -20px;
    position: relative;
    position: absolute;
    right: 0;
    top: 50%;
    top: 28.75rem;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: -1
}

#footer .links-container {
    display: flex;
    font-weight: 500;
    padding: 0 0 3rem;
    position: relative;
    z-index: 10
}

#footer .links-container ul {
    font-size: 13px
}

#footer .links-container ul li {
    padding: 0
}

#footer .links-container ul li a {
    font-size: 13px;
    font-weight: 400;
    line-height: 35px
}

#footer .links-products {
    width: 20.3%
}

#footer .links-partners {
    width: 16.8%
}

#footer .links-support {
    width: 23.7%
}

#footer .links-corporate {
    width: 20%
}

#footer .links-social {
    flex: 1
}

#footer .links-social ul {
    font-size: 0;
    padding: 9px 0
}

#footer .links-social ul li {
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 40px
}

#footer .links-social ul li+li {
    margin-left: 24px
}

#footer .links-social ul li>a {
    border: 2px solid #fff;
    border-radius: 100px;
    display: block;
    height: 100%;
    line-height: 38px;
    padding: 0 0 2px;
    text-align: center;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    width: 100%
}

#footer .links-social ul li>a:hover {
    border-color: #e30613;
    color: #e30613
}

#footer .links-social .iccons-facebook {
    font-size: 16px;
    margin-left: -1px
}

#footer .links-social .iccons-instagram {
    font-size: 18px;
    position: relative;
    top: 2px
}

#footer .lower {
    display: flex;
    padding: 40px 0;
    position: relative;
    z-index: 10
}

#footer .lower:before {
    background-color: #595959;
    content: " ";
    display: block;
    height: 1px;
    left: 50%;
    position: relative;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 10000px
}

#footer .lower .partners {
    flex: 2
}

#footer .lower .partners ul {
    font-size: 0
}

#footer .lower .partners li {
    display: inline-block;
    margin-bottom: 1rem;
    vertical-align: middle
}

#footer .lower .partners li+li {
    margin-left: 2rem
}

#footer .lower .partners li a {
    opacity: .5;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in
}

#footer .lower .partners li a:hover {
    opacity: 1
}

#footer .lower .legals {
    color: #666;
    flex: 1;
    text-align: right
}

#footer .lower .legals ul {
    font-weight: 500
}

#footer .lower .legals ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 2
}

#footer .lower .legals ul li+li {
    margin-left: 15px
}

#footer .lower .legals .brightlabs {
    color: #00aeef
}

#footer .lower .legals .brightlabs:hover {
    color: #fd0
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .child-grid-listing .grid-element,
    .child-grid-listing .grid-element.grid-element-1x2 {
        width: 50%
    }
}

@media (min-width:1201px) {
    .product-specs.mode-adhesives .row .attribute {
        margin-left: 0 !important
    }
}

@media (max-width:767px) {
    .section-support #content.support-areas h3 {
        text-align: center
    }

    .icon-listing {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .icon-listing>li {
        max-width: 240px;
        min-width: 160px;
        width: 50%
    }

    form.styled .form-row.submit {
        text-align: center
    }

    form.styled .form-row .field:last-child {
        width: 100%
    }

    .formatted {
        font-size: 14px;
        line-height: 1.6em
    }

    .formatted h1 {
        font-size: 39px
    }

    .formatted h2 {
        font-size: 30px
    }

    .formatted h3 {
        font-size: 24px
    }

    .formatted h4 {
        font-size: 20px
    }

    .formatted h5 {
        font-size: 18px
    }

    .formatted h6 {
        font-size: 16px
    }

    .btn,
    .formatted .btn {
        font-size: 13px;
        padding: 10px 30px
    }

    #top-categories {
        padding-left: 10px;
        padding-right: 10px
    }

    #top-categories .top-categories {
        flex-wrap: wrap;
        justify-content: center;
        margin: -15px 0
    }

    #top-categories .top-categories>li {
        flex: none;
        padding: 15px 10px;
        width: 33.3333%
    }

    #top-categories .top-categories>li a {
        padding: 15px 0
    }

    #top-categories .top-categories>li a h4 {
        font-size: 14px
    }

    #top-categories .top-categories>li a .iccons {
        font-size: 50px
    }

    .child-grid-listing {
        display: block;
        margin: 0 auto;
        max-width: 640px
    }

    .child-grid-listing .grid-element+.grid-element {
        margin-top: 10px
    }

    .child-grid-listing .grid-element .details {
        left: auto;
        max-width: none;
        padding: 30px 40px;
        position: relative;
        top: auto;
        transform: translate(0);
        -ms-transform: translate(0);
        -webkit-transform: translate(0)
    }

    .child-grid-listing .grid-element .details h4 {
        font-size: 27px;
        margin-bottom: 15px
    }

    .child-grid-listing .grid-element .details .content {
        line-height: 1.6em;
        margin-bottom: 26px
    }

    .child-grid-listing .grid-element .image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .child-grid-listing .grid-element .image>img {
        display: none
    }

    .featured-listing,
    .news-listing {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 10px
    }

    .featured-listing>li,
    .news-listing>li {
        max-width: 420px;
        width: 100%
    }

    .featured-listing .article,
    .news-listing .article {
        padding: 30px
    }

    .featured-listing .article .date,
    .news-listing .article .date {
        margin-bottom: 15px
    }

    .featured-listing .article h4,
    .news-listing .article h4 {
        font-size: 16px;
        line-height: 1.4em
    }

    .featured-listing .article .summary,
    .news-listing .article .summary {
        line-height: 1.6em
    }

    .featured-listing .image,
    .news-listing .image {
        min-height: 0
    }

    .facility-listing .group {
        padding: 50px 20px 0
    }

    .facility-listing .group+.group {
        border-top: 1px solid #f6f6f6
    }

    .facility-listing .group h3 {
        line-height: 1em;
        margin-bottom: 50px
    }

    .facilities {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -10px
    }

    .facilities>li {
        display: block;
        flex: 1;
        max-width: 350px;
        min-width: 280px;
        padding: 0 10px 55px;
        width: 100%
    }

    .facilities>li+li {
        margin: 0
    }

    .facilities .details {
        padding: 0 20px
    }

    .facilities .image {
        padding-top: 0;
        width: 100%
    }

    .facilities .image img {
        width: 100%
    }

    .facilities .cta {
        margin-top: 20px;
        padding-top: 0;
        width: 100%
    }

    #content.facility #primary {
        padding-bottom: 10px;
        position: relative
    }

    #content.facility #primary h3 {
        text-align: center
    }

    #content.facility .facility-location {
        flex-wrap: wrap
    }

    #content.facility .facility-location .address-container {
        max-width: 320px;
        width: 100%
    }

    #content.facility .facility-location .gmap-container {
        margin-top: 40px;
        width: 100%
    }

    #our-team .team-container {
        margin: 0 auto;
        max-width: 430px;
        padding: 0 60px
    }

    #our-team .team-container .scroll-previous {
        margin-left: 0;
        margin-top: -20px;
        transform: scale(.75);
        -ms-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform-origin: 100% 0
    }

    #our-team .team-container .scroll-next {
        margin-right: 0;
        margin-top: -20px;
        transform: scale(.75);
        -ms-transform: scale(.75);
        -webkit-transform: scale(.75);
        transform-origin: 0 0
    }

    #our-team .team-members .team-member {
        width: 100%
    }

    #our-team .team-members .team-member .details {
        bottom: 30px;
        top: auto;
        width: 100%
    }

    #our-team .team-members .team-member .details h4 {
        font-size: 21px;
        margin-bottom: 6px
    }

    #our-team .team-members .team-member .details .title {
        margin-bottom: 20px
    }

    #our-team .team-members .team-member .details .email,
    #our-team .team-members .team-member .details .phone {
        margin: 0 0 6px
    }

    .image-feature .container {
        border-radius: 0
    }

    .image-feature .inner .content {
        line-height: 1.5em
    }

    #partner-grid {
        padding: 0 10px
    }

    #partner-grid .partner-grid>li {
        width: 50%
    }

    #partner-grid .partner-grid>li:nth-child(2n) {
        border-right: none
    }

    #featured-products {
        padding: 0 10px
    }

    #featured-products>.tab-container {
        display: none
    }

    #featured-product-tab-content .tab-content.active {
        padding-top: 0
    }

    #featured-product-tab-content .tab-content>.container {
        padding: 20px 0
    }

    #featured-product-tab-content .tab-content>.container .cta {
        text-align: center
    }

    .product-listing {
        justify-content: center
    }

    .product-listing.four-column:not(.list)>li {
        width: 100%
    }

    .product-listing.four-column:not(.list)+.cta {
        margin-top: 30px
    }

    #content+#top-categories {
        margin-top: 45px
    }

    #content.product-details {
        padding: 0 10px
    }

    #content.product-details #primary {
        padding: 24px 10px 10px
    }

    #content.product-details #primary .page-cta {
        display: none
    }

    #content.product-details h1 {
        font-size: 25px;
        line-height: 1.2em;
        padding: 0 20px;
        text-align: center
    }

    #content.product-details #product-info>.images {
        display: block;
        margin: 0 auto;
        max-width: 600px;
        width: 100%
    }

    #content.product-details #product-info>.images .product-thumbs>.product-thumbnail .image {
        height: 64px;
        width: 64px
    }

    #content.product-details #product-info>.images .product-images {
        max-width: none;
        padding: 0 50px
    }

    #content.product-details #product-info>.images .product-images .scroll-previous {
        margin-left: 0
    }

    #content.product-details #product-info>.images .product-images .scroll-next {
        margin-right: 0
    }

    #content.product-details #product-info>.summary {
        padding: 30px 0 0;
        width: 100%
    }

    #content.product-details #product-info>.summary>.content,
    #content.product-details #product-info>.summary>h4 {
        padding-left: 10px;
        padding-right: 10px
    }

    #content.product-details #product-info>.summary .certifications {
        text-align: center
    }

    #content.product-details #product-info>.summary .actions .btn {
        display: block;
        width: 100%
    }

    #content.product-details #product-info>.summary .actions .product-list,
    #content.product-details #product-info>.summary .actions .related-products {
        display: block
    }

    #content.product-details #product-info>.summary .actions .related-products {
        margin-top: 10px
    }

    #content.product-details #product-info>.summary .sitebox {
        margin-top: 20px
    }

    #content.product-details #product-info>.summary .sitebox .btn {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .add-settings {
        padding: 20px 20px 0;
        text-align: center
    }

    #content.product-details #product-info>.summary .sitebox .upper {
        display: block;
        padding: 20px
    }

    #content.product-details #product-info>.summary .sitebox .upper .cta {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .upper .supporting {
        padding: 20px 0 0
    }

    #content.product-details #product-info>.summary .sitebox .lower {
        display: block;
        padding: 20px
    }

    #content.product-details #product-info>.summary .sitebox .lower .add-to-sitebox,
    #content.product-details #product-info>.summary .sitebox .lower .cta {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .lower .supporting {
        padding: 20px 0 0
    }

    #product-extended-info {
        box-shadow: none;
        margin-bottom: 30px;
        padding: 0 10px
    }

    #product-extended-info>.tab-container {
        display: none
    }

    #product-extended-info #product-tab-content {
        background: none
    }

    #product-extended-info #product-tab-content .tab-content>.container {
        background: #fff;
        border-radius: 4px;
        margin: 4px 0 12px
    }

    .tab-content.active {
        padding-top: 0
    }

    .tab-content>.container {
        padding: 24px 20px 20px
    }

    #tab-specifications>.container {
        padding: 15px 0 !important
    }

    #tab-specifications .disclaimers {
        line-height: 1.3em;
        padding: 20px 20px 10px
    }

    .product-specs {
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .product-specs>.inner {
        font-size: 0;
        overflow: hidden
    }

    .product-specs.mode-adhesives {
        overflow: hidden;
        padding: 0 30px 0 40%;
        white-space: nowrap
    }

    .product-specs.mode-adhesives .pagination-helper {
        display: block
    }

    .product-specs.mode-adhesives .pagination-helper.page-previous {
        left: 40%
    }

    .product-specs.mode-adhesives .row {
        display: block;
        font-size: 0;
        position: static;
        white-space: nowrap
    }

    .product-specs.mode-adhesives .row.image {
        display: none
    }

    .product-specs.mode-adhesives .row.select .attribute {
        position: relative;
        z-index: 10
    }

    .product-specs.mode-adhesives .row.select .attribute .select2.select2-container {
        width: 80px !important
    }

    .product-specs.mode-adhesives .row.select .attribute .select2.select2-container>.selection>.select2-selection {
        line-height: 20px;
        width: 100%
    }

    .product-specs.mode-adhesives .row .header {
        border: 0;
        font-size: 11px;
        left: 0;
        overflow: hidden;
        padding: 5px 10px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 40%
    }

    .product-specs.mode-adhesives .row .header>.iccons {
        display: none
    }

    .product-specs.mode-adhesives .row .header img {
        left: 25px;
        max-height: 30px;
        max-width: 30px
    }

    .product-specs.mode-adhesives .row .header .cert-label {
        padding-left: 40px
    }

    .product-specs.mode-adhesives .row .attribute {
        border: 0;
        display: inline-block;
        font-size: 12px;
        padding: 6px 9px;
        transition: margin .2s ease-in;
        -o-transition: margin .2s ease-in;
        -ms-transition: margin .2s ease-in;
        -moz-transition: margin .2s ease-in;
        -webkit-transition: margin .2s ease-in;
        white-space: normal;
        width: 100%
    }

    .product-specs.mode-adhesives .row .attribute:nth-child(odd) {
        background: transparent
    }

    .product-specs.mode-adhesives .row .attribute.quantity input {
        height: 24px;
        max-width: 80px;
        padding: 0 9px;
        top: auto
    }

    .product-specs.mode-adhesives .row .attribute.add-to-sitebox {
        padding: 6px 9px
    }

    .product-specs.mode-adhesives .row .attribute.add-to-sitebox button {
        max-width: none
    }

    .product-specs.mode-material,
    .product-specs.mode-standard {
        overflow: hidden;
        padding: 0 30px 0 40%;
        white-space: nowrap
    }

    .product-specs.mode-material .pagination-helper,
    .product-specs.mode-standard .pagination-helper {
        display: block
    }

    .product-specs.mode-material .pagination-helper.page-previous,
    .product-specs.mode-standard .pagination-helper.page-previous {
        left: 40%
    }

    .product-specs.mode-material .row,
    .product-specs.mode-standard .row {
        display: block;
        font-size: 12px;
        transition: margin .2s ease-in;
        -o-transition: margin .2s ease-in;
        -ms-transition: margin .2s ease-in;
        -moz-transition: margin .2s ease-in;
        -webkit-transition: margin .2s ease-in
    }

    .product-specs.mode-material .row.material-header,
    .product-specs.mode-standard .row.material-header {
        display: none
    }

    .product-specs.mode-material .row.header,
    .product-specs.mode-standard .row.header {
        background: #fff;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        white-space: normal;
        width: 40%;
        z-index: 10
    }

    .product-specs.mode-material .row.header:before,
    .product-specs.mode-standard .row.header:before {
        display: none
    }

    .product-specs.mode-material .row.header>div,
    .product-specs.mode-standard .row.header>div {
        padding: 5px 20px 5px 10px
    }

    .product-specs.mode-material .row.header>div>.iccons,
    .product-specs.mode-standard .row.header>div>.iccons {
        display: none
    }

    .product-specs.mode-material .row.product-spec,
    .product-specs.mode-standard .row.product-spec {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    .product-specs.mode-material .row.product-spec:before,
    .product-specs.mode-standard .row.product-spec:before {
        display: none
    }

    .product-specs.mode-material .row.product-spec:hover .part-number>.material,
    .product-specs.mode-standard .row.product-spec:hover .part-number>.material {
        background: transparent !important
    }

    .product-specs.mode-material .row.product-spec .part-number,
    .product-specs.mode-standard .row.product-spec .part-number {
        width: 100%
    }

    .product-specs.mode-material .row.product-spec .part-number>.material,
    .product-specs.mode-standard .row.product-spec .part-number>.material {
        background: transparent;
        display: none;
        padding: 5px 9px;
        text-align: left
    }

    .product-specs.mode-material .row.product-spec .part-number>.material:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material:after {
        display: inline-block;
        margin-left: 5px;
        vertical-align: top
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.zinc:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.zinc:after {
        color: #e2ca01;
        content: " (ZINC)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.gal:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.gal:after {
        color: #0579dc;
        content: " (GAL)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.ss:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.ss:after {
        color: #7dc210;
        content: " (SS)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material>span,
    .product-specs.mode-standard .row.product-spec .part-number>.material>span {
        display: inline-block;
        vertical-align: top
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.populated,
    .product-specs.mode-standard .row.product-spec .part-number>.material.populated {
        display: block
    }

    .product-specs.mode-material .row.product-spec .product-name,
    .product-specs.mode-standard .row.product-spec .product-name {
        padding: 5px 9px
    }

    .product-specs.mode-material .row.product-spec .quantity,
    .product-specs.mode-standard .row.product-spec .quantity {
        padding: 2px 9px
    }

    .product-specs.mode-material .row.product-spec .quantity input,
    .product-specs.mode-standard .row.product-spec .quantity input {
        height: 24px;
        max-width: 80px;
        padding: 0 9px;
        top: auto
    }

    .product-specs.mode-material .row.product-spec .price,
    .product-specs.mode-standard .row.product-spec .price {
        width: auto
    }

    .product-specs.mode-material .row.product-spec .price [data-linked-qty],
    .product-specs.mode-standard .row.product-spec .price [data-linked-qty] {
        display: inline;
        margin-right: 5px;
        max-width: none
    }

    .product-specs.mode-material .row:after,
    .product-specs.mode-standard .row:after {
        display: none
    }

    .product-specs.mode-material .row:last-child,
    .product-specs.mode-standard .row:last-child {
        padding-bottom: 0
    }

    .product-specs.mode-material .row>div,
    .product-specs.mode-standard .row>div {
        overflow: hidden;
        padding: 5px 9px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .product-specs.mode-material .row .add-to-sitebox,
    .product-specs.mode-standard .row .add-to-sitebox {
        padding-bottom: 0;
        width: auto
    }

    .product-specs.mode-material .row .add-to-sitebox button,
    .product-specs.mode-standard .row .add-to-sitebox button {
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    #tab-downloads .downloads .pills {
        display: block
    }

    #tab-downloads .downloads .pills .pill {
        display: block;
        margin-bottom: .5rem;
        width: 100%
    }

    #tab-downloads .downloads .download-listing>li {
        flex-wrap: wrap;
        padding-right: 10px
    }

    #tab-downloads .downloads .download-listing>li .name {
        flex: none;
        line-height: 1.3em;
        padding-bottom: 6px;
        width: 100%
    }

    #tab-downloads .downloads .download-listing>li .date {
        padding-left: 45px;
        text-align: left;
        width: 40%
    }

    #tab-downloads .downloads .download-listing>li .size {
        text-align: left;
        width: 25%
    }

    #tab-downloads .downloads .download-listing>li .download {
        text-align: right;
        width: 35%
    }

    #tab-video .video-container {
        float: none;
        height: 0;
        margin: 30px 0;
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        text-align: center
    }

    #tab-video .video-container iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    #related-products {
        padding: 0 10px
    }

    #related-products h3 {
        font-size: 20px
    }

    #testimonials {
        margin-bottom: 60px
    }

    #testimonials.static #testimonials-listing {
        display: block
    }

    #testimonials.static #testimonials-listing .testimonial .inner {
        padding: 45px 30px
    }

    #testimonials.static #testimonials-listing .testimonial+.testimonial {
        margin-top: 20px
    }

    .testimonials {
        border-radius: 0;
        display: flex
    }

    .testimonials .testimonial {
        border-radius: 0;
        min-width: 100%;
        width: 100%
    }

    .testimonials .testimonial+.testimonial {
        margin-top: 0
    }

    .testimonials .testimonial .inner {
        left: auto;
        margin: 0 auto;
        max-width: 640px;
        padding: 45px 30px 80px;
        position: relative;
        top: auto;
        transform: translate(0);
        -ms-transform: translate(0);
        -webkit-transform: translate(0)
    }

    .testimonials .testimonial .inner .content {
        font-size: 14px;
        line-height: 1.4em
    }

    .testimonials .testimonial .image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .testimonials .testimonial .image>img,
    .testimonials-container .scroll-next,
    .testimonials-container .scroll-previous {
        display: none
    }

    #testimonials-pagination {
        bottom: 24px
    }

    .scrolly-list-pagination .pagination-element {
        margin: 7px;
        width: 35px !important
    }

    .accordion-listing {
        margin-bottom: 0
    }

    .accordion-listing .accordion-toggler {
        font-size: 15px
    }

    .accordion-listing .accordion-toggler:before {
        font-size: 14px;
        right: 22px
    }

    #content.support-areas>.container {
        padding-bottom: 30px
    }

    .support-download-listing>li {
        width: 100%
    }

    .support-download-listing>li .video-container iframe {
        max-width: 100%
    }

    #mobile-pagination {
        padding: 10px 20px;
        text-align: center;
        width: 100%
    }

    #mobile-pagination label {
        display: inline-block;
        line-height: 24px;
        padding: 12px 20px 12px 0;
        text-align: right;
        vertical-align: top;
        width: 120px
    }

    #mobile-pagination .field {
        display: inline-block;
        vertical-align: top;
        width: 100px
    }

    section {
        margin-bottom: 30px
    }

    section>.container>h3 {
        font-size: 22px
    }

    #content {
        margin-bottom: 30px;
        padding: 0 10px
    }

    #content>.container {
        border-radius: 4px
    }

    #content>.pagination-container {
        margin-bottom: 80px;
        padding-bottom: 0
    }

    #content .page-cta.cta-back {
        left: 10px
    }

    #content .page-cta.cta-share {
        right: 10px
    }

    #content.contact-us #primary {
        display: block;
        padding: 50px 20px
    }

    #content.contact-us #primary h3 {
        text-align: center
    }

    #content.contact-us #primary .location-list {
        margin: 0 auto;
        max-width: 400px;
        padding-right: 0;
        width: 100%
    }

    #content.contact-us #primary .location-list .office-locations {
        display: flex;
        flex-wrap: wrap
    }

    #content.contact-us #primary .location-list .office-locations>li {
        width: 100%
    }

    #content.contact-us #primary .location-list .office-locations>li dl {
        max-width: 310px
    }

    #content.contact-us #primary .contact-form {
        border-top: 2px solid #f6f6f6;
        margin-top: 45px;
        padding-top: 45px
    }

    #content.contact-us #primary .contact-form .gmap-container {
        display: none
    }

    #content.contact-us #primary .contact-form #contact-form {
        margin-top: 30px
    }

    #dealer-search-form .form-row.submit {
        flex: 1
    }

    #dealer-search-form .form-row.listing-type {
        padding-left: 20px;
        width: 120px
    }

    .content-section.results-legend ul {
        display: block
    }

    .content-section.results-legend ul>li {
        width: 100%
    }

    .dealer-listing>li {
        display: block
    }

    .dealer-listing .dealer-details {
        padding-left: 0;
        padding-right: 0
    }

    .dealer-listing .dealer-details:before {
        left: auto;
        margin-right: 12px;
        position: relative;
        top: auto
    }

    .dealer-listing .dealer-details .name,
    .dealer-listing .dealer-details .type,
    .dealer-listing .dealer-details:before {
        display: inline-block;
        line-height: 30px;
        vertical-align: top
    }

    .dealer-listing .dealer-details .address {
        display: block
    }

    .dealer-listing .dealer-contact {
        padding-left: 0;
        padding-right: 0
    }

    .dealer-listing .dealer-enquiry {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        width: 100%
    }

    #category-hero .content {
        font-size: 13px;
        left: auto;
        padding: 45px 30px;
        position: relative;
        top: auto;
        transform: translate(0);
        -ms-transform: translate(0);
        -webkit-transform: translate(0)
    }

    #category-hero .content h1 {
        font-size: 26px;
        margin-bottom: 15px
    }

    #category-hero .background-container {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .category-listing.grid,
    .category-listing.list {
        display: block;
        margin: -10px
    }

    .category-listing.grid>li,
    .category-listing.list>li {
        padding: 10px;
        width: 100%
    }

    .category-listing.grid>li+li,
    .category-listing.list>li+li {
        margin: 0
    }

    .category-listing.grid>li>.inner,
    .category-listing.list>li>.inner {
        display: flex;
        padding: 11px 10px;
        width: 100%
    }

    .category-listing.grid>li .image-container,
    .category-listing.list>li .image-container {
        padding: 0;
        width: 30%
    }

    .category-listing.grid>li .image-container .image,
    .category-listing.list>li .image-container .image {
        background-size: contain;
        height: 100%
    }

    .category-listing.grid>li .image-container img,
    .category-listing.list>li .image-container img {
        height: 100%
    }

    .category-listing.grid>li .details,
    .category-listing.list>li .details {
        flex: 1;
        padding: 15px 30px;
        text-align: left;
        width: auto
    }

    .category-listing.grid>li .details h4,
    .category-listing.list>li .details h4 {
        margin-bottom: 6px;
        white-space: normal
    }

    .category-listing.grid>li .details .item-count,
    .category-listing.list>li .details .item-count {
        bottom: auto;
        left: auto;
        position: relative
    }

    .category-listing.grid>li .cta,
    .category-listing.grid>li .description,
    .category-listing.list>li .cta,
    .category-listing.list>li .description {
        display: none
    }

    .category-listing+.pagination {
        margin-bottom: 0;
        margin-top: 20px !important
    }

    .product-listing.grid .details h4,
    .product-listing.list .details h4 {
        line-height: 1.3em
    }

    .product-listing.grid .details .item-login,
    .product-listing.grid .details .item-pricing,
    .product-listing.list .details .item-login,
    .product-listing.list .details .item-pricing {
        bottom: auto;
        left: auto;
        position: relative
    }

    .product-listing.grid .tags,
    .product-listing.list .tags {
        left: 10px;
        top: 10px
    }

    #footer {
        padding-top: 20px
    }

    #footer .links-container {
        border-bottom: 0;
        display: block;
        margin: 0;
        padding-bottom: 0
    }

    #footer .links-container .column {
        border-bottom: 1px solid #595959;
        width: 100%
    }

    #footer .links-container .column h4 {
        font-size: 15px;
        margin-bottom: 0;
        padding: 12px 45px 12px 6px;
        position: relative
    }

    #footer .links-container .column h4[data-click-toggle-class=active] {
        cursor: pointer
    }

    #footer .links-container .column h4[data-click-toggle-class=active]:before {
        display: inline-block;
        font-family: ICCONS;
        font-size: 12px;
        position: absolute;
        right: 6px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in
    }

    #footer .links-container .column h4[data-click-toggle-class=active].active:before {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }

    #footer .links-container .column h4[data-click-toggle-class=active].active+ul {
        max-height: 300px;
        opacity: 1;
        padding-bottom: 12px
    }

    #footer .links-container .column h4[data-click-toggle-class=active]+ul {
        display: flex;
        flex-wrap: wrap;
        max-height: 0;
        opacity: 1;
        overflow: hidden;
        padding: 0 0 0 20px;
        transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in
    }

    #footer .links-container .column h4[data-click-toggle-class=active]+ul>li {
        padding-right: 20px;
        width: 50%
    }

    #footer .links-social {
        display: flex;
        padding: 12px 6px;
        text-align: center;
        width: 100%
    }

    #footer .links-social h4 {
        line-height: 20px !important;
        padding: 6px 30px 6px 0 !important
    }

    #footer .links-social ul {
        padding: 0
    }

    #footer .links-social ul li {
        font-size: 12px;
        height: 32px;
        width: 32px
    }

    #footer .links-social ul li+li {
        margin-left: 16px
    }

    #footer .links-social ul li a {
        border-width: 1px;
        line-height: 30px
    }

    #footer .links-social ul li .iccons-instagram {
        font-size: 15px;
        top: 1px
    }

    #footer .links-social ul li .iccons-facebook {
        font-size: 13px
    }

    #footer .lower {
        display: block
    }

    #footer .lower:before {
        display: none
    }

    #footer .lower .partners {
        margin-bottom: 45px;
        text-align: center
    }

    #footer .lower .partners ul li {
        margin: 15px
    }

    #footer .lower .legals {
        text-align: center
    }

    #footer .lower .legals ul {
        padding: 0
    }

    #footer .lower .legals ul li {
        font-size: 12px;
        margin: 6px 0;
        padding: 0 10px
    }

    #footer .lower .legals ul li:last-child {
        width: 100%
    }
}

@media (max-width:479px) {
    #top-categories .top-categories>li {
        max-width: none;
        min-width: 0;
        padding: 10px;
        text-align: center;
        width: 50%
    }

    .icon-listing>li {
        width: 100%
    }

    .horizontal-form {
        flex-wrap: wrap
    }

    .horizontal-form .form-row {
        flex: none;
        width: 100%
    }

    .horizontal-form .form-row.submit,
    .horizontal-form .form-row.submit button {
        width: 100%
    }

    #partner-grid {
        padding: 0 10px
    }

    #partner-grid .partner-grid>li {
        border-right: none;
        width: 100%
    }
}

@media (min-width:480px) and (max-width:767px) {
    .horizontal-form {
        flex-wrap: wrap
    }

    .horizontal-form .form-row {
        flex: none;
        width: 50%
    }

    .horizontal-form .form-row.submit,
    .horizontal-form .form-row.submit button {
        width: 100%
    }

    #dealer-search-form .form-row.submit {
        flex: 1
    }

    #dealer-search-form .form-row.listing-type {
        padding-left: 20px;
        width: 120px
    }

    .content-section.results-legend ul {
        display: block
    }

    .content-section.results-legend ul>li {
        width: 100%
    }

    #footer .links-products {
        width: 45%
    }

    #footer .links-support {
        display: block;
        width: 55%
    }
}

@media (min-width:768px) and (max-width:1200px) {
    #header .mobile-menu {
        padding-top: 60px
    }

    #header .mobile-menu:before {
        background: #e30613;
        content: " ";
        height: 85px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    #header .mobile-menu ul>li>.children h3 {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 17px;
        padding-top: 17px
    }

    #header .mobile-menu ul>li>.children>ul {
        padding-top: 60px
    }

    #header .mobile-menu ul>li a {
        line-height: 26px;
        padding-bottom: 17px;
        padding-top: 17px
    }

    #header #top-nav {
        padding-left: 0;
        padding-right: 10px;
        width: auto
    }

    section {
        margin-bottom: 60px
    }

    #hero #breadcrumbs {
        display: none;
        left: 20px;
        top: 25px
    }

    #top-categories {
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px
    }

    #top-categories .top-categories {
        flex-wrap: wrap;
        justify-content: center;
        margin: -15px 0
    }

    #top-categories .top-categories>li {
        flex: none;
        padding: 15px 10px;
        width: 11%
    }

    #top-categories .top-categories>li a {
        padding: 15px 0
    }

    #top-categories .top-categories>li a h4 {
        display: block;
        font-size: 14px;
        width: 100%
    }

    #top-categories .top-categories>li a .iccons {
        font-size: 50px
    }

    .accordion-listing {
        margin-bottom: 0
    }

    .child-grid-listing .grid-element .details h4 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .child-grid-listing .grid-element .details .content {
        font-size: 13px;
        line-height: 1.5em;
        margin-bottom: 24px
    }

    .news-listing {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 10px
    }

    .news-listing>li {
        max-width: 420px;
        min-width: 326px
    }

    #testimonials {
        margin-bottom: 60px
    }

    #testimonials.static #testimonials-listing {
        display: block
    }

    #testimonials.static #testimonials-listing .testimonial .inner {
        padding: 45px 30px
    }

    .testimonials,
    .testimonials .testimonial {
        border-radius: 0
    }

    .testimonials .testimonial .inner {
        max-width: 560px
    }

    .testimonials .testimonial .inner .content {
        font-size: 16px
    }

    .testimonials .testimonial .image {
        height: 100%;
        padding-bottom: 45px
    }

    .testimonials-container .scroll-previous {
        margin-left: 10px
    }

    .testimonials-container .scroll-next {
        margin-right: 10px
    }

    #testimonials-pagination {
        bottom: 30px
    }

    #our-team .team-container {
        margin: 0 auto;
        max-width: 860px;
        padding: 0 100px
    }

    #our-team .team-container .scroll-previous {
        margin-left: 20px
    }

    #our-team .team-container .scroll-next {
        margin-right: 20px
    }

    #our-team .team-members .team-member {
        width: 50%
    }

    #our-team .team-members .team-member .details {
        bottom: 30px;
        top: auto;
        width: 100%
    }

    #our-team .team-members .team-member .details h4 {
        font-size: 21px;
        margin-bottom: 6px
    }

    #our-team .team-members .team-member .details .title {
        margin-bottom: 20px
    }

    #our-team .team-members .team-member .details .email,
    #our-team .team-members .team-member .details .phone {
        margin: 0 0 6px
    }

    .image-feature .container {
        border-radius: 0
    }

    #content,
    #partner-grid {
        padding: 0 10px
    }

    #content {
        margin-bottom: 30px
    }

    #content>.container {
        border-radius: 4px
    }

    #content>.pagination-container {
        margin-bottom: 106px;
        padding-bottom: 0
    }

    #content.contact-us #primary {
        padding: 50px 40px
    }

    #featured-products>.tab-container>.container {
        border-radius: 0
    }

    #featured-product-tab-content .tab-content {
        padding-left: 20px;
        padding-right: 20px
    }

    #featured-product-tab-content .tab-content.active {
        padding-top: 0
    }

    #featured-product-tab-content .tab-content>.container {
        padding-bottom: 0;
        padding-top: 20px
    }

    #featured-product-tab-content .tab-content>.container .cta {
        text-align: center
    }

    .product-listing {
        justify-content: center
    }

    .product-listing.four-column:not(.list)>li {
        max-width: 330px;
        min-width: 280px;
        width: 33.3333%
    }

    #category-hero .content {
        font-size: 13px;
        left: auto;
        margin: 0 auto;
        padding: 45px 30px;
        position: relative;
        top: auto;
        transform: translate(0);
        -ms-transform: translate(0);
        -webkit-transform: translate(0)
    }

    #category-hero .content h1 {
        font-size: 26px;
        margin-bottom: 15px
    }

    #category-hero .background-container {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .section-category-listing #breadcrumbs-container #breadcrumbs {
        display: block;
        padding: 20px 10px;
        text-align: center
    }

    #content+#top-categories {
        margin-top: 45px
    }

    #content.product-details {
        padding: 0 10px
    }

    #content.product-details #primary {
        padding: 24px 10px 10px
    }

    #content.product-details #primary .cta-back,
    #content.product-details #primary .cta-specs {
        display: none
    }

    #content.product-details #primary .cta-email {
        right: 30px;
        top: 115px
    }

    #content.product-details #primary .cta-share {
        right: 30px;
        top: 80px
    }

    #content.product-details h1 {
        font-size: 25px;
        line-height: 1.2em;
        padding: 0 20px;
        text-align: center
    }

    #content.product-details #product-info>.images {
        display: block;
        margin: 0 auto;
        max-width: 600px;
        width: 100%
    }

    #content.product-details #product-info>.images .product-images {
        max-width: 510px;
        padding: 0 50px
    }

    #content.product-details #product-info>.images .product-images .scroll-previous {
        margin-left: 0
    }

    #content.product-details #product-info>.images .product-images .scroll-next {
        margin-right: 0
    }

    #content.product-details #product-info>.summary {
        font-size: 0;
        padding: 30px 0 0;
        width: 100%
    }

    #content.product-details #product-info>.summary>.content,
    #content.product-details #product-info>.summary>h4 {
        padding-left: 10px;
        padding-right: 10px
    }

    #content.product-details #product-info>.summary .certifications {
        padding: 10px
    }

    #content.product-details #product-info>.summary .actions {
        display: inline-block;
        font-size: 14px;
        margin: 0;
        padding: 20px 20px 0 0;
        vertical-align: top;
        width: 50%
    }

    #content.product-details #product-info>.summary .actions .btn {
        display: block;
        width: 100%
    }

    #content.product-details #product-info>.summary .actions .product-list,
    #content.product-details #product-info>.summary .actions .related-products {
        display: block;
        margin: 0
    }

    #content.product-details #product-info>.summary .actions .related-products {
        margin-top: 20px
    }

    #content.product-details #product-info>.summary .sitebox {
        display: inline-block;
        font-size: 14px;
        margin: 0;
        vertical-align: top;
        width: 50%
    }

    #content.product-details #product-info>.summary .sitebox .btn {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .add-settings {
        padding: 20px 15px 0 20px;
        text-align: center
    }

    #content.product-details #product-info>.summary .sitebox .upper {
        display: block;
        padding: 20px 15px 20px 20px
    }

    #content.product-details #product-info>.summary .sitebox .upper .cta {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .upper .supporting {
        padding: 20px 0 0
    }

    #content.product-details #product-info>.summary .sitebox .lower {
        display: block;
        padding: 20px 20px 20px 15px
    }

    #content.product-details #product-info>.summary .sitebox .lower .add-to-sitebox,
    #content.product-details #product-info>.summary .sitebox .lower .cta {
        width: 100%
    }

    #content.product-details #product-info>.summary .sitebox .lower .supporting {
        padding: 20px 0 0
    }

    #product-extended-info {
        box-shadow: none;
        margin-bottom: 30px;
        padding: 0 10px
    }

    #product-extended-info>.tab-container {
        display: none
    }

    #product-extended-info #product-tab-content {
        background: none
    }

    #product-extended-info #product-tab-content .tab-content>.container {
        background: #fff;
        border-radius: 4px;
        margin: 4px 0 12px
    }

    .tab-content.active {
        padding-top: 0
    }

    .tab-content>.container {
        padding: 24px 20px 20px
    }

    #tab-specifications>.container {
        padding: 15px 0 !important
    }

    #tab-specifications .disclaimers {
        line-height: 1.3em;
        padding: 20px 20px 10px
    }

    .product-specs {
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .product-specs>.inner {
        font-size: 0;
        overflow: hidden
    }

    .product-specs.mode-adhesives {
        overflow: hidden;
        padding: 0 30px 0 200px;
        white-space: nowrap
    }

    .product-specs.mode-adhesives .pagination-helper {
        display: block
    }

    .product-specs.mode-adhesives .pagination-helper.page-previous {
        left: 200px
    }

    .product-specs.mode-adhesives .row {
        display: block;
        font-size: 0;
        position: static;
        white-space: nowrap
    }

    .product-specs.mode-adhesives .row.image {
        display: none
    }

    .product-specs.mode-adhesives .row.select .attribute {
        position: relative;
        z-index: 10
    }

    .product-specs.mode-adhesives .row.select .attribute .select2.select2-container {
        width: 80px !important
    }

    .product-specs.mode-adhesives .row.select .attribute .select2.select2-container>.selection>.select2-selection {
        line-height: 20px;
        width: 100%
    }

    .product-specs.mode-adhesives .row .header {
        border: 0;
        font-size: 12px;
        left: 0;
        overflow: hidden;
        padding: 6px 30px 6px 18px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 200px
    }

    .product-specs.mode-adhesives .row .header>.iccons {
        display: none
    }

    .product-specs.mode-adhesives .row .attribute {
        border: 0;
        display: inline-block;
        font-size: 12px;
        min-height: 34px;
        padding: 6px 9px;
        transition: margin .2s ease-in;
        -o-transition: margin .2s ease-in;
        -ms-transition: margin .2s ease-in;
        -moz-transition: margin .2s ease-in;
        -webkit-transition: margin .2s ease-in;
        vertical-align: top;
        white-space: normal;
        width: 50%
    }

    .product-specs.mode-adhesives .row .attribute:nth-child(odd) {
        background: transparent
    }

    .product-specs.mode-adhesives .row .attribute.quantity input {
        height: 24px;
        max-width: 80px;
        padding: 0 9px;
        top: auto
    }

    .product-specs.mode-adhesives .row .attribute.add-to-sitebox {
        padding: 6px 9px
    }

    .product-specs.mode-adhesives .row .attribute.add-to-sitebox button {
        max-width: none
    }

    .product-specs.mode-material,
    .product-specs.mode-standard {
        overflow: hidden;
        padding: 0 30px 0 200px;
        white-space: nowrap
    }

    .product-specs.mode-material .pagination-helper,
    .product-specs.mode-standard .pagination-helper {
        display: block
    }

    .product-specs.mode-material .pagination-helper.page-previous,
    .product-specs.mode-standard .pagination-helper.page-previous {
        left: 200px
    }

    .product-specs.mode-material .row,
    .product-specs.mode-standard .row {
        display: block;
        font-size: 12px;
        transition: margin .2s ease-in;
        -o-transition: margin .2s ease-in;
        -ms-transition: margin .2s ease-in;
        -moz-transition: margin .2s ease-in;
        -webkit-transition: margin .2s ease-in
    }

    .product-specs.mode-material .row.material-header,
    .product-specs.mode-standard .row.material-header {
        display: none
    }

    .product-specs.mode-material .row.header,
    .product-specs.mode-standard .row.header {
        display: block;
        left: 0;
        position: absolute;
        white-space: normal;
        width: 200px
    }

    .product-specs.mode-material .row.header:before,
    .product-specs.mode-standard .row.header:before {
        display: none
    }

    .product-specs.mode-material .row.header>div,
    .product-specs.mode-standard .row.header>div {
        padding: 6px 30px 6px 18px
    }

    .product-specs.mode-material .row.header>div>.iccons,
    .product-specs.mode-standard .row.header>div>.iccons {
        display: none
    }

    .product-specs.mode-material .row.product-spec,
    .product-specs.mode-standard .row.product-spec {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .product-specs.mode-material .row.product-spec:before,
    .product-specs.mode-standard .row.product-spec:before {
        display: none
    }

    .product-specs.mode-material .row.product-spec:hover .part-number>.material,
    .product-specs.mode-standard .row.product-spec:hover .part-number>.material {
        background: transparent !important
    }

    .product-specs.mode-material .row.product-spec .part-number,
    .product-specs.mode-standard .row.product-spec .part-number {
        width: 100%
    }

    .product-specs.mode-material .row.product-spec .part-number>.material,
    .product-specs.mode-standard .row.product-spec .part-number>.material {
        background: transparent;
        display: none;
        padding: 6px 9px;
        text-align: left
    }

    .product-specs.mode-material .row.product-spec .part-number>.material:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material:after {
        display: inline-block;
        margin-left: 6px;
        vertical-align: top
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.zinc:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.zinc:after {
        color: #e2ca01;
        content: " (ZINC)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.gal:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.gal:after {
        color: #0579dc;
        content: " (GAL)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.ss:after,
    .product-specs.mode-standard .row.product-spec .part-number>.material.ss:after {
        color: #7dc210;
        content: " (SS)"
    }

    .product-specs.mode-material .row.product-spec .part-number>.material>span,
    .product-specs.mode-standard .row.product-spec .part-number>.material>span {
        display: inline-block;
        vertical-align: top
    }

    .product-specs.mode-material .row.product-spec .part-number>.material.populated,
    .product-specs.mode-standard .row.product-spec .part-number>.material.populated {
        display: block
    }

    .product-specs.mode-material .row.product-spec .product-name,
    .product-specs.mode-standard .row.product-spec .product-name {
        padding: 6px 9px
    }

    .product-specs.mode-material .row.product-spec .quantity,
    .product-specs.mode-standard .row.product-spec .quantity {
        padding: 2px 9px
    }

    .product-specs.mode-material .row.product-spec .quantity input,
    .product-specs.mode-standard .row.product-spec .quantity input {
        height: 24px;
        max-width: 80px;
        padding: 0 9px;
        top: auto
    }

    .product-specs.mode-material .row.product-spec .price,
    .product-specs.mode-standard .row.product-spec .price {
        width: auto
    }

    .product-specs.mode-material .row.product-spec .price [data-linked-qty],
    .product-specs.mode-standard .row.product-spec .price [data-linked-qty] {
        display: inline;
        margin-right: 6px;
        max-width: none
    }

    .product-specs.mode-material .row:after,
    .product-specs.mode-standard .row:after {
        display: none
    }

    .product-specs.mode-material .row:last-child,
    .product-specs.mode-standard .row:last-child {
        padding-bottom: 0
    }

    .product-specs.mode-material .row>div,
    .product-specs.mode-standard .row>div {
        overflow: hidden;
        padding: 6px 9px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .product-specs.mode-material .row .add-to-sitebox,
    .product-specs.mode-standard .row .add-to-sitebox {
        padding-bottom: 0;
        width: auto
    }

    .product-specs.mode-material .row .add-to-sitebox button,
    .product-specs.mode-standard .row .add-to-sitebox button {
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    #related-products {
        padding: 0 10px
    }

    #related-products h3 {
        font-size: 20px
    }

    #tab-video .video-container {
        float: none;
        height: 315px;
        margin: 30px auto;
        overflow: hidden;
        position: relative;
        text-align: center
    }

    #tab-video .video-container iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .formatted {
        font-size: 15px
    }

    .content-section {
        padding-left: 45px;
        padding-right: 45px
    }

    form.styled .form-row.submit {
        text-align: center
    }

    .child-grid-listing .grid-element .details h4 {
        font-size: 24px;
        margin-bottom: 9px
    }

    .child-grid-listing .grid-element .details .content {
        line-height: 1.2em;
        margin-bottom: 15px
    }

    .child-grid-listing .grid-element .details .cta .btn {
        padding: 10px 30px
    }

    .facility-listing .group {
        padding: 50px 20px 0
    }

    .facility-listing .group+.group {
        border-top: 1px solid #f6f6f6
    }

    .facility-listing .group h3 {
        line-height: 1em;
        margin-bottom: 50px
    }

    .facilities {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 -10px
    }

    .facilities>li {
        display: block;
        flex: 1;
        max-width: 350px;
        min-width: 280px;
        padding: 0 10px 55px;
        width: 100%
    }

    .facilities>li+li {
        margin: 0
    }

    .facilities .details {
        padding: 0 20px
    }

    .facilities .image {
        padding-top: 0;
        width: 100%
    }

    .facilities .image img {
        width: 100%
    }

    .facilities .cta {
        margin-top: 20px;
        padding-top: 0;
        width: 100%
    }

    #content.facility #primary {
        padding-bottom: 10px;
        position: relative
    }

    #content.facility #primary h3 {
        text-align: center
    }

    #content.facility .facility-location .address-container {
        width: 45%
    }

    #content.facility .facility-location .gmap-container {
        width: 55%
    }

    .product-listing.four-column:not(.list)>li {
        width: 50%
    }

    #partner-grid {
        padding: 0 10px
    }

    #partner-grid .partner-grid>li {
        width: 33.33333%
    }

    #partner-grid .partner-grid>li:nth-child(4n) {
        border-right: 1px solid #f6f6f6
    }

    #partner-grid .partner-grid>li:nth-child(3n) {
        border-right: none
    }

    .news-listing {
        flex-wrap: wrap;
        padding: 0 10px
    }

    .news-listing>li {
        min-width: 350px;
        width: 50%
    }

    .news-listing>li+li+li {
        display: none
    }

    #news-listing .news-listing>li+li+li {
        display: block
    }

    #content.contact-us #primary {
        display: block;
        padding-left: 30px;
        padding-right: 30px
    }

    #content.contact-us #primary .location-list {
        padding-right: 0;
        width: 100%
    }

    #content.contact-us #primary .location-list .office-locations {
        display: flex;
        flex-wrap: wrap
    }

    #content.contact-us #primary .location-list .office-locations>li {
        width: 50%
    }

    #content.contact-us #primary .location-list .office-locations>li:nth-child(2) {
        border-top: none;
        margin-top: 0;
        padding-top: 0
    }

    #content.contact-us #primary .location-list .office-locations>li dl {
        max-width: 310px
    }

    #content.contact-us #primary .contact-form {
        margin-top: 45px
    }

    .dealer-listing .dealer-details {
        padding-left: 0;
        padding-right: 40px
    }

    .dealer-listing .dealer-details:before {
        left: auto;
        margin-right: 12px;
        position: relative;
        top: auto
    }

    .dealer-listing .dealer-details .name,
    .dealer-listing .dealer-details .type,
    .dealer-listing .dealer-details:before {
        display: inline-block;
        line-height: 30px;
        vertical-align: top
    }

    .dealer-listing .dealer-contact {
        padding-right: 40px
    }

    .pagination.upper .title {
        content: " ";
        font-size: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }

    .pagination .filters+ul {
        display: none
    }

    #top-categories .top-categories>li {
        width: 20%
    }

    #footer {
        padding-top: 20px
    }

    #footer .links-container {
        border-bottom: 0;
        display: block;
        margin: 0;
        padding-bottom: 0
    }

    #footer .links-container .column {
        border-bottom: 1px solid #595959;
        width: 100%
    }

    #footer .links-container .column h4 {
        font-size: 15px;
        margin-bottom: 0;
        padding: 12px 45px 12px 6px;
        position: relative
    }

    #footer .links-container .column h4[data-click-toggle-class=active] {
        cursor: pointer
    }

    #footer .links-container .column h4[data-click-toggle-class=active]:before {
        font-family: ICCONS;
        font-size: 12px;
        position: absolute;
        right: 6px;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in
    }

    #footer .links-container .column h4[data-click-toggle-class=active].active:before {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }

    #footer .links-container .column h4[data-click-toggle-class=active].active+ul {
        max-height: 300px;
        opacity: 1;
        padding-bottom: 12px
    }

    #footer .links-container .column h4[data-click-toggle-class=active]+ul {
        display: flex;
        flex-wrap: wrap;
        max-height: 0;
        opacity: 1;
        overflow: hidden;
        padding: 0 20px;
        transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in
    }

    #footer .links-container .column h4[data-click-toggle-class=active]+ul>li {
        width: 33.333%
    }

    #footer .links-social {
        display: flex;
        padding: 12px 6px;
        text-align: center;
        width: 100%
    }

    #footer .links-social h4 {
        flex: 1;
        line-height: 20px !important;
        padding: 6px 30px 6px 0 !important;
        text-align: left
    }

    #footer .links-social ul {
        padding: 0
    }

    #footer .links-social ul li {
        font-size: 12px;
        height: 32px;
        width: 32px
    }

    #footer .links-social ul li+li {
        margin-left: 16px
    }

    #footer .links-social ul li a {
        border-width: 1px;
        line-height: 30px
    }

    #footer .links-social ul li .iccons-instagram {
        font-size: 15px;
        top: 1px
    }

    #footer .links-social ul li .iccons-facebook {
        font-size: 13px
    }

    #footer .lower:before {
        display: none
    }

    #footer .lower .partners {
        flex: 1;
        text-align: left
    }

    #footer .lower .partners ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px
    }

    #footer .lower .partners ul li {
        margin: 15px
    }

    #footer .lower .legals {
        flex: none;
        padding: 14px 0 0;
        text-align: right;
        width: 320px
    }

    #footer .lower .legals ul {
        padding: 0
    }

    #footer .lower .legals ul li {
        font-size: 12px;
        margin: 3px 0 !important;
        padding: 0 10px
    }

    #footer .lower .legals ul li:last-child {
        width: 100%
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .facility-listing .group {
        margin: 0 auto;
        max-width: 1080px;
        padding-left: 30px;
        padding-right: 30px
    }

    .facilities .facility .details {
        padding-left: 60px;
        padding-right: 60px
    }

    #our-team .team-container {
        max-width: 1190px
    }

    #our-team .team-members .team-member,
    .product-specs.mode-adhesives .row .attribute,
    .product-specs.mode-material .row.product-spec,
    .product-specs.mode-standard .row.product-spec {
        width: 33.3333%
    }

    #footer .lower .legals ul {
        padding: 6px 0
    }

    #footer .lower .legals ul>li:last-child {
        margin: 6px 0 0;
        width: 100%
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/f2f21d9364114e6d8a6eff30c4e5ccd1.woff") format("woff")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-transform: none;
    transition-duration: .15s;
    transition-property: opacity, filter;
    transition-timing-function: linear
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #000
}

.hamburger-box {
    display: inline-block;
    height: 22px;
    position: relative;
    width: 26px
}

.hamburger-inner {
    display: block;
    margin-top: -2px;
    top: 50%
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: #000;
    border-radius: 4px;
    height: 4px;
    position: absolute;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 26px
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -9px
}

.hamburger-inner:after {
    bottom: -9px
}

.hamburger--3dx .hamburger-box {
    perspective: 52px
}

.hamburger--3dx .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    perspective: 52px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    perspective: 52px
}

.hamburger--3dy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    perspective: 52px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
    perspective: 52px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg)
}

.hamburger--3dxy.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
    perspective: 52px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotate(-180deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-5.2px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-5.2px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(5.2px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(5.2px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(-5.2px, -6.5px, 0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(-5.2px, 6.5px, 0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(5.2px, -6.5px, 0) rotate(45deg) scaleX(.7);
    transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(5.2px, 6.5px, 0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    bottom: 0;
    top: auto;
    transition-delay: .13s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
    top: -18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -9px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--collapse-r .hamburger-inner {
    bottom: 0;
    top: auto;
    transition-delay: .13s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -9px, 0) rotate(45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 9px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 18px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 9px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
    opacity: 0;
    transition-delay: 0s
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transform: translate3d(0, -18px, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 9px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 18px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 9px, 0) rotate(-135deg);
    transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    opacity: 0;
    transition-delay: 0s
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -18px, 0) rotate(270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    right: 0;
    top: 9px;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    background-color: transparent !important;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -52px;
    top: -52px;
    transform: translate3d(52px, 52px, 0) rotate(45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -52px;
    top: -52px;
    transform: translate3d(-52px, 52px, 0) rotate(-45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
    right: 0;
    top: 9px;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    left: -52px;
    top: 52px;
    transform: translate3d(52px, -52px, 0) rotate(-45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    right: -52px;
    top: 52px;
    transform: translate3d(-52px, -52px, 0) rotate(45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
    transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
    opacity: 0;
    transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 9px;
    transition-duration: .15s;
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.hamburger--slider .hamburger-inner:after {
    top: 18px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    opacity: 0;
    transform: rotate(-45deg) translate3d(-3.7142857143px, -5px, 0)
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0, -18px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 9px;
    transition-duration: .15s;
    transition-property: transform, opacity;
    transition-timing-function: ease
}

.hamburger--slider-r .hamburger-inner:after {
    top: 18px
}

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 9px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    opacity: 0;
    transform: rotate(45deg) translate3d(3.7142857143px, -5px, 0)
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    transform: translate3d(0, -18px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 9px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    background-color: transparent !important;
    transition-delay: .22s
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(0, 9px, 0) rotate(45deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transform: translate3d(0, 9px, 0) rotate(-45deg);
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--spring-r .hamburger-inner {
    bottom: 0;
    top: auto;
    transition-delay: 0s;
    transition-duration: .13s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
    top: -18px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -9px, 0) rotate(-45deg);
    transition-delay: .22s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    opacity: 0;
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(90deg);
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotate(90deg);
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r .hamburger-inner {
    transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotate(-90deg);
    transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0;
    transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
    transition-delay: .1s;
    transition-duration: 0s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
    transition-delay: .1s;
    transition-duration: 0s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    opacity: 0;
    top: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg)
}

.select2-container--personas .select2-selection--single {
    background-color: transparent;
    border-bottom: 2px solid #e30613 !important;
    border-radius: 0;
    height: auto;
    margin-bottom: .35rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 1.5rem;
    position: relative;
    z-index: 2
}

.select2-container--personas .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.8rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    white-space: break-spaces
}

@media (min-width:768px) {
    .select2-container--personas .select2-selection--single .select2-selection__rendered {
        font-size: 2.1875rem;
        line-height: 2.5rem
    }
}

.select2-container--personas .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--personas .select2-selection--single .select2-selection__placeholder {
    color: #fff
}

.select2-container--personas .select2-selection--single .select2-selection__arrow {
    height: 30px;
    position: absolute;
    right: -3px;
    top: 10px;
    width: 30px
}

.select2-container--personas .select2-selection--single .select2-selection__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.281 12.735'%3E%3Cpath d='M10.641 12.03.709 2.13 2.139.707l8.524 8.534L19.166.73l1.407 1.403Z' fill='%23fff' stroke='%23fff'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    height: 1.25rem;
    width: 1.25rem
}

.select2-container--personas .select2-selection--single .select2-selection__arrow b {
    border-color: #283891 transparent transparent;
    border-style: solid;
    border-width: 10px 8px 0;
    height: 0;
    left: 50%;
    margin-left: -22px;
    margin-top: 9px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--personas .select2-selection--single .select2-selection__arrow b:after {
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 10px 8px 0;
    content: "";
    height: 0;
    left: -8px;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: -14px;
    width: 0
}

.select2-container--personas[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--personas[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--personas.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--personas.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--personas.select2-container--open .select2-selection--single {
    border-bottom: 0
}

.select2-container--personas.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #283891;
    border-width: 0 8px 10px
}

.select2-container--personas.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 0 8px 10px;
    content: "";
    height: 0;
    left: -8px;
    margin-left: 0;
    margin-top: 4px;
    position: absolute;
    top: 0;
    width: 0
}

.select2-container--personas .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--personas .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--personas .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--personas .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px
}

.select2-container--personas .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--personas .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--personas .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--personas[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--personas[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--personas[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--personas[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--personas.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--personas.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--personas.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--personas.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--personas.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--personas.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--personas.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--personas .select2-search--dropdown .select2-search__field {
    border: none
}

.select2-container--personas .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--personas .select2-results>.select2-results__options {
    max-height: 400px;
    overflow-y: auto
}

.select2-container--personas .select2-results__option {
    border-radius: 1px;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0 .5rem;
    padding: .65rem .75rem
}

.select2-container--personas .select2-results__option[role=group] {
    padding: 0
}

.select2-container--personas .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--personas .select2-results__option[aria-selected=true] {
    background-color: #fff;
    color: #000
}

.select2-container--personas .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--personas .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--personas .select2-results__option--highlighted[aria-selected] {
    background-color: #e30613;
    color: #fff;
    font-size: 2rem
}

.select2-container--personas .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--personas .select2-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-top: 0;
    margin-top: 0;
    min-width: 16.5rem;
    padding-bottom: 0;
    top: -1px;
    z-index: 5
}

@media (min-width:768px) {
    .select2-container--personas .select2-dropdown {
        min-width: 26rem
    }
}

.select2-container--personas .select2-dropdown .select2-results>ul>li {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px
}

.select2-container--personas .select2-dropdown .select2-results>ul>li.select2-results__option--highlighted {
    color: #fff
}

.anchor-armour-globals {
    scroll-behavior: smooth;
    scrollbar-gutter: stable
}

.anchor-armour-globals [x-cloak] {
    display: none !important
}

.anchor-armour-globals a {
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.anchor-armour-globals .gslide-video {
    border-radius: .5rem;
    overflow: hidden
}

.anchor-armour-globals .anchor-armour-padded-content {
    padding-top: 200px !important
}

.anchor-armour-globals .tw-flip-x {
    transform: rotateY(180deg)
}

.anchor-armour-globals .tw-flip-y {
    transform: rotateX(180deg)
}

.anchor-armour-globals .scoller-3d-sup-text sup {
    font-size: 1.375rem;
    font-weight: 500
}

.anchor-armour-globals .scoller-3d-sup-text p sup {
    font-size: .875rem
}

.aa-link.aa-link-underline {
    position: relative
}

.aa-link.aa-link-underline,
.aa-link.aa-link-underline:before {
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.aa-link.aa-link-underline:before {
    --tw-bg-opacity: 1;
    background-color: rgb(227 6 19/var(--tw-bg-opacity, 1));
    bottom: 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 0;
    margin-left: .1rem;
    position: absolute;
    width: 100%
}

.aa-link-red {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.aa-link-red:hover {
    --tw-text-opacity: 1;
    color: rgb(233 233 233/var(--tw-text-opacity, 1))
}

.aa-link-red:hover:before {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.aa-benefits-panel .swiper-slide-active dt svg {
    fill: #e30613
}

.aa-benefits-panel .swiper-slide-active dd {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width:1024px) {
    .aa-benefits-panel .swiper-slide-active dt svg {
        fill: currentColor
    }

    .aa-benefits-panel .swiper-slide-active dd {
        --tw-text-opacity: 1;
        color: rgb(176 176 176/var(--tw-text-opacity, 1))
    }
}

.accordion-component dt span {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform-origin: center;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.accordion-component dt.is-active span {
    --tw-rotate: 90deg;
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.accordion-component dt.is-active span,
.accordion-component dt.is-active+dd {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.accordion-component dt.is-active+dd {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    max-height: 100%;
    opacity: 1
}

.accordion-component dt.accordion-item-simple {
    --tw-text-opacity: 1;
    border-top: 1px solid #b0b0b0;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 500;
    padding-bottom: 1.25rem;
    padding-right: 30px;
    padding-top: 1.25rem;
    position: relative;
    width: 100%
}

.accordion-component dt.accordion-item-simple:after,
.accordion-component dt.accordion-item-simple:before {
    background: #666;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 34px;
    transform-origin: 50% 50%;
    transition: all .15s ease-in;
    width: 16px
}

.accordion-component dt.accordion-item-simple:after {
    transform: rotate(90deg)
}

.accordion-component dt.accordion-item-simple.is-active {
    border-color: #e30613
}

.accordion-component dt.accordion-item-simple.is-active:before {
    opacity: 0;
    transform: rotate(90deg)
}

.accordion-component dt.accordion-item-simple.is-active:after {
    transform: rotate(180deg)
}

.accordion-component dd.accordion-item-simple {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    border-bottom: 1px solid #e30613;
    max-height: 0;
    opacity: 0;
    position: relative;
    top: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 8
}

.accordion-component dd.accordion-item-simple>div {
    padding-bottom: 2.5rem
}

.accordion-component.accordion-simple dl {
    border-bottom: 1px solid #b0b0b0;
    line-height: 1.625
}

#hero.anchor-armour-hero {
    height: 500px;
    margin-top: 3rem;
    padding-top: 5rem !important
}

@media (min-width:640px) {
    #hero.anchor-armour-hero {
        margin-top: 0;
        padding-top: 12.25rem !important
    }
}

@media (min-width:1200px) {
    #hero.anchor-armour-hero {
        padding-top: 16rem !important
    }
}

@media (min-width:1568px) {
    #hero.anchor-armour-hero {
        padding-top: 13.1rem !important
    }
}

#hero.anchor-armour-hero #breadcrumbs {
    display: none
}

@media (min-width:768px) {
    #hero.anchor-armour-hero #breadcrumbs {
        display: block
    }
}

#hero.anchor-armour-hero .anchor-armour-hero-heading {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 100px 20px 0
}

#hero.anchor-armour-hero .anchor-armour-hero-heading h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    text-align: center
}

#hero.anchor-armour-hero .anchor-armour-hero-heading p {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    margin-top: 28px;
    max-width: 550px;
    text-align: center
}

#hero.anchor-armour-hero .iccons-custom {
    margin-right: 1.5rem;
    opacity: .5;
    width: 60px
}

.merchandise-checkout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1296px;
    position: relative
}

.merchandise-checkout .merchandise-checkout-success {
    border: 1px solid #7dc210;
    border-radius: .25rem;
    padding: 2.5rem
}

.merchandise-checkout .merchandise-checkout-success h4 {
    margin-bottom: 1rem
}

.merchandise-checkout-loader {
    align-items: center;
    background: hsla(0, 0%, 100%, .75);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 999
}

.merchandise-checkout-loader svg {
    max-width: 140px
}

.merchandise-checkout-panel {
    margin-bottom: 1.5rem
}

.merchandise-checkout-panel>header {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(176 176 176/var(--tw-bg-opacity, 1));
    border-radius: .375rem;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: -3px;
    padding: 1.25rem 2rem
}

.merchandise-checkout-panel>header span {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    font-size: .875rem
}

.merchandise-checkout-panel>header.editable {
    cursor: pointer
}

.merchandise-checkout-panel hr {
    --tw-border-opacity: 1;
    border-color: rgb(233 233 233/var(--tw-border-opacity, 1))
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: all .5s ease;
    visibility: hidden
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper .select2 .select2-selection {
    min-height: 48px
}

.merchandise-checkout-panel.is-active>header {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(39 39 39/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.merchandise-checkout-panel.is-active .merchandise-checkout-panel-wrapper {
    max-height: 100%;
    pointer-events: auto;
    visibility: visible
}

.merchandise-checkout-panel main>section {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1));
    margin-bottom: 0 !important;
    padding: 2.5rem 2rem;
    position: relative
}

@media (min-width:1024px) {
    .merchandise-checkout-panel main>section {
        padding: 3rem 3.75rem
    }
}

.merchandise-checkout-panel main>section.compact {
    padding-left: 25px;
    padding-right: 25px
}

.merchandise-checkout-panel main>section.no-padding-bottom {
    padding-bottom: 0
}

.merchandise-checkout-panel main>section.separated {
    border-bottom: 1px solid #e9e9e9
}

.merchandise-checkout-panel .merchandise-checkout-error {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(238 198 199/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    color: rgb(227 6 19/var(--tw-text-opacity, 1));
    padding: 2.5rem
}

.merchandise-checkout-panel .merchandise-checkout-grid-container .ps {
    height: 542px
}

.merchandise-checkout-panel .merchandise-checkout-grid-container .ps_rail-y {
    background-color: #e9e9e9
}

.merchandise-checkout-panel .merchandise-checkout-grid-container .ps__thumb-y {
    background-color: #e30613 !important
}

.merchandise-checkout-panel .merchandise-checkout-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    overflow-x: hidden;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-grid {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-grid {
        left: 20px;
        padding-left: 0;
        padding-right: 40px;
        position: relative
    }
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .078);
    cursor: pointer;
    display: flex;
    flex: 0 1 calc(20% - 16px);
    flex-direction: column;
    height: 280px;
    justify-content: center;
    margin: 8px;
    padding: 1.25rem;
    position: relative
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item {
        flex: 0 1 calc(50% - 16px)
    }
}

@media (max-width:640px) {
    .merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item {
        flex: 0 1 100%
    }
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a {
    align-items: center;
    border: 3px solid transparent;
    border-radius: inherit;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 4
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a.selected {
    border-color: #cf2e26
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a.selected h4 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a.selected:before {
    background-color: rgba(0, 0, 0, .7)
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a img {
    margin-top: -1.75rem;
    max-height: 7rem;
    position: relative;
    top: 0;
    z-index: 1
}

@media (min-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a img {
        margin-top: -1.75rem
    }
}

.merchandise-checkout-panel .merchandise-checkout-grid .merchandise-checkout-grid-item>a h4 {
    --tw-text-opacity: 1;
    bottom: 20px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    font-size: .875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    text-align: center;
    z-index: 4
}

.merchandise-checkout-panel .merchandise-checkout-variant-select {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 4
}

.merchandise-checkout-panel .merchandise-checkout-variant-select,
.merchandise-checkout-panel .merchandise-checkout-variant-select * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div {
    position: relative;
    width: 100%
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>span {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 6px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: block;
    min-height: 38px;
    padding: 12px 39px 12px 15px
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>span>span {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>span svg {
    position: absolute;
    right: 15px;
    top: 16px;
    transition: .25s ease;
    width: 12px
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>span.active svg {
    transform: rotate(180deg)
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>div {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border: 1px solid #efefef;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: none;
    padding: 10px 0 1px;
    position: absolute;
    top: 33px;
    width: 100%
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>div li a {
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: block;
    padding: 8px 20px
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>div li a:hover {
    background-color: #eee
}

.merchandise-checkout-panel .merchandise-checkout-variant-select>div>div li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.merchandise-checkout-panel .merchandise-checkout-code {
    display: flex;
    margin: -30px;
    overflow-x: hidden;
    padding-left: 40px;
    padding-right: 40px
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-code {
        flex-direction: column;
        margin: 0
    }
}

.merchandise-checkout-panel .merchandise-checkout-code>aside,
.merchandise-checkout-panel .merchandise-checkout-code>div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin: 30px
}

@media (max-width:1024px) {

    .merchandise-checkout-panel .merchandise-checkout-code>aside,
    .merchandise-checkout-panel .merchandise-checkout-code>div {
        flex: 1 1 100% !important;
        margin: 0 0 30px
    }
}

.merchandise-checkout-panel .merchandise-checkout-code>aside {
    align-items: flex-end;
    flex: 1 1 calc(20% - 60px)
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-code>aside {
        align-items: center
    }
}

.merchandise-checkout-panel .merchandise-checkout-code>aside img {
    max-width: 340px
}

.merchandise-checkout-panel .merchandise-checkout-code label {
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .75rem
}

.merchandise-checkout-panel .merchandise-checkout-code input {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-radius: 4px;
    border-width: 1px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: inline-block;
    padding: .75rem 1.5rem;
    width: 265px
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-code input {
        width: 100%
    }
}

.merchandise-checkout-panel .merchandise-checkout-code input ::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.merchandise-checkout-panel .merchandise-checkout-code input ::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.merchandise-checkout-panel .merchandise-checkout-upload .dropzone.disabled {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1));
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    border-top: 1px solid #e9e9e9;
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    position: relative;
    z-index: 2
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer {
        flex-direction: column
    }
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div {
    justify-content: space-around;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div:first-child a,
.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div:last-child a {
    padding-left: 20px;
    padding-right: 20px;
    width: 200px
}

@media (max-width:1024px) {
    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div {
        margin-bottom: 1rem
    }

    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div a,
    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div div {
        width: 100% !important
    }

    .merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div:last-child {
        margin-bottom: 0
    }
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer>div.merchandise-checkout-panel-footer-middle {
    flex: 1 1 auto
}

.merchandise-checkout-panel .merchandise-checkout-panel-wrapper>footer:before {
    background: transparent linear-gradient(180deg, hsla(0, 0%, 96%, 0), #e9e9e9) 0 0 no-repeat padding-box;
    content: "";
    height: 20px;
    left: 0;
    opacity: .5;
    position: absolute;
    top: -20px;
    width: 100%;
    z-index: 1
}

.merchandise-checkout-user-type-select {
    display: flex;
    justify-content: space-around;
    margin-left: auto;
    margin-right: auto;
    max-width: 855px
}

@media (max-width:768px) {
    .merchandise-checkout-user-type-select {
        flex-direction: column
    }
}

.merchandise-checkout-user-type-select>a {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 10px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.5rem 1.5rem
}

.merchandise-checkout-user-type-select>a:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

@media (max-width:768px) {
    .merchandise-checkout-user-type-select>a:first-child {
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px
    }
}

.merchandise-checkout-user-type-select>a:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

@media (max-width:768px) {
    .merchandise-checkout-user-type-select>a:last-child {
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0
    }
}

.merchandise-checkout-user-type-select>a.selected,
.merchandise-checkout-user-type-select>a:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(227 6 19/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.merchandise-checkout-user-type-select>a h3 {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: .75rem
}

.merchandise-checkout-user-type-select>a p {
    font-size: .875rem
}

.merchandise-checkout-customer-delivery-address .tw-form.tw-form-address {
    grid-template-columns: 100px 35.5% auto
}

@media (max-width:768px) {
    .merchandise-checkout-customer-delivery-address .tw-form.tw-form-address {
        grid-template-columns: none
    }
}

.merchandise-checkout-customer-delivery-address .tw-form.tw-form-address .tw-field-group {
    width: 100%
}

.merchandise-checkout-customer-delivery-address .tw-form.tw-form-address-line-two {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media (max-width:768px) {
    .merchandise-checkout-customer-delivery-address .tw-form.tw-form-address-line-two {
        grid-template-columns: none
    }
}

.merchandise-checkout-customer-delivery-address .tw-form.tw-form-address-line-two .tw-field-group {
    width: 100%
}

.merchandise-checkout-review label {
    display: block;
    margin-bottom: 1.75rem;
    margin-left: auto;
    margin-right: auto
}

.merchandise-checkout-review textarea {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    max-width: 856px;
    min-height: 180px;
    padding: 12px 20px;
    width: 100%
}

.merchandise-checkout-review textarea ::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    font-size: 16px
}

.merchandise-checkout-review textarea ::placeholder {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    font-size: 16px
}

.img-designer {
    background: url(../images/designer-hover.gif) no-repeat;
    background-size: cover
}

.img-tradie {
    background: url(../images/tradie-hover.gif) no-repeat;
    background-size: cover
}

.img-dealer {
    background: url(../images/dealer-hover.gif) no-repeat;
    background-size: cover
}

@media (min-width:768px) {

    .img-dealer:hover img,
    .img-designer:hover img,
    .img-tradie:hover img {
        visibility: hidden !important
    }
}

#hero.anchor-armour-hero.redeem-hero {
    height: 700px
}

@media (min-width:640px) {
    #hero.anchor-armour-hero.redeem-hero {
        height: 500px
    }
}

.redeem-summary {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2.5rem;
    width: 100%
}

.redeem-summary .container>div {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: .5rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 855px;
    width: 100%
}

@media (max-width:640px) {
    .redeem-summary .container>div {
        flex-direction: column;
        margin-bottom: 2rem
    }
}

.redeem-summary .container>div>div {
    align-items: center;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    padding: 1.25rem 2.5rem 1rem
}

.redeem-summary .container>div>div:first-child,
.redeem-summary .container>div>div:last-child {
    border: none
}

.redeem-summary .container>div>div h4 {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1));
    font-size: 1.875rem;
    margin-bottom: .5rem
}

.redeem-summary .container>div>div p {
    font-size: .875rem;
    line-height: 18px;
    text-align: center
}

.anchor-armour-redeem-steps {
    --tw-text-opacity: 1;
    color: rgb(176 176 176/var(--tw-text-opacity, 1));
    display: flex
}

@media (max-width:1024px) {
    .anchor-armour-redeem-steps {
        flex-direction: column
    }
}

.anchor-armour-redeem-steps>div {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    text-align: center
}

@media (max-width:1024px) {
    .anchor-armour-redeem-steps>div {
        margin-bottom: 2rem;
        padding-left: 0;
        padding-right: 0
    }

    .anchor-armour-redeem-steps>div:last-child {
        margin-bottom: 0
    }
}

.anchor-armour-redeem-steps>div:after,
.anchor-armour-redeem-steps>div:before {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1));
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 18px;
    width: calc(50% - 42px)
}

@media (max-width:1024px) {

    .anchor-armour-redeem-steps>div:after,
    .anchor-armour-redeem-steps>div:before {
        display: none
    }
}

.anchor-armour-redeem-steps>div:before {
    left: 0;
    right: auto
}

.anchor-armour-redeem-steps>div:first-child:before,
.anchor-armour-redeem-steps>div:last-child:after {
    display: none
}

.anchor-armour-redeem-steps svg {
    height: 35px;
    margin-bottom: 1.5rem
}

.anchor-armour-redeem-steps h4 {
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: .75rem
}

.anchor-armour-redeem-steps p {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    font-size: .875rem;
    line-height: 1.375;
    max-width: 197px
}

#country+span.select2-container--default .select2-selection--single,
#purchased_from+span.select2-container--default .select2-selection--single {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-style: solid;
    border-width: 1px
}

.tw-field-group.error #country+span.select2-container--default .select2-selection--single,
.tw-field-group.error #purchased_from+span.select2-container--default .select2-selection--single {
    --tw-border-opacity: 1;
    border-color: rgb(227 6 19/var(--tw-border-opacity, 1));
    border-style: solid;
    border-width: 1px
}

.tw-form:not(.tw-form-no-grid) {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1.25rem
}

@media (min-width:768px) {
    .tw-form:not(.tw-form-no-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2.5rem
    }
}

.tw-form.tw-form-tight:not(.tw-form-no-grid) {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 1rem
}

@media (min-width:768px) {
    .tw-form.tw-form-tight:not(.tw-form-no-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem
    }
}

.tw-form label {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.125rem
}

.tw-form input[type=email],
.tw-form input[type=text] {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 1px
}

.tw-form .looks-like-select2-wrapper {
    position: relative;
    width: 100%
}

.tw-form .looks-like-select2-wrapper:before {
    color: #666;
    content: "\f110";
    font-family: ICCONS;
    font-size: 10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.tw-form .looks-like-select2 {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 1px;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    font-size: 1rem;
    padding-bottom: .875rem;
    padding-left: 1rem;
    padding-right: 2.3rem;
    padding-top: .875rem;
    width: 100%
}

.tw-form .tw-field-checkbox {
    padding-top: .5rem;
    position: relative
}

@media (min-width:768px) {
    .tw-form .tw-field-checkbox {
        padding-top: 1.35rem
    }
}

.tw-form .tw-field-checkbox label {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1));
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 2.75rem;
    position: relative
}

.tw-form .tw-field-checkbox label:before {
    --tw-border-opacity: 1;
    background-color: #fff;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 1.25rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 1.25rem
}

.tw-form .tw-field-checkbox input[type=checkbox] {
    display: none
}

.tw-form .tw-field-checkbox input[type=checkbox]:checked+label:before {
    --tw-border-opacity: 1;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.029' height='12.613'%3E%3Cpath data-name='Path 1031' d='M15.322 1.885 5.3 11.906.707 7.317l1.178-1.178 3.416 3.407L14.145.707Z' fill='%23666' stroke='%23666'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-color: rgb(221 221 221/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 1.25rem;
    position: absolute;
    width: 1.25rem
}

.tw-form .tw-field-group {
    display: flex;
    flex-direction: column;
    position: relative
}

.tw-form .tw-field-group label {
    margin-bottom: .25rem
}

.tw-form .tw-field-group input {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1));
    font-size: 1rem;
    padding: .875rem 1rem
}

.tw-form .tw-field-group.error label {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.tw-form .tw-field-group.error .select2-selection,
.tw-form .tw-field-group.error input,
.tw-form .tw-field-group.error select {
    --tw-border-opacity: 1;
    border-color: rgb(227 6 19/var(--tw-border-opacity, 1))
}

.tw-form .tw-field-group .form-error {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1));
    margin-top: .5rem
}

.aa-product-filters .filter-button {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(233 233 233/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 500;
    min-height: 3.5rem;
    min-width: 8rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .aa-product-filters .filter-button {
        font-size: 1rem;
        line-height: 1.875rem;
        min-height: 4.75rem;
        min-width: 10.25rem
    }
}

.aa-product-filters .filter-button-img {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(233 233 233/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-style: solid;
    border-width: 2px;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    min-height: 3.5rem;
    min-width: 8rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-transform: uppercase
}

@media (min-width:768px) {
    .aa-product-filters .filter-button-img {
        font-size: 1rem;
        line-height: 1.875rem;
        min-height: 4.75rem;
        min-width: 10.25rem
    }
}

.aa-product-filters .filter-button-img img {
    filter: grayscale(1) contrast(28.5%)
}

.aa-product-filters .filter-button-img.is-active,
.aa-product-filters .filter-button.is-active {
    --tw-border-opacity: 1;
    border-color: rgb(227 6 19/var(--tw-border-opacity, 1));
    border-style: solid;
    border-width: 2px
}

.aa-product-filters .filter-button-img.is-active img,
.aa-product-filters .filter-button.is-active img {
    filter: grayscale(0) contrast(100%)
}

.product-range-list .certifications {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .product-range-list .certifications {
        flex-wrap: nowrap
    }
}

.product-range-list .certifications li {
    margin-bottom: 1rem;
    margin-right: 1rem
}

@media (min-width:768px) {
    .product-range-list .certifications li {
        margin-bottom: 0
    }
}

.product-range-list .certifications li a {
    display: block
}

.product-range-list .certifications li img {
    height: 2rem;
    width: 100%
}

@media (min-width:768px) {
    .product-range-list .certifications li img {
        height: 2.55rem
    }
}

.product-range-list .certifications li:last-child {
    margin-right: 0
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    30%,
    70% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.1)
    }

    20% {
        transform: scale(1)
    }
}

#merchandise-checkout-photo-uploader {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 20px
}

#merchandise-checkout-photo-uploader>div {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .078);
    max-width: 300px;
    padding: 24px 26px;
    width: 100%
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-message {
    background: #f6f6f6;
    border: 2px dashed #b0b0b0;
    border-radius: 10px;
    padding: 28px 40px 22px;
    text-align: center
}

#merchandise-checkout-photo-uploader>div .dz-preview:first-child {
    margin-top: 20px
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details {
    display: flex;
    margin: -8px
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details .dz-error-mark,
#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details .dz-success-mark {
    display: none
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details>div {
    margin: 8px
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details img {
    height: 37px;
    width: 37px
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details button[data-dz-remove] {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1));
    display: block;
    font-size: .875rem;
    font-weight: 700
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details .dz-filename {
    --tw-text-opacity: 1;
    color: rgb(39 39 39/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 500
}

#merchandise-checkout-photo-uploader>div .dz-preview header.dz-details .dz-filename>span {
    display: block;
    margin-bottom: 4px
}

#merchandise-checkout-photo-uploader>div .dropzone,
#merchandise-checkout-photo-uploader>div .dropzone * {
    box-sizing: border-box
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-clickable {
    cursor: pointer
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-clickable * {
    cursor: default
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-clickable .dz-message,
#merchandise-checkout-photo-uploader>div .dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-started .dz-message {
    display: none
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-drag-hover {
    border-style: solid
}

#merchandise-checkout-photo-uploader>div .dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-message .dz-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview {
    display: inline-block;
    margin: 16px;
    min-height: 100px;
    position: relative;
    vertical-align: top
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview:hover {
    z-index: 1000
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd);
    border-radius: 20px
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-image-preview {
    background: #fff
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-remove {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details {
    color: rgba(0, 0, 0, .9);
    font-size: 13px;
    left: 0;
    line-height: 150%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-size {
    font-size: 16px;
    margin-bottom: 1em
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: hsla(0, 0%, 100%, .8);
    border: 1px solid hsla(0, 0%, 78%, .8)
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-filename span,
#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 3px;
    padding: 0 .4em
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview:hover .dz-image img {
    filter: blur(8px);
    transform: scale(1.05)
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-image {
    border-radius: 20px;
    display: block;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px;
    z-index: 10
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-image img {
    display: block
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-error .dz-error-mark {
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    opacity: 1
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-error-mark,
#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-success-mark {
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    display: block;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 500
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-error-mark svg,
#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-success-mark svg {
    fill: #fff;
    display: block;
    height: 54px;
    width: 54px
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-progress {
    background: rgba(0, 0, 0, .8);
    border: 3px solid rgba(0, 0, 0, .8);
    border-radius: 10px;
    height: 20px;
    left: 15%;
    margin-top: -10px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 15%;
    top: 50%;
    z-index: 1000
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-progress .dz-upload {
    background: #fff;
    border-radius: 17px;
    display: block;
    height: 100%;
    position: relative;
    transition: width .3s ease-in-out;
    width: 0
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-error-message {
    background: #b10606;
    border-radius: 8px;
    color: #fff;
    display: block;
    display: none;
    font-size: 13px;
    left: -10px;
    opacity: 0;
    padding: .5em 1em;
    pointer-events: none;
    position: absolute;
    top: 130px;
    transition: opacity .3s ease;
    width: 140px;
    z-index: 1000
}

#merchandise-checkout-photo-uploader>div .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #b10606;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    left: 64px;
    position: absolute;
    top: -6px;
    width: 0
}

.icon-grey {
    color: rgba(0, 0, 0, .2)
}

.aa-wysiwyg p {
    margin-bottom: .75rem
}

.aa-wysiwyg ol,
.aa-wysiwyg ul {
    list-style-position: inside
}

.aa-wysiwyg ol li,
.aa-wysiwyg ul li {
    margin-bottom: .5rem
}

.aa-wysiwyg ul {
    list-style-type: disc
}

.aa-wysiwyg ol {
    list-style-type: decimal
}

.is-fixed-header {
    position: fixed !important;
    transform: translateY(-60px)
}

@media (min-width:1200px) {
    .is-fixed-header {
        transform: translateY(-145px)
    }
}

#landing-page {
    background-color: #fff;
    margin: 0
}

#landing-page .container {
    box-shadow: none;
    margin: 0 auto;
    max-width: 1332px;
    padding: 92px 20px
}

#landing-page .container.carousel {
    max-width: 100% !important
}

#landing-page h1 {
    color: #e30613;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 2rem
}

#landing-page h2 {
    font-size: 3.875rem;
    line-height: 4.625rem
}

#landing-page h2,
#landing-page h3 {
    text-wrap: balance;
    color: #272727;
    font-weight: 500
}

#landing-page h3 {
    font-size: 3rem;
    line-height: 3.75rem
}

#landing-page h4 {
    text-wrap: balance;
    color: #272727;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem
}

#landing-page p {
    color: #666;
    font-size: 1rem;
    line-height: 1.5rem
}

#landing-page .btn.secondary {
    background-color: #272727
}

#landing-page .btn.secondary:hover {
    background-color: #e30613
}

#landing-page .btn.white:hover {
    background-color: #272727;
    color: #fff
}

#landing-page .features {
    border-color: #d8d8d8
}

#landing-page .hero {
    margin-top: 92px
}

#landing-page .banner {
    background-color: #e30613
}

#landing-page .assessed img {
    max-height: 75px
}

#landing-page .banner .container {
    min-height: 502px
}

#landing-page .banner-text {
    text-wrap: balance;
    color: #fff;
    font-size: 3rem;
    font-weight: 500;
    line-height: 3.75rem
}

#landing-page .accordion-listing li {
    border-top: 1px solid #272727
}

#landing-page .accordion-listing li:last-child {
    border-bottom: 1px solid #272727
}

#landing-page .accordion-listing .accordion-toggler.active {
    background: transparent
}

#landing-page .accordion-listing .accordion-toggler.active:before {
    color: #e30613
}

#landing-page .accordion-listing .accordion-toggler {
    background: transparent;
    padding: 23px 40px 23px 10px
}

#landing-page .accordion-listing h4 {
    text-wrap: balance;
    color: #272727;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

#landing-page .accordion-listing .accordion-content>.inner {
    padding: 10px 62px 30px 10px
}

.sticky-menu {
    background-color: #272727;
    min-height: 124px;
    opacity: 0;
    padding: 20px 80px;
    position: fixed;
    transition: all .5s ease-in-out;
    visibility: hidden;
    width: 100%
}

.sticky-menu.fadeIn {
    opacity: 1;
    visibility: visible
}

#landing-page .details h3 {
    width: 500px
}

#landing-page .custom-modal {
    width: 100%;
    z-index: 9999
}

#landing-page .custom-modal h2 {
    color: #272727;
    font-size: 40px;
    font-weight: 500;
    line-height: 46px
}

#landing-page .checkbox-inline {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 12px;
    justify-content: start;
    line-height: 2;
    padding: 8px 16px;
    width: 100%
}

#landing-page input[type=checkbox] {
    accent-color: #d3d3d3;
    cursor: pointer;
    height: 24px;
    width: 24px
}

#landing-page input[type=checkbox]:checked {
    accent-color: #e30613
}

#landing-page .quote-request h3 {
    color: #e30613;
    font-size: 24px;
    line-height: 32px
}

#landing-page .quote-result h4 {
    font-size: 40px
}

#landing-page .quote-result p {
    font-size: 24px
}

#landing-page .swiper-button-next:after,
#landing-page .swiper-button-prev:after {
    content: ""
}

#landing-page .swiper-button-prev {
    background: url(../fonts/carousel-previous-arrow.svg) no-repeat 50%;
    height: 64px;
    left: 0;
    width: 64px;
    z-index: 1
}

#landing-page .swiper-button-prev:hover {
    background-image: url(../fonts/carousel-red-previous-arrow.svg)
}

#landing-page .swiper-button-next {
    background: url(../fonts/carousel-next-arrow.svg) no-repeat 50%;
    height: 64px;
    right: 0;
    width: 64px;
    z-index: 1
}

#landing-page .swiper-button-next:hover {
    background-image: url(../fonts/carousel-red-next-arrow.svg)
}

#landing-page .top-swiper {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%
}

#landing-page {
    overflow: hidden;
    width: 100%
}

#landing-page .top-swiper .swiper-wrapper {
    display: flex
}

#landing-page .top-swiper .swiper-slide {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: calc(100vw - 40px);
    opacity: .4;
    width: auto !important
}

#landing-page .top-swiper .swiper-slide img,
#landing-page .top-swiper .swiper-slide video {
    border-radius: 8px;
    display: block;
    height: 50vh;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

#landing-page .top-swiper .swiper-slide-active {
    opacity: 1
}

#landing-page .top-swiper .swiper-slide-next .control-icon,
#landing-page .top-swiper .swiper-slide-prev .control-icon {
    cursor: default
}

#landing-page .bottom-swiper-container {
    margin: 0 auto;
    max-width: 880px;
    position: relative;
    width: 100%
}

#landing-page .bottom-swiper {
    max-width: calc(100vw - 40px);
    width: 700px
}

#landing-page .bottom-swiper .swiper-slide {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 110px;
    justify-content: center;
    overflow: hidden
}

#landing-page .bottom-swiper .swiper-slide img,
#landing-page .bottom-swiper .swiper-slide video {
    display: block;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

#landing-page .swiper-slide.swiper-slide-thumb-active {
    border: 2px solid #e30613
}

#landing-page .control-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 56px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 56px
}

#landing-page .top-swiper .control-icon {
    height: 112px;
    width: 112px
}

#landing-page .play-icon {
    background-image: url(../fonts/play-circle-icon.svg)
}

#landing-page .pause-icon {
    background-image: url(../fonts/pause-circle-icon.svg)
}

.progress-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    bottom: 0;
    cursor: pointer;
    height: 8px;
    left: 0;
    outline: none;
    position: absolute;
    width: 100%
}

.progress-range::-webkit-slider-runnable-track {
    background: transparent;
    height: 8px
}

.progress-range::-moz-range-track {
    background: transparent;
    height: 8px
}

.progress-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 0;
    width: 0
}

.progress-range::-moz-range-thumb {
    background: transparent;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 0;
    width: 0
}

@media (max-width:430px) {
    #landing-page .sticky-menu>* {
        justify-content: start
    }

    #landing-page h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

@media (max-width:500px) {
    #landing-page .details h3 {
        width: auto
    }
}

@media (max-width:768px) {
    #landing-page .container {
        padding: 46px 20px
    }

    #landing-page .download-listing div.name {
        width: calc(100% - 175px) !important
    }

    #landing-page .download-listing div.size {
        text-align: right;
        width: 75px !important
    }

    #landing-page .download-listing div.download {
        width: 100px !important
    }
}

@media (max-width:820px) {

    #landing-page .swiper-button-next,
    #landing-page .swiper-button-prev {
        top: 140px
    }
}

@media (max-width:1024px) {
    #landing-page .sticky-menu {
        padding: 20px
    }
}

@media (min-width:1200px) and (max-width:1566px) {
    #landing-page {
        padding-top: 198px !important
    }
}

@media (min-width:500px) and (max-width:1200px) {
    #landing-page {
        padding-top: 114px !important
    }
}

.before\:\!tw-hidden:before {
    content: var(--tw-content);
    display: none !important
}

.after\:tw-absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:tw-left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:tw-top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:tw-h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:tw-w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:tw-bg-black:after {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
    content: var(--tw-content)
}

.after\:tw-opacity-50:after {
    content: var(--tw-content);
    opacity: .5
}

.after\:tw-content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.hover\:tw-scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:tw-border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.hover\:\!tw-bg-red:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(227 6 19/var(--tw-bg-opacity, 1)) !important
}

.hover\:tw-bg-\[\#e21e26\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 30 38/var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-black-charcoal:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 39/var(--tw-bg-opacity, 1))
}

.hover\:tw-bg-red:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(227 6 19/var(--tw-bg-opacity, 1))
}

.hover\:tw-fill-\[\#e21e26\]:hover {
    fill: #e21e26
}

.hover\:tw-text-red:hover {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.hover\:tw-text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:tw-outline:hover {
    outline-style: solid
}

.focus\:tw-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:tw-ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.tw-group:hover .group-hover\:tw-translate-y-1 {
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.tw-group:hover .group-hover\:tw-fill-white {
    fill: #fff
}

.tw-group:hover .group-hover\:tw-text-red {
    --tw-text-opacity: 1;
    color: rgb(227 6 19/var(--tw-text-opacity, 1))
}

.tw-group:hover .group-hover\:tw-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.tw-group:hover .group-hover\:tw-opacity-100 {
    opacity: 1
}

@media (min-width:640px) {
    .sm\:tw-flex-row {
        flex-direction: row
    }

    .sm\:tw-justify-end {
        justify-content: flex-end
    }

    .sm\:tw-gap-3 {
        gap: .75rem
    }

    .sm\:tw-overflow-hidden {
        overflow: hidden
    }

    .sm\:tw-px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .sm\:tw-text-left {
        text-align: left
    }
}

@media (min-width:768px) {
    .md\:tw-order-1 {
        order: 1
    }

    .md\:tw-order-2 {
        order: 2
    }

    .md\:tw-col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:tw-col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:tw-mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:tw-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .md\:\!tw-mb-7 {
        margin-bottom: 1.75rem !important
    }

    .md\:-tw-mb-1 {
        margin-bottom: -.25rem
    }

    .md\:-tw-ml-0 {
        margin-left: 0
    }

    .md\:-tw-ml-\[4rem\] {
        margin-left: -4rem
    }

    .md\:-tw-mr-0 {
        margin-right: 0
    }

    .md\:-tw-mt-1 {
        margin-top: -.25rem
    }

    .md\:-tw-mt-16 {
        margin-top: -4rem
    }

    .md\:-tw-mt-32 {
        margin-top: -8rem
    }

    .md\:tw-mb-0 {
        margin-bottom: 0
    }

    .md\:tw-mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:tw-mb-14 {
        margin-bottom: 56px
    }

    .md\:tw-mb-20 {
        margin-bottom: 5rem
    }

    .md\:tw-mb-4 {
        margin-bottom: 1rem
    }

    .md\:tw-mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:tw-mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:tw-mb-8,
    .md\:tw-mb-\[2rem\] {
        margin-bottom: 2rem
    }

    .md\:tw-mb-\[3\.25rem\] {
        margin-bottom: 3.25rem
    }

    .md\:tw-mb-\[5rem\] {
        margin-bottom: 5rem
    }

    .md\:tw-mb-\[7\.5rem\] {
        margin-bottom: 7.5rem
    }

    .md\:tw-ml-6 {
        margin-left: 1.5rem
    }

    .md\:tw-mr-6 {
        margin-right: 1.5rem
    }

    .md\:tw-mr-\[1\.25rem\] {
        margin-right: 1.25rem
    }

    .md\:tw-mr-\[3\.25rem\] {
        margin-right: 3.25rem
    }

    .md\:tw-mr-\[7rem\] {
        margin-right: 7rem
    }

    .md\:tw-mt-0 {
        margin-top: 0
    }

    .md\:tw-mt-\[1\.5rem\] {
        margin-top: 1.5rem
    }

    .md\:tw-mt-\[3\.25rem\] {
        margin-top: 3.25rem
    }

    .md\:tw-mt-\[5\.25rem\] {
        margin-top: 5.25rem
    }

    .md\:tw-mt-\[5\.75rem\] {
        margin-top: 5.75rem
    }

    .md\:tw-mt-\[8rem\] {
        margin-top: 8rem
    }

    .md\:\!tw-block {
        display: block !important
    }

    .md\:tw-block {
        display: block
    }

    .md\:tw-inline-block {
        display: inline-block
    }

    .md\:tw-flex {
        display: flex
    }

    .md\:tw-grid {
        display: grid
    }

    .md\:tw-hidden {
        display: none
    }

    .md\:tw-h-7 {
        height: 1.75rem
    }

    .md\:tw-h-9 {
        height: 2.25rem
    }

    .md\:tw-h-\[3\.25rem\] {
        height: 3.25rem
    }

    .md\:tw-h-\[7rem\] {
        height: 7rem
    }

    .md\:tw-h-auto {
        height: auto
    }

    .md\:tw-max-h-\[18\.5rem\] {
        max-height: 18.5rem
    }

    .md\:tw-max-h-\[22rem\] {
        max-height: 22rem
    }

    .md\:tw-max-h-full {
        max-height: 100%
    }

    .md\:tw-min-h-\[22\.5rem\] {
        min-height: 22.5rem
    }

    .md\:tw-min-h-\[22rem\] {
        min-height: 22rem
    }

    .md\:tw-min-h-max {
        min-height: -moz-max-content;
        min-height: max-content
    }

    .md\:tw-w-1\/2 {
        width: 50%
    }

    .md\:tw-w-74 {
        width: 18.5rem
    }

    .md\:tw-w-9 {
        width: 2.25rem
    }

    .md\:tw-w-\[3\.25rem\] {
        width: 3.25rem
    }

    .md\:tw-w-\[7rem\] {
        width: 7rem
    }

    .md\:tw-w-auto {
        width: auto
    }

    .md\:tw-w-p49 {
        width: 49%
    }

    .md\:tw-min-w-\[14\.6rem\] {
        min-width: 14.6rem
    }

    .md\:tw-min-w-\[16rem\] {
        min-width: 16rem
    }

    .md\:tw-max-w-\[34rem\] {
        max-width: 34rem
    }

    .md\:tw-max-w-\[42rem\] {
        max-width: 42rem
    }

    .md\:tw-max-w-full {
        max-width: 100%
    }

    .md\:tw-flex-1 {
        flex: 1 1 0%
    }

    .md\:tw-flex-initial {
        flex: 0 1 auto
    }

    .md\:tw-flex-none {
        flex: none
    }

    .md\:tw-rotate-0 {
        --tw-rotate: 0deg
    }

    .md\:tw-rotate-0,
    .md\:tw-rotate-180 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:tw-rotate-180 {
        --tw-rotate: 180deg
    }

    .md\:tw-scale-\[4\] {
        --tw-scale-x: 4;
        --tw-scale-y: 4;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:tw-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:tw-flex-row {
        flex-direction: row
    }

    .md\:tw-flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:tw-flex-col {
        flex-direction: column
    }

    .md\:tw-flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:tw-items-start {
        align-items: flex-start
    }

    .md\:tw-items-center {
        align-items: center
    }

    .md\:tw-justify-start {
        justify-content: flex-start
    }

    .md\:tw-justify-end {
        justify-content: flex-end
    }

    .md\:tw-justify-center {
        justify-content: center
    }

    .md\:tw-border-r {
        border-right-width: 1px
    }

    .md\:\!tw-bg-center {
        background-position: 50% !important
    }

    .md\:tw-object-center {
        -o-object-position: center;
        object-position: center
    }

    .md\:tw-object-top {
        -o-object-position: top;
        object-position: top
    }

    .md\:tw-px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:tw-px-14 {
        padding-left: 56px;
        padding-right: 56px
    }

    .md\:tw-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:tw-px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .md\:tw-px-\[2\.75rem\] {
        padding-left: 2.75rem;
        padding-right: 2.75rem
    }

    .md\:tw-px-\[3\.75rem\] {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .md\:tw-px-\[4\.2rem\] {
        padding-left: 4.2rem;
        padding-right: 4.2rem
    }

    .md\:tw-px-\[4\.75rem\] {
        padding-left: 4.75rem;
        padding-right: 4.75rem
    }

    .md\:tw-px-\[5rem\] {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:tw-px-\[7rem\] {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .md\:tw-py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:tw-py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:tw-py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:tw-py-\[2\.5rem\] {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:tw-py-\[3\.25rem\] {
        padding-bottom: 3.25rem;
        padding-top: 3.25rem
    }

    .md\:tw-py-\[3\.75rem\] {
        padding-bottom: 3.75rem;
        padding-top: 3.75rem
    }

    .md\:\!tw-pt-\[12rem\] {
        padding-top: 12rem !important
    }

    .md\:\!tw-pt-\[8\.5rem\] {
        padding-top: 8.5rem !important
    }

    .md\:tw-pb-0 {
        padding-bottom: 0
    }

    .md\:tw-pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:tw-pb-\[3\.75rem\] {
        padding-bottom: 3.75rem
    }

    .md\:tw-pb-\[4rem\] {
        padding-bottom: 4rem
    }

    .md\:tw-pb-\[5rem\] {
        padding-bottom: 5rem
    }

    .md\:tw-pb-\[6\.5rem\] {
        padding-bottom: 6.5rem
    }

    .md\:tw-pb-\[7\.5rem\] {
        padding-bottom: 7.5rem
    }

    .md\:tw-pb-\[7\.75rem\] {
        padding-bottom: 7.75rem
    }

    .md\:tw-pb-\[7rem\] {
        padding-bottom: 7rem
    }

    .md\:tw-pb-\[8\.25rem\] {
        padding-bottom: 8.25rem
    }

    .md\:tw-pl-0 {
        padding-left: 0
    }

    .md\:tw-pl-\[3\.2rem\] {
        padding-left: 3.2rem
    }

    .md\:tw-pr-0 {
        padding-right: 0
    }

    .md\:tw-pt-0 {
        padding-top: 0
    }

    .md\:tw-pt-10 {
        padding-top: 2.5rem
    }

    .md\:tw-pt-14 {
        padding-top: 56px
    }

    .md\:tw-pt-32 {
        padding-top: 8rem
    }

    .md\:tw-pt-5 {
        padding-top: 1.25rem
    }

    .md\:tw-pt-8 {
        padding-top: 2rem
    }

    .md\:tw-pt-\[1\.5rem\] {
        padding-top: 1.5rem
    }

    .md\:tw-pt-\[10\.25rem\] {
        padding-top: 10.25rem
    }

    .md\:tw-pt-\[11\.5rem\] {
        padding-top: 11.5rem
    }

    .md\:tw-pt-\[13\.5rem\] {
        padding-top: 13.5rem
    }

    .md\:tw-pt-\[3\.5rem\] {
        padding-top: 3.5rem
    }

    .md\:tw-pt-\[3\.75rem\] {
        padding-top: 3.75rem
    }

    .md\:tw-pt-\[4\.5rem\] {
        padding-top: 4.5rem
    }

    .md\:tw-pt-\[4\.75rem\] {
        padding-top: 4.75rem
    }

    .md\:tw-pt-\[5\.5rem\] {
        padding-top: 5.5rem
    }

    .md\:tw-pt-\[5\.75rem\] {
        padding-top: 5.75rem
    }

    .md\:tw-pt-\[5rem\] {
        padding-top: 5rem
    }

    .md\:tw-pt-\[6rem\] {
        padding-top: 6rem
    }

    .md\:tw-pt-\[7\.5rem\] {
        padding-top: 7.5rem
    }

    .md\:tw-pt-\[7\.75rem\] {
        padding-top: 7.75rem
    }

    .md\:tw-pt-\[7rem\] {
        padding-top: 7rem
    }

    .md\:tw-pt-\[8\.5rem\] {
        padding-top: 8.5rem
    }

    .md\:tw-text-left {
        text-align: left
    }

    .md\:\!tw-text-b26 {
        font-size: 1.625rem !important
    }

    .md\:\!tw-text-h2 {
        font-size: 2.8125rem !important
    }

    .md\:tw-text-b18 {
        font-size: 1.125rem
    }

    .md\:tw-text-b26 {
        font-size: 1.625rem
    }

    .md\:tw-text-h1 {
        font-size: 3.4375rem
    }

    .md\:tw-text-h2 {
        font-size: 2.8125rem
    }

    .md\:tw-text-h3 {
        font-size: 2.1875rem
    }

    .md\:tw-text-h4 {
        font-size: 1.875rem
    }

    .md\:tw-font-medium {
        font-weight: 500
    }

    .md\:tw-leading-22 {
        line-height: 1.375rem
    }

    .md\:tw-leading-28 {
        line-height: 1.75rem
    }

    .md\:tw-leading-h1 {
        line-height: 3.75rem
    }

    .md\:tw-leading-h2 {
        line-height: 3.125rem
    }

    .md\:tw-leading-h3,
    .md\:tw-leading-h4 {
        line-height: 2.5rem
    }

    .md\:tw-opacity-\[0\.85\] {
        opacity: .85
    }
}

@media (min-width:1024px) {
    .lg\:tw-bottom-auto {
        bottom: auto
    }

    .lg\:tw-top-0 {
        top: 0
    }

    .lg\:tw-order-1 {
        order: 1
    }

    .lg\:tw-order-2 {
        order: 2
    }

    .lg\:tw-my-0 {
        margin-bottom: 0;
        margin-top: 0
    }

    .lg\:-tw-mb-px {
        margin-bottom: -1px
    }

    .lg\:-tw-ml-\[6\.25rem\] {
        margin-left: -6.25rem
    }

    .lg\:tw-mb-0 {
        margin-bottom: 0
    }

    .lg\:tw-mb-7 {
        margin-bottom: 1.75rem
    }

    .lg\:tw-mb-\[5\.5rem\] {
        margin-bottom: 5.5rem
    }

    .lg\:tw-ml-0 {
        margin-left: 0
    }

    .lg\:tw-mr-9 {
        margin-right: 2.25rem
    }

    .lg\:tw-mr-\[20px\] {
        margin-right: 20px
    }

    .lg\:tw-mt-0 {
        margin-top: 0
    }

    .lg\:tw-block {
        display: block
    }

    .lg\:tw-flex {
        display: flex
    }

    .lg\:tw-hidden {
        display: none
    }

    .lg\:tw-h-full {
        height: 100%
    }

    .lg\:tw-max-h-\[28rem\] {
        max-height: 28rem
    }

    .lg\:tw-max-h-full {
        max-height: 100%
    }

    .lg\:tw-min-h-\[28rem\] {
        min-height: 28rem
    }

    .lg\:tw-w-\[calc\(50\%-10px\)\] {
        width: calc(50% - 10px)
    }

    .lg\:tw-w-p37 {
        width: 37%
    }

    .lg\:tw-w-p51 {
        width: 51%
    }

    .lg\:tw-w-p52 {
        width: 52%
    }

    .lg\:tw-w-p63 {
        width: 63%
    }

    .lg\:tw-max-w-\[42\.25rem\] {
        max-width: 42.25rem
    }

    .lg\:tw-flex-initial {
        flex: 0 1 auto
    }

    .lg\:tw-scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .lg\:tw-scale-100,
    .lg\:tw-scale-105 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:tw-scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05
    }

    .lg\:tw-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:tw-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:tw-flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:tw-justify-between {
        justify-content: space-between
    }

    .lg\:tw-object-right {
        -o-object-position: right;
        object-position: right
    }

    .lg\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:tw-px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:tw-px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:tw-pb-0 {
        padding-bottom: 0
    }

    .lg\:tw-pb-\[3\.25rem\] {
        padding-bottom: 3.25rem
    }

    .lg\:tw-pl-\[13rem\] {
        padding-left: 13rem
    }

    .lg\:tw-pr-0 {
        padding-right: 0
    }

    .lg\:tw-pt-0 {
        padding-top: 0
    }

    .lg\:tw-pt-\[7\.75rem\] {
        padding-top: 7.75rem
    }
}

@media (min-width:1200px) {
    .tnh\:tw-mt-\[9rem\] {
        margin-top: 9rem
    }

    .tnh\:\!tw-pt-\[12\.25rem\] {
        padding-top: 12.25rem !important
    }

    .tnh\:\!tw-pt-\[15\.5rem\] {
        padding-top: 15.5rem !important
    }
}

@media (min-width:1300px) {
    .xl\:tw-flex {
        display: flex
    }

    .xl\:tw-hidden {
        display: none
    }

    .xl\:tw-max-w-\[1063px\] {
        max-width: 1063px
    }

    .xl\:tw-px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:tw-px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (min-width:1568px) {
    .mh\:tw-block {
        display: block
    }

    .mh\:tw-flex {
        display: flex
    }

    .mh\:tw-hidden {
        display: none
    }

    .mh\:\!tw-pt-\[12\.5rem\] {
        padding-top: 12.5rem !important
    }

    .mh\:\!tw-pt-\[16rem\] {
        padding-top: 16rem !important
    }

    .mh\:\!tw-pt-\[9rem\] {
        padding-top: 9rem !important
    }
}