@import url("//hello.myfonts.net/count/38d6b9"); /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}
/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

    .flickity-enabled:focus {
        outline: none
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: grabbing
        }

.flickity-button {
    position: absolute;
    background: rgba(255,255,255,0.75);
    border: none;
    color: #333
}

    .flickity-button:hover {
        background: white;
        cursor: pointer
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19F
    }

    .flickity-button:active {
        opacity: 0.6
    }

    .flickity-button:disabled {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger:hover {
        opacity: 0.7
    }

    .hamburger.is-active:hover {
        opacity: 0.7
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
        background-color: #33383c
    }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #33383c;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block
        }

        .hamburger-inner::before {
            top: -10px
        }

        .hamburger-inner::after {
            bottom: -10px
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateY(180deg)
}

    .hamburger--3dx.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

    .hamburger--3dx.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.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, 10px, 0) rotate(45deg)
    }

    .hamburger--3dx-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(-180deg)
}

    .hamburger--3dy.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

    .hamburger--3dy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.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, 10px, 0) rotate(45deg)
    }

    .hamburger--3dy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.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, 10px, 0) rotate(45deg)
    }

    .hamburger--3dxy.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
        transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent !important;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg)
}

    .hamburger--3dxy-r.is-active .hamburger-inner::before {
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

    .hamburger--3dxy-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -10px, 0) rotate(-45deg)
    }

.hamburger--arrow.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg)
}

    .hamburger--arrowturn.is-active .hamburger-inner::before {
        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)
    }

    .hamburger--arrowturn.is-active .hamburger-inner::after {
        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)
    }

.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) scale(0.7, 1)
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner::after {
        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)
    }

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg)
}

    .hamburger--boring.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--boring.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear
    }

    .hamburger--collapse .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0.1s 0.22s linear
    }

    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--collapse-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0.1s linear
    }

    .hamburger--collapse-r .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--collapse-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0.1s 0.22s linear
    }

    .hamburger--collapse-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

    .hamburger--elastic .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease
    }

    .hamburger--elastic .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s
}

    .hamburger--elastic.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-270deg);
        transition-delay: 0.075s
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

    .hamburger--elastic-r .hamburger-inner::before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease
    }

    .hamburger--elastic-r .hamburger-inner::after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.075s
}

    .hamburger--elastic-r.is-active .hamburger-inner::before {
        transition-delay: 0s;
        opacity: 0
    }

    .hamburger--elastic-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(270deg);
        transition-delay: 0.075s
    }

.hamburger--emphatic {
    overflow: hidden
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in
    }

        .hamburger--emphatic .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in
        }

        .hamburger--emphatic .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important
    }

        .hamburger--emphatic.is-active .hamburger-inner::before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px, 80px, 0) rotate(45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
        }

        .hamburger--emphatic.is-active .hamburger-inner::after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px, 80px, 0) rotate(-45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
        }

.hamburger--emphatic-r {
    overflow: hidden
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in
    }

        .hamburger--emphatic-r .hamburger-inner::before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in
        }

        .hamburger--emphatic-r .hamburger-inner::after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent !important
    }

        .hamburger--emphatic-r.is-active .hamburger-inner::before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px, -80px, 0) rotate(-45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
        }

        .hamburger--emphatic-r.is-active .hamburger-inner::after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px, -80px, 0) rotate(45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)
        }

.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
    transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
    opacity: 0;
    transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear
}

.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: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s
    }

    .hamburger--slider .hamburger-inner::after {
        top: 20px
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

    .hamburger--slider.is-active .hamburger-inner::before {
        transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
        opacity: 0
    }

    .hamburger--slider.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(-90deg)
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

    .hamburger--slider-r .hamburger-inner::before {
        top: 10px;
        transition-property: transform, opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s
    }

    .hamburger--slider-r .hamburger-inner::after {
        top: 20px
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

    .hamburger--slider-r.is-active .hamburger-inner::before {
        transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
        opacity: 0
    }

    .hamburger--slider-r.is-active .hamburger-inner::after {
        transform: translate3d(0, -20px, 0) rotate(90deg)
    }

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--spin-r .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in
    }

    .hamburger--spin-r .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--spin-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out
    }

    .hamburger--spin-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear
}

    .hamburger--spring .hamburger-inner::before {
        top: 10px;
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    .hamburger--spring .hamburger-inner::after {
        top: 20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent !important
}

    .hamburger--spring.is-active .hamburger-inner::before {
        top: 0;
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(45deg)
    }

    .hamburger--spring.is-active .hamburger-inner::after {
        top: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 10px, 0) rotate(-45deg)
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--spring-r .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),opacity 0s linear
    }

    .hamburger--spring-r .hamburger-inner::before {
        transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--spring-r.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),opacity 0s 0.22s linear
    }

    .hamburger--spring-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear
}

    .hamburger--stand .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    .hamburger--stand .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear
}

    .hamburger--stand.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .hamburger--stand.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),background-color 0s 0.075s linear
}

    .hamburger--stand-r .hamburger-inner::before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    .hamburger--stand-r .hamburger-inner::after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1),background-color 0s 0.15s linear
}

    .hamburger--stand-r.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .hamburger--stand-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

    .hamburger--squeeze .hamburger-inner::before {
        transition: top 0.075s 0.12s ease, opacity 0.075s ease
    }

    .hamburger--squeeze .hamburger-inner::after {
        transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

    .hamburger--squeeze.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease
    }

    .hamburger--squeeze.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

    .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        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(0.19, 1, 0.22, 1)
}

    .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
        transition-delay: 0s
    }

    .hamburger--vortex.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(90deg)
    }

.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

    .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        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(0.19, 1, 0.22, 1)
}

    .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
        transition-delay: 0s
    }

    .hamburger--vortex-r.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0
    }

    .hamburger--vortex-r.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg)
    }

.select-css {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #afafaf;
    box-shadow: 0;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 46"%3E%3Cpath fill="%23606466" d="M46 3.004L0 3l23.002 40z"/%3E%3C/svg%3E'),linear-gradient(to bottom, #fff 0%, #fff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .4em auto, 100%
}

    .select-css::-ms-expand {
        display: none
    }

    .select-css:hover {
        border-color: #888
    }

    .select-css:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59,153,252,0.7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none
    }

    .select-css option {
        font-weight: normal
    }

*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em
}
/*! Tablesaw - v3.1.2 - 2019-03-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2019 Filament Group; Licensed MIT */

.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0
}

    .tablesaw * {
        box-sizing: border-box
    }

.tablesaw-btn {
    border: 1px solid #ccc;
    border-radius: .25em;
    background: none;
    box-shadow: 0 1px 0 #fff;
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .5em .85em .4em .85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a.tablesaw-btn {
    color: #1c95d4
}

.tablesaw-btn:hover {
    text-decoration: none
}

.tablesaw-btn:active {
    background-color: #ddd
}

@supports (box-shadow: none) {
    .tablesaw-btn:focus {
        background-color: #fff;
        outline: none
    }

    .tablesaw-btn:focus {
        box-shadow: 0 0 .35em #4faeef !important
    }
}

.tablesaw-btn-select select {
    background: none;
    border: none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    min-height: 1em;
    opacity: 0;
    color: transparent
}

.tablesaw-btn select option {
    background: #fff;
    color: #000
}

.tablesaw-btn {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 0
}

    .tablesaw-btn.btn-small {
        font-size: 1.0625em;
        line-height: 19px;
        padding: .3em 1em .3em 1em
    }

    .tablesaw-btn.btn-micro {
        font-size: .8125em;
        padding: .4em .7em .25em .7em
    }

.tablesaw-btn-select {
    padding-right: 1.5em;
    text-align: left;
    display: inline-block;
    color: #4d4d4d;
    padding-right: 2.5em;
    min-width: 7.25em
}

    .tablesaw-btn-select:after {
        content: " ";
        position: absolute;
        background: none;
        background-repeat: no-repeat;
        background-position: .25em .45em;
        content: "\25bc";
        font-size: .55em;
        padding-top: 1.2em;
        padding-left: 1em;
        left: auto;
        right: 0;
        margin: 0;
        top: 0;
        bottom: 0;
        width: 1.8em
    }

    .tablesaw-btn-select.btn-small:after, .tablesaw-btn-select.btn-micro:after {
        width: 1.2em;
        font-size: .5em;
        padding-top: 1em;
        padding-right: .5em;
        line-height: 1.65;
        background: none;
        box-shadow: none;
        border-left-width: 0
    }

.tablesaw-advance .tablesaw-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
    border-radius: .25em
}

    .tablesaw-advance .tablesaw-btn.btn-micro {
        font-size: .8125em;
        padding: .3em .7em .25em .7em
    }

.tablesaw-advance a.tablesaw-nav-btn:first-child {
    margin-left: 0
}

.tablesaw-advance a.tablesaw-nav-btn:last-child {
    margin-right: 0
}

.tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 1.8em;
    height: 1.8em;
    background-position: 50% 50%;
    margin-left: .25em;
    margin-right: .25em;
    position: relative;
    text-indent: -9999px
}

    .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-advance a.tablesaw-nav-btn.up:before {
        content: "\0020";
        overflow: hidden;
        width: 0;
        height: 0;
        position: absolute
    }

    .tablesaw-advance a.tablesaw-nav-btn.down:before {
        left: .5em;
        top: .65em;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #808080
    }

    .tablesaw-advance a.tablesaw-nav-btn.up:before {
        left: .5em;
        top: .65em;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #808080
    }

    .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-advance a.tablesaw-nav-btn.right:before {
        top: .45em;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent
    }

    .tablesaw-advance a.tablesaw-nav-btn.left:before {
        left: .6em;
        border-right: 5px solid #808080
    }

    .tablesaw-advance a.tablesaw-nav-btn.right:before {
        left: .7em;
        border-left: 5px solid #808080
    }

    .tablesaw-advance a.tablesaw-nav-btn.disabled {
        opacity: .25;
        cursor: default;
        pointer-events: none
    }

.tablesaw-bar {
    clear: both
}

    .tablesaw-bar * {
        box-sizing: border-box
    }

.tablesaw-bar-section {
    float: left
}

    .tablesaw-bar-section label {
        font-size: .875em;
        padding: .5em 0;
        clear: both;
        display: block;
        color: #888;
        margin-right: .5em;
        text-transform: uppercase
    }

.tablesaw-btn, .tablesaw-enhanced .tablesaw-btn {
    margin-top: .5em;
    margin-bottom: .5em
}

.tablesaw-btn-select, .tablesaw-enhanced .tablesaw-btn-select {
    margin-bottom: 0
}

.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
    margin-left: .4em;
    margin-top: 0;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    background: transparent;
    font-size: 1em;
    padding-left: .3em
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
    min-width: 0
}

    .tablesaw-bar .tablesaw-bar-section .btn-select:after {
        padding-top: .9em
    }

.tablesaw-bar .tablesaw-bar-section select {
    color: #888;
    text-transform: none;
    background: transparent
}

.tablesaw-bar-section ~ table {
    clear: both
}

.tablesaw-bar-section .abbreviated {
    display: inline
}

.tablesaw-bar-section .longform {
    display: none
}

@media (min-width: 24em) {
    .tablesaw-bar-section .abbreviated {
        display: none
    }

    .tablesaw-bar-section .longform {
        display: inline
    }
}

.tablesaw th, .tablesaw td {
    padding: .5em .7em;
    text-align: left;
    vertical-align: middle
}

.tablesaw-sortable-btn {
    padding: .5em .7em
}

.tablesaw thead th {
    text-align: left
}

.tablesaw-row-border tr {
    border-bottom: 1px solid #dfdfdf
}

.tablesaw-row-zebra tr:nth-child(2n) {
    background-color: #f8f8f8
}

.tablesaw caption {
    text-align: left;
    margin: .59375em 0
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-right: 2px solid #e4e1de
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
    border-right-width: 1px
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
    box-shadow: 3px 0 4px -1px #e4e1de
}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: none
}

@media only all {
    .tablesaw-stack {
        clear: both
    }

        .tablesaw-stack td, .tablesaw-stack th {
            text-align: left;
            display: block
        }

        .tablesaw-stack tr {
            clear: both;
            display: table-row
        }

        .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
            display: inline-block;
            padding: 0 .6em 0 0;
            width: 30%
        }

        .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top {
            display: block;
            padding: .4em 0;
            margin: .4em 0
        }

    .tablesaw-cell-label {
        display: block
    }

    .tablesaw-stack tbody th.group {
        margin-top: -1px
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important
    }
}

@media (max-width: 39.9375em) {
    .tablesaw-stack tbody tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf
    }

    .tablesaw-stack thead td, .tablesaw-stack thead th {
        display: none
    }

    .tablesaw-stack tbody td, .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%
    }

    .tablesaw-cell-label {
        vertical-align: top
    }

    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%
    }

    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label, .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0
    }

    .tablesaw-stack td:empty, .tablesaw-stack th:empty {
        display: none
    }
}

@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row
    }

    .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th {
        display: table-cell;
        margin: 0
    }

        .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
            display: none !important
        }
}

.tablesaw-fix-persist {
    table-layout: fixed
}

@media only all {
    .tablesaw-swipe th.tablesaw-swipe-cellhidden, .tablesaw-swipe td.tablesaw-swipe-cellhidden {
        display: none
    }
}

.tablesaw-overflow {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

    .tablesaw-overflow > .tablesaw {
        margin-top: 2px
    }

.tablesaw-columntoggle-btn span {
    text-indent: -9999px;
    display: inline-block
}

.tablesaw-columntoggle-btnwrap {
    position: relative
}

    .tablesaw-columntoggle-btnwrap .dialog-content {
        padding: .5em
    }

.tablesaw-columntoggle tbody td {
    line-height: 1.5
}

.tablesaw-columntoggle-popup {
    display: none
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    right: 0;
    background-color: #fff;
    padding: .5em .8em;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: .2em;
    z-index: 1
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0
}

@media only all {
    .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1, .tablesaw-columntoggle th.tablesaw-priority-0, .tablesaw-columntoggle td.tablesaw-priority-0 {
        display: none
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -.5em auto 0
}

    .tablesaw-columntoggle-btnwrap .dialog-content:focus {
        outline-style: none
    }

@media (min-width: 20em) {
    .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell
    }
}

@media (min-width: 30em) {
    .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell
    }
}

@media (min-width: 40em) {
    .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2
    }
}

@media (min-width: 50em) {
    .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell
    }
}

@media (min-width: 60em) {
    .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell
    }
}

@media (min-width: 70em) {
    .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell
    }
}

@media only all {
    .tablesaw-columntoggle th.tablesaw-toggle-cellhidden, .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
        display: none
    }

    .tablesaw-columntoggle th.tablesaw-toggle-cellvisible, .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
        display: table-cell
    }
}

.tablesaw-columntoggle-popup .tablesaw-btn-group > label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
    cursor: default
}

    .tablesaw-columntoggle-popup .tablesaw-btn-group > label input {
        margin-right: .8em
    }

.tablesaw-sortable-head {
    position: relative;
    vertical-align: top
}

.tablesaw .tablesaw-sortable-head {
    padding: 0
}

.tablesaw-sortable-btn {
    min-width: 100%;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    text-transform: inherit
}

.tablesaw-sortable-arrow:after {
    display: inline-block;
    width: 10px;
    height: 14px;
    content: " ";
    margin-left: .3125em
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after, .tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\0020"
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
    content: "\2191"
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\2193"
}

.tablesaw-advance {
    float: right
}

    .tablesaw-advance.minimap {
        margin-right: .4em
    }

.tablesaw-advance-dots {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

    .tablesaw-advance-dots li {
        display: table-cell;
        margin: 0;
        padding: .4em .2em
    }

        .tablesaw-advance-dots li i {
            width: .25em;
            height: .25em;
            background: #555;
            border-radius: 100%;
            display: inline-block
        }

.tablesaw-advance-dots-hide {
    opacity: .25;
    cursor: default;
    pointer-events: none
}

@font-face {
    font-family: 'AvertaPE-Bold';
    src: url("../webfonts/38D6B9_0_0.eot");
    src: url("../webfonts/38D6B9_0_0.eot?#iefix") format("embedded-opentype"),url("../webfonts/38D6B9_0_0.woff2") format("woff2"),url("../webfonts/38D6B9_0_0.woff") format("woff"),url("../webfonts/38D6B9_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'AvertaPE-Light';
    src: url("../webfonts/38D6B9_1_0.eot");
    src: url("../webfonts/38D6B9_1_0.eot?#iefix") format("embedded-opentype"),url("../webfonts/38D6B9_1_0.woff2") format("woff2"),url("../webfonts/38D6B9_1_0.woff") format("woff"),url("../webfonts/38D6B9_1_0.ttf") format("truetype")
}

@font-face {
    font-family: 'AvertaPE-Regular';
    src: url("../webfonts/38D6B9_2_0.eot");
    src: url("../webfonts/38D6B9_2_0.eot?#iefix") format("embedded-opentype"),url("../webfonts/38D6B9_2_0.woff2") format("woff2"),url("../webfonts/38D6B9_2_0.woff") format("woff"),url("../webfonts/38D6B9_2_0.ttf") format("truetype")
}

@font-face {
    font-family: 'AvertaPE-RegularItalic';
    src: url("../webfonts/38D6B9_3_0.eot");
    src: url("../webfonts/38D6B9_3_0.eot?#iefix") format("embedded-opentype"),url("../webfonts/38D6B9_3_0.woff2") format("woff2"),url("../webfonts/38D6B9_3_0.woff") format("woff"),url("../webfonts/38D6B9_3_0.ttf") format("truetype")
}

@font-face {
    font-family: 'AvertaPE-Semibold';
    src: url("../webfonts/38D6B9_4_0.eot");
    src: url("../webfonts/38D6B9_4_0.eot?#iefix") format("embedded-opentype"),url("../webfonts/38D6B9_4_0.woff2") format("woff2"),url("../webfonts/38D6B9_4_0.woff") format("woff"),url("../webfonts/38D6B9_4_0.ttf") format("truetype")
}

html, body {
    margin: 0
}

html {
    box-sizing: border-box;
    display: grid;
    min-height: 100%
}

body, button, input, textarea {
    color: #5c6670;
    font-family: 'AvertaPE-Regular'
}

*, *:before, *:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent
}

img, picture, video, object {
    max-width: 100%
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    color: #33383c;
    font-family: 'AvertaPE-Bold';
    font-weight: normal;
    line-height: 1.2;
    margin: calc(1rem + 2vw) 0
}

b, strong {
    font-family: 'AvertaPE-Bold';
    font-weight: normal
}

a {
    color: #eb0029;
    text-decoration: none
}

    a:hover, a:focus, a:active {
        text-decoration: underline
    }

    a[href^=tel] {
        color: inherit;
        text-decoration: none
    }

p, ul, ol, dl {
    margin: calc(1rem + 1vw) 0
}

    ul ul {
        margin: 0
    }

.masthead {
    flex: 0 0 auto
}

main {
    flex: 1 1 auto
}

.site-footer {
    flex: 0 0 auto
}

.general {
    font-size: 90%
}

    .general h1 {
        font-size: 200%
    }

    .general h2 {
        font-size: 175%
    }

    .general h3 {
        font-size: 150%
    }

    .general h4 {
        font-size: 125%
    }

    .general h5 {
        font-size: 112.5%
    }

    .general h6 {
        font-size: 100%
    }

@media only all and (min-width: 48em) {
    .general {
        font-size: 100%
    }
}

.container {
    margin: 0 auto;
    max-width: 87.5rem;
    padding: 0 calc(1rem + 3vw);
    width: 100%
}

.logo {
    display: block;
    height: 32.1px;
    width: 126px
}

    .logo .a {
        fill: #5d6771;
        fill-rule: evenodd
    }

    .logo .b {
        fill: #e2202d
    }

.site-header {
    margin-top: 20px;
    background-color: #fff;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1);
    position: relative;
    z-index: 3
}

.site-header__identity {
    align-items: center;
    display: flex;
    padding: 1rem 1rem
}

    .site-header__identity a {
        display: block;
        height: 32.1px;
        outline: 0 !important;
        width: 126px
    }

    .site-header__identity .identity-logo {
        flex: 1 1 auto
    }

    .site-header__identity .identity-aside {
        flex: 0 0 40px
    }

@supports (display: grid) {
    .site-header__identity {
        display: grid;
        grid-column-gap: 2rem;
        grid-template-columns: auto 40px
    }
}

.site-header__navs {
    display: none;
    z-index: 10
}

.site-header__main-nav {

}

.site-header__sec-nav {
    background-color: #ebebeb;
    color: #8a8c8c;
    font-family: 'AvertaPE-Semibold';
    font-size: 65%;
    letter-spacing: 1px;
    padding: 1rem 1rem;
    text-transform: uppercase
}

@media only all and (min-width: 40em) {
    .site-header__identity {
        padding: 1.5rem 2.25rem
    }

    .site-header__main-nav, .site-header__sec-nav {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }
}

@media only all and (min-width: 60em) {
    .site-header {
        align-items: center;
        display: flex
    }

    .site-header__navs {
        align-items: center;
        display: flex !important
    }

    .site-header__identity {
        border-right: 1px solid #e7e5e2;
        flex: 0 0 auto
    }

    .site-header .site-header-navs {
        flex: 1 1 auto
    }

    .site-header__main-nav {
        flex: 1 1 auto;
        padding: 0 1.75rem;
        display: flex;
        height: 100%
    }

        .site-header__main-nav .primary-nav {
            display: flex;
            width: 100%
        }

            .site-header__main-nav .primary-nav > ul {
                align-items: center;
                display: flex;
                height: 100%;
                justify-content: space-around;
                width: 100%
            }

    .site-header__sec-nav {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        height: 100%;
        padding: 1rem 1.75rem;
        position: relative
    }

    @supports (display: grid) {
        .site-header {
            display: grid;
            grid-template-columns: auto 1fr
        }

        .site-header__navs {
            display: grid !important;
            grid-template-columns: 1fr auto
        }
    }
}

.primary-nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .primary-nav > ul > li {
        font-size: 110%;
        margin-bottom: 1.25rem;
    }

        .primary-nav > ul > li:last-child {
            margin-bottom: 0
        }

        .primary-nav > ul > li.parent > a {
            border-bottom: 1px solid;
        }

.primary-nav a {
    color: inherit;
    outline: 0 !important;
    transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1);
}

    .primary-nav a:hover, .primary-nav a:focus, .primary-nav a:active {
        color: #eb0029;
        text-decoration: none
    }

@media only all and (min-width: 60em) {
    .primary-nav > ul > li.parent {
        display: flex;
        height: 100%;
        align-items: center
    }

        .primary-nav > ul > li.parent > a {
            border-bottom: 0;
            display: flex;
            height: 100%;
            position: relative;
            white-space: nowrap
        }

    .primary-nav > ul > li:hover .dropdown, .primary-nav > ul > li:focus .dropdown, .primary-nav > ul > li:active .dropdown {
        opacity: 1;
        pointer-events: auto;
        z-index: 10
    }
}

.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 300ms cubic-bezier(0.75, 0, 0.125, 1)
}

    .dropdown > li {
        font-size: 90%
    }

    .dropdown li {
        line-height: 1.2;
        margin-top: 1.25rem;
        padding-left: 1rem
    }

    .dropdown ul {
        display: none;
        list-style: none;
        margin-left: 0;
        margin: 0 0 1rem;
        padding-left: 0
    }

        .dropdown ul > li {
            font-size: 82.75%;
            margin-left: 0;
            padding-left: 1.5rem
        }

    .dropdown a {
        color: #5c6670
    }

@media only all and (min-width: 40em) {
    .dropdown li {
        padding-left: 1.5rem
    }
}

@media only all and (min-width: 60em) {
    .dropdown {
        border-top: 0;
        display: block !important;
        opacity: 0;
        pointer-events: none;
        z-index: -1
    }

        .dropdown li {
            margin-top: 1rem
        }

        .dropdown ul {
            display: block;
            margin-top: 1rem
        }
}

.secondary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.secondary-nav li {
    margin-bottom: 1rem
}

    .secondary-nav li:last-child {
        margin-bottom: 0
    }

.secondary-nav a {
    color: inherit;
    transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1)
}

    .secondary-nav a:hover, .secondary-nav a:focus, .secondary-nav a:active {
        color: #33383c;
        text-decoration: none
    }

@media only all and (max-width: 59.999em) {
    .secondary-nav {
        display: block !important
    }
}

.hamburger {
    outline: 0 !important
}

.mobile-nav-trigger {
    height: 24px;
    position: relative;
    top: 3px
}

    .mobile-nav-trigger .hamburger-box {
        width: 32px
    }

    .mobile-nav-trigger .hamburger-inner, .mobile-nav-trigger .hamburger-inner::before, .mobile-nav-trigger .hamburger-inner::after {
        background-color: #5c6670;
        height: 2.5px;
        width: 32px
    }

.sec-nav-trigger {
    cursor: pointer;
    display: none
}

    .sec-nav-trigger .hamburger-box {
        width: 32px
    }

    .sec-nav-trigger .hamburger-inner, .sec-nav-trigger .hamburger-inner::before, .sec-nav-trigger .hamburger-inner::after {
        background-color: #5c6670;
        height: 3px;
        width: 32px
    }

.site-header__navs {
    background-color: #fff;
    position: absolute;
    top: 100%;
    width: 100%
}

@media only all and (min-width: 60em) {
    .site-header__identity {
        display: block
    }

    .site-header__navs {
        position: static;
        height: 100%
    }

    .identity-aside {
        display: none
    }

    .sec-nav-trigger {
        display: block
    }

    .secondary-nav {
        display: none;
        background-color: #ebebeb;
        padding: 1rem;
        position: absolute;
        right: 0;
        top: 100%
    }

        .secondary-nav ul {
            align-items: center;
            display: flex;
            flex-wrap: nowrap
        }

        .secondary-nav li {
            margin-bottom: 0
        }

        .secondary-nav a {
            margin: 0 0.75rem
        }

    .primary-nav > ul > li {
        margin-bottom: 0;
        position: relative
    }

    .dropdown {
        background-color: #fff;
        box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1);
        padding: 1.5rem;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        min-width: 17rem;
        z-index: 10
    }

        .dropdown li {
            display: block;
            padding-left: 0
        }

            .dropdown li:first-child {
                margin-top: 0
            }

    .primary-nav > ul > li.parent:first-child .dropdown {
        min-width: 21rem
    }

    .primary-nav > ul > li.parent:last-child .dropdown {
        left: -70%
    }
}

@media only all and (min-width: 76em) {
    .primary-nav > ul > li.parent:last-child .dropdown {
        left: 0
    }

    .secondary-nav {
        display: block;
        padding: 0
    }

        .secondary-nav li {
            display: inline-block;
            margin-bottom: 0
        }

    .sec-nav-trigger {
        display: none
    }

    .site-header__sec-nav {
        padding: 2rem calc(1rem + 1vw)
    }

    .site-header__identity {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .secondary-nav {
        display: block !important;
        padding: 0;
        position: static
    }

        .secondary-nav ul {
            display: block
        }

        .secondary-nav li:first-child a {
            margin-left: 0
        }

        .secondary-nav li:last-child a {
            margin-right: 0
        }

        .secondary-nav a {
            margin: 0 0.5rem
        }
}

@media only all and (min-width: 100em) {
    .site-header__sec-nav {
        padding: 2rem 3rem
    }
}

.masthead {
    padding-top: 2rem;
    position: relative
}

.masthead--home {
    background: transparent url(../img/hero.jpg) no-repeat 35% top;
    background-size: cover
}

.masthead-interior {
    position: relative;
    z-index: 2
}

.masthead--home .masthead-interior {
    padding: calc(3rem + 4vw) 0
}

.masthead--home:before {
    display: none
}

.section--content {
    background-color: #f7f7f7;
    padding: calc(2rem + 2vw) 0
}

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

    .section--buckets .container {
        padding-left: 0;
        padding-right: 0
    }

.buckets {
    overflow: hidden
}

    .buckets:after {
        content: 'flickity';
        display: none
    }

    .buckets .bucket {
        width: calc(74.5% + 1px)
    }

@media only all and (min-width: 32em) {
    .buckets {
        display: flex
    }

    @supports (display: grid) {
        .buckets {
            display: grid;
            grid-template-columns: repeat(3, calc(34.5% + 1px))
        }
    }

    .buckets:after {
        content: ''
    }

    .buckets .bucket {
        -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
        clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
        flex: 0 0 33.33%;
        width: 100%
    }

        .buckets .bucket:first-child {
            -webkit-clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%)
        }

        .buckets .bucket:nth-child(2) {
            position: relative;
            z-index: 2;
            transform: translateX(calc(-5% - 2px))
        }

        .buckets .bucket:last-child {
            -webkit-clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(5% 0, 100% 0%, 100% 100%, 0% 100%);
            position: relative;
            transform: translateX(calc(-10% - 3px));
            z-index: 3
        }
}

.bucket {
    display: block;
    position: relative
}

    .bucket:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0,0,0,0.25);
        opacity: 0;
        transition: opacity 600ms
    }

.bucket__contents {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    padding: calc(2rem + 1vw) 1rem;
    text-align: center;
    z-index: 2
}

    .bucket__contents h3 {
        color: inherit;
        font-family: 'AvertaPE-Regular';
        font-size: calc(1.25rem + 1vw);
        margin-top: 0
    }

@media only all and (min-width: 80em) {
    .bucket__contents h3 {
        font-size: 2.19375rem
    }
}

.bucket__img img {
    display: block;
    height: auto !important
}

.bucket:hover:after, .bucket:focus:after, .bucket:active:after {
    opacity: 1
}

.masthead--home .content {
    font-size: calc(0.9375rem + 0.25vw);
    line-height: 1.8;
    max-width: 26.5rem
}

@media only all and (min-width: 100em) {
    .masthead--home .content {
        font-size: 1.25rem
    }
}

.headline {
    font-family: 'AvertaPE-Bold';
    font-size: calc(1.75rem + 1.25vw);
    margin-bottom: calc(2rem + 1vw)
}

@media only all and (min-width: 120em) {
    .headline {
        font-size: 4.0625rem
    }
}

.headline__1 {
    color: #eb0029
}

.headline__2 {
    color: #33383c
}

.section--abstract {
    background-color: #f7f7f7;
    padding: calc(2rem + 3vw) 0;
    text-align: center
}

    .section--abstract h1 {
        color: inherit;
        font-family: 'AvertaPE-Regular';
        font-size: calc(1rem + 0.5vw);
        line-height: 1.8;
        margin: 0 auto calc(3rem + 3vw);
        max-width: 65rem
    }

@media only all and (min-width: 80em) {
    .section--abstract h1 {
        font-size: 1.6rem
    }
}

.section--abstract h1 strong {
    color: #33383c;
    font-family: 'AvertaPE-Bold'
}

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

.image-block {
    margin: 0
}

    .image-block img {
        display: block;
        height: auto !important;
        margin-bottom: calc(2rem + 2vw)
    }

    .image-block figcaption {
        font-family: 'AvertaPE-Bold';
        font-size: calc(0.9375rem + 0.25vw);
        letter-spacing: 3px;
        line-height: 1.2;
        text-transform: uppercase
    }

@media only all and (min-width: 80em) {
    .image-block figcaption {
        font-size: 1.303125rem
    }
}

.image-block .caption--block {
    color: #33383c;
    line-height: 1.5
}

    .image-block .caption--block.emph {
        border-bottom: 1px solid #cac8c8;
        color: #eb0029;
        display: inline-block;
        margin-bottom: 1rem;
        padding-bottom: 0.25rem
    }

@media only all and (min-width: 80em) {
    .image-block .caption--block {
        display: inline-block
    }

        .image-block .caption--block.emph {
            margin: 0 1.5rem 0 0
        }
}

.image-block .cta {
    margin-top: 2rem
}

    .image-block .cta:after {
        top: calc(50% - 0.5rem)
    }

.introduction-content {
    font-size: 90%;
    line-height: 1.8;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(2rem + 2vw);
    max-width: 50rem
}

    .introduction-content a {
        color: #eb0029
    }

        .introduction-content a:hover, .introduction-content a:focus, .introduction-content a:active {
            text-decoration: underline
        }

    .introduction-content p {
        margin-bottom: calc(1rem + 1vw)
    }

        .introduction-content p:last-child {
            margin-bottom: 0
        }

.section--featured-products {
    background-color: #ebebeb;
    padding: 2rem 0 0
}

.featured-products-menu {
    background-color: #fff;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1);
    padding: 1rem
}

.menu-aside {
    font-family: 'AvertaPE-Semibold';
    font-size: 90%;
    line-height: 1.2;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.featured-products-nav {
    display: none
}

    .featured-products-nav ul {
        border-bottom: 1px solid #cac8c8;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .featured-products-nav li {
        display: block
    }

        .featured-products-nav li:first-child a {
            border-top: 0
        }

        .featured-products-nav li:last-child a {
            border-bottom: 0
        }

    .featured-products-nav a, .featured-products-nav div {
        border: 1px solid #cac8c8;
        border-bottom: 0;
        color: #eb0029;
        cursor: pointer;
        display: block;
        padding: 0.5rem;
        transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

        .featured-products-nav a.active, .featured-products-nav div.active {
            display: none;
            cursor: default
        }

        .featured-products-nav a.active, .featured-products-nav a:hover, .featured-products-nav a:focus, .featured-products-nav a:active, .featured-products-nav div.active, .featured-products-nav div:hover, .featured-products-nav div:focus, .featured-products-nav div:active {
            color: #5c6670;
            text-decoration: none
        }

.nav-prompt {
    border: 1px solid #cac8c8;
    cursor: pointer;
    display: block;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    position: relative
}

    .nav-prompt:after {
        content: '';
        display: block;
        position: absolute;
        right: 0.75rem;
        top: calc(50% - 4px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8.7px 5px 0 5px;
        border-color: #5c6670 transparent transparent transparent
    }

@media only all and (min-width: 56em) {
    .featured-products-menu {
        align-items: center;
        display: flex;
        padding: 0
    }

        .featured-products-menu .menu-aside {
            border-right: 1px solid #ebebeb;
            flex: 0;
            margin-bottom: 0;
            padding: 1.5rem 2rem
        }

        .featured-products-menu .menu-main {
            flex: 1 1 auto;
            padding: 1.5rem 0
        }

    .featured-products-nav {
        display: block !important
    }

        .featured-products-nav ul {
            border-bottom: 0;
            display: flex;
            justify-content: space-around
        }

        .featured-products-nav a, .featured-products-nav div {
            border: 0 !important;
            padding: 0
        }

            .featured-products-nav a.active, .featured-products-nav div.active {
                display: block
            }

    .nav-prompt {
        display: none !important
    }
}

@media only all and (min-width: 72em) {
    .featured-products-menu .menu-aside {
        flex: 0 0 14.5rem
    }
}

.featured-products {
    background: transparent url(../img/dual-axis-home.png) no-repeat bottom right;
    background-size: 100% auto
}

    .featured-products .flickity-button {
        background: none;
        margin-bottom: calc(2rem + 3vw);
        position: static;
        transition: opacity 600ms
    }

        .featured-products .flickity-button:focus {
            box-shadow: none
        }

        .featured-products .flickity-button.next {
            float: right;
            margin-right: calc(1rem + 3vw)
        }

        .featured-products .flickity-button.previous {
            margin-left: calc(1rem + 3vw)
        }

        .featured-products .flickity-button:hover .flickity-button-icon path, .featured-products .flickity-button:focus .flickity-button-icon path, .featured-products .flickity-button:active .flickity-button-icon path {
            fill: #33383c
        }

    .featured-products .flickity-button-icon path {
        fill: #eb0029;
        transition: fill 600ms
    }

@media only all and (min-width: 40em) {
    .featured-products .flickity-prev-next-button {
        height: 60px;
        width: 60px
    }
}

@media only all and (min-width: 60em) {
    .featured-products .flickity-button {
        position: absolute;
        margin: 0 !important
    }

        .featured-products .flickity-button.next {
            float: none
        }

    .featured-products .flickity-prev-next-button {
        height: 70px;
        width: 70px
    }

    .featured-products .flickity-button.next {
        right: 0
    }

    .featured-products .flickity-button.previous {
        left: 0
    }
}

@media only all and (min-width: 100em) {
    .featured-products .flickity-button.next {
        right: 3%
    }

    .featured-products .flickity-button.previous {
        left: 3%
    }
}

.featured-product {
    padding: calc(2rem + 4vw) 0 calc(3rem + 6vw);
    width: 100%
}

    .featured-product .image {
        margin-bottom: calc(2rem + 2vw)
    }

        .featured-product .image img {
            display: block;
            height: auto !important;
            opacity: 0;
            transition: 600ms cubic-bezier(0.75, 0, 0.125, 1);
            transition-delay: 300ms;
            transform: scale(0.9) translateX(-6%)
        }

    .featured-product header {
        margin-bottom: calc(2rem + 2vw)
    }

        .featured-product header h3 {
            color: #33383c;
            font-family: 'AvertaPE-Bold';
            font-size: calc(1.25rem + 1vw);
            letter-spacing: 2px;
            margin: 0;
            text-transform: uppercase
        }

@media only all and (min-width: 60em) {
    .featured-product header h3 {
        font-size: 1.646875rem
    }
}

.featured-product .acronym {
    font-size: 60%;
    letter-spacing: 0
}

.featured-product .subhead {
    color: #eb0029;
    font-size: 120%;
    margin-bottom: calc(1rem + 1vw)
}

.featured-product .contents {
    opacity: 0;
    transition: 600ms cubic-bezier(0.75, 0, 0.125, 1);
    transition-delay: 600ms;
    transform: scale(1) translateX(6%)
}

.featured-product.is-selected .image img {
    opacity: 1;
    transform: translateX(0)
}

.featured-product.is-selected .contents {
    opacity: 1;
    transform: translateX(0)
}

.featured-product .content {
    line-height: 1.8
}

.featured-product footer {
    margin-top: calc(1rem + 1vw)
}

.featured-product .cta {
    background-color: #fff;
    display: inline-block;
    padding: 0.75rem calc(2rem + 3vw) 0.75rem 0.75rem;
    position: relative;
    text-transform: lowercase
}

    .featured-product .cta:after {
        content: '>';
        display: block;
        position: absolute;
        right: 1rem;
        top: calc(50% - 0.55rem)
    }

@media only all and (min-width: 40em) {
    .featured-product {
        align-items: center;
        display: flex
    }

    @supports (display: grid) {
        .featured-product {
            display: grid;
            grid-column-gap: 5%;
            grid-template-columns: auto 49%
        }
    }

    .featured-product .image {
        margin-bottom: 0
    }

    .featured-product .content {
        max-width: 25.5rem
    }

    .featured-product .image {
        flex: 1 1 100%
    }

    .featured-product .contents {
        flex: 0 0 49%
    }
}

@media only all and (min-width: 50em) {
    .featured-product {
        grid-column-gap: 5%;
        grid-template-columns: auto 39%
    }

        .featured-product .image {
            margin-bottom: 0
        }

        .featured-product .content {
            max-width: 25.5rem
        }

        .featured-product .contents {
            flex: 0 0 39%
        }
}

.section--promo {
    background-color: #ebebe7
}

    .section--promo.offset .promotion {
        position: relative;
        top: -1.5rem
    }

    .section--promo.top {
        margin-top: calc(2rem + 2vw)
    }

.promotion {
    background-color: #fff;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1)
}

.promotion-elements {
    margin: 0 auto;
    max-width: 65rem;
    padding: calc(1rem + 2vw) 1.5rem
}

.promotion-element {
    font-size: 1.125rem
}

.promotion-element--or {
    font-size: 90%
}

@media only all and (min-width: 80em) {
    .promotion-element {
        font-size: 1.25rem
    }
}

.form--promo {
    margin-bottom: 1rem
}

    .form--promo .form-field label {
        color: #33383c;
        display: block;
        margin-bottom: 1rem
    }

@media only all and (min-width: 60em) {
    .form--promo .form-field label {
        font-size: 1.125rem
    }
}

@media only all and (min-width: 80em) {
    .form--promo .form-field label {
        font-size: 1.25rem
    }
}

.form--promo .form-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #8a8c8c;
    margin-bottom: 1rem;
    max-width: 20rem;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    width: 100%
}

    .form--promo .form-field select:focus, .form--promo .form-field select:active {
        box-shadow: none !important;
        outline: 0 !important
    }

@media only all and (min-width: 60em) {
    .form--promo .form-field select {
        font-size: 1.125rem;
        max-width: none
    }
}

@media only all and (min-width: 80em) {
    .form--promo .form-field select {
        font-size: 1.25rem
    }
}

.form--promo .submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #eb0029;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 80%;
    overflow: hidden;
    padding: 0.75rem calc(2rem + 4vw) 0.75rem 0.75rem;
    position: relative;
    text-align: left
}

@media only all and (min-width: 48em) {
    .form--promo .submit {
        font-size: 90%
    }
}

@media only all and (min-width: 60em) {
    .form--promo .submit {
        font-size: 100%
    }
}

.form--promo .submit:after {
    content: '>';
    display: block;
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.6em);
    z-index: 2
}

.form--promo .submit .text {
    display: block;
    position: relative;
    z-index: 2
}

.form--promo .submit:before {
    background-color: #eb0029;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: calc(100% + 1px);
    width: 115%;
    background-image: linear-gradient(-80deg, #eb0029 10%, #33383c 10%);
    transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
    transform: translateX(-100%);
    transform-origin: left center
}

.form--promo .submit:hover:before, .form--promo .submit:focus:before, .form--promo .submit:active:before {
    transform: translateX(0)
}

@media only all and (min-width: 60em) {
    .form--promo .submit {
        min-width: 10rem
    }
}

.promotion-element a {
    color: #33383c;
    text-decoration: underline
}

    .promotion-element a:hover, .promotion-element a:focus, .promotion-element a:active {
        text-decoration: none
    }

.promotion-element--or {
    color: #8a8c8c;
    margin-bottom: 1rem
}

@media only all and (min-width: 30em) {
    .form--promo {
        flex: 1 1 auto;
        margin-bottom: 0
    }

        .form--promo .form-blocks {
            align-items: flex-end;
            display: flex;
            margin-bottom: 1rem;
            width: 100%
        }

        .form--promo .form-field {
            flex: 1 1 auto;
            margin-right: 0.75rem
        }

            .form--promo .form-field select {
                flex: 1 1 auto;
                margin-bottom: 0;
                max-width: none;
                width: 100%
            }

        .form--promo .submit-button {
            flex: 0;
            margin-left: 0.75rem
        }
}

@media only all and (min-width: 48em) {
    .form--promo .form-field {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        margin-right: 0
    }

        .form--promo .form-field label, .form--promo .form-field select {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form--promo .form-field label {
            flex: 0 0 auto;
            margin-right: 1rem;
            white-space: nowrap
        }

        .form--promo .form-field select {
            flex: 1 1 auto;
            margin-right: 0.75rem;
            width: auto
        }
}

@media only all and (min-width: 60em) {
    .promotion-elements {
        align-items: center;
        display: flex;
        width: 100%
    }

    .form--promo {
        flex: 1 1 auto;
        margin-bottom: 0
    }

        .form--promo .form-blocks {
            align-items: center;
            display: flex;
            margin-bottom: 0;
            width: 100%
        }

    .promotion-element {
        flex: 0 0 auto;
        margin-bottom: 0 !important;
        margin-left: 1.75rem;
        white-space: nowrap
    }
}

.section--content-2 {
    background-color: #fff;
    margin-bottom: calc(3rem + 3vw);
    overflow: hidden
}

    .section--content-2 .content-header {
        padding: calc(2rem + 4vw) 0 calc(1rem + 2vw)
    }

        .section--content-2 .content-header h2 {
            color: inherit;
            font-family: 'AvertaPE-Bold';
            font-size: calc(1.6rem + 0.8vw);
            margin: 0
        }

    .section--content-2 .content-header__aside {
        margin-bottom: calc(2rem + 2vw)
    }

    .section--content-2 .content-header__main {
        line-height: 1.8
    }

        .section--content-2 .content-header__main p {
            margin-top: 0
        }

@media only all and (min-width: 60em) {
    .section--content-2 .content-header {
        display: flex
    }

    .section--content-2 .content-header__aside {
        flex: 0 0 40%;
        margin-right: 3rem
    }

    .section--content-2 .content-header__main {
        flex: 1
    }

    @supports (display: grid) {
        .section--content-2 .content-header {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: 40% auto
        }

        .section--content-2 .content-header__aside {
            margin-right: 0 !important
        }
    }

    .section--content-2 .content-header__aside {
        margin-bottom: 0
    }
}

@media only all and (min-width: 80em) {
    .section--content-2 .content-header h2 {
        font-size: 2.4rem
    }
}

.carousel-bucket {
    display: block;
    margin-right: 1rem;
    position: relative;
    width: 80%
}

.carousel-bucket__img {
    position: relative
}

    .carousel-bucket__img img {
        display: block;
        height: auto
    }

    .carousel-bucket__img:before {
        background-color: rgba(0,0,0,0.25);
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1;
        opacity: 0;
        transition: opacity 600ms ease-in
    }

.carousel-bucket:hover .carousel-bucket__img:before, .carousel-bucket:focus .carousel-bucket__img:before, .carousel-bucket:active .carousel-bucket__img:before {
    opacity: 1
}

.carousel-bucket__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    font-size: calc(1.25rem + 1vw);
    padding: calc(1rem + 1.5vw);
    z-index: 2
}

@media only all and (min-width: 80em) {
    .carousel-bucket__content {
        font-size: 2.19375rem
    }
}

.carousel-bucket:last-child {
    margin-right: 0
}

@media only all and (min-width: 40em) {
    .carousel-bucket {
        width: 70%
    }
}

@media only all and (min-width: 60em) {
    .carousel-bucket {
        width: 60%
    }
}

.masthead--internal {
    padding-bottom: 0.25rem
}

    .masthead--internal .masthead-interior {
        color: #fff;
        padding: 0;
        text-align: center
    }

        .masthead--internal .masthead-interior h1 {
            color: inherit;
            font-family: 'AvertaPE-Semibold';
            font-size: calc(2rem + 1vw);
            margin: 0
        }

    .masthead--internal.compact .masthead-contents {
        padding: calc(2rem + 1vw) 0 calc(2rem + 2vw)
    }

.masthead-contents {
    padding: calc(3rem + 3vw) 0 calc(4rem + 4vw)
}

.subnav-prompt {
    background-color: #fff;
    color: #33383c;
    cursor: pointer;
    padding: 0.75rem 1.25rem;
    position: relative;
    transform: skew(-10deg)
}

    .subnav-prompt .text {
        display: block;
        transform: skew(10deg)
    }

    .subnav-prompt:after {
        content: '';
        position: absolute;
        right: 1rem;
        top: calc(50% - 2px);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6.1px 3.5px 0 3.5px;
        border-color: #cac8c8 transparent transparent transparent;
        transition: border-color 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

    .subnav-prompt:hover:after, .subnav-prompt:focus:after, .subnav-prompt:active:after {
        border-color: #33383c transparent transparent transparent
    }

.subnav-area {
    position: relative
}

.subnav {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%
}

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

    .subnav .current, .subnav a {
        display: block;
        overflow: hidden;
        padding: 0.75rem 1.25rem
    }

    .subnav a {
        background-color: #33383c;
        color: #fff;
        position: relative;
        transition: background-color 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

        .subnav a:before {
            background-color: #33383c;
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: calc(100% + 1px);
            width: 115%;
            background-image: linear-gradient(-90deg, #33383c 10%, #5c6670 10%);
            transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
            transform: translateX(-100%);
            transform-origin: left center
        }

        .subnav a:hover, .subnav a:focus, .subnav a:active {
            text-decoration: none
        }

            .subnav a:hover:before, .subnav a:focus:before, .subnav a:active:before {
                transform: translateX(0)
            }

    .subnav .current {
        background-color: #fff;
        color: #33383c
    }

    .subnav a.current {
        transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

        .subnav a.current:before {
            background-color: #fff;
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: calc(100% + 1px);
            width: 115%;
            background-image: linear-gradient(-90deg, #fff 10%, #5c6670 10%);
            transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
            transform: translateX(-100%);
            transform-origin: left center
        }

        .subnav a.current:hover, .subnav a.current:focus, .subnav a.current:active {
            color: #fff
        }

            .subnav a.current:hover:before, .subnav a.current:focus:before, .subnav a.current:active:before {
                transform: translateX(0)
            }

    .subnav .text {
        display: block;
        position: relative;
        z-index: 2
    }

@media only all and (min-width: 40em) {
    .subnav-area {
        max-width: none
    }

    .subnav-prompt {
        display: none !important;
        transform: skew(0)
    }

    .subnav {
        display: block !important;
        position: static
    }

        .subnav ul {
            transform: skew(0)
        }

        .subnav li {
            display: inline-block
        }

            .subnav li:last-child .current, .subnav li:last-child a {
                margin-right: 0
            }

        .subnav .current, .subnav a, .subnav span.current {
            display: inline-block;
            margin: 0 0.25rem 0.25rem 0;
            padding: 0.75rem 1.25rem;
            transform: skew(-10deg)
        }

        .subnav .text {
            transform: skew(10deg)
        }
}

.section--declaration {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: calc(2rem + 2vw);
    padding: calc(2rem + 2vw) 0
}

.declaration h2 {
    color: #eb0029;
    font-family: 'AvertaPE-Bold';
    font-size: calc(1.2rem + 0.6vw);
    margin: 0
}

.declaration p:last-child {
    margin-bottom: 0
}

.declaration__aside {
    margin-bottom: calc(2rem + 2vw)
}

.declaration__main {
    line-height: 1.8
}

    .declaration__main p {
        margin-top: 0
    }

@media only all and (min-width: 60em) {
    .declaration {
        display: flex
    }

    .declaration__aside {
        flex: 0 0 40%
    }

    .declaration__main {
        flex: 1 1 60%
    }

    @supports (display: grid) {
        .declaration {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: 40% auto
        }
    }

    .declaration__aside {
        margin-bottom: 0
    }

        .declaration__aside h2 {
            margin-top: 0.75rem
        }
}

.features {
    margin-bottom: calc(2rem + 2vw)
}

.feature {
    margin-bottom: 2rem
}

.feature__aside h2 {
    color: inherit;
    font-size: calc(1.5rem + 0.5vw);
    font-family: 'AvertaPE-Regular'
}

.feature__main {
    background-color: #ebebeb;
    line-height: 1.8;
    padding: calc(1rem + 2vw) calc(1rem + 2vw)
}

    .feature__main .feature-emphasis {
        color: inherit;
        font-family: 'AvertaPE-Regular';
        font-size: calc(1rem + 0.5vw);
        line-height: 1.3;
        margin: 0 0 2rem
    }

@media only all and (min-width: 80em) {
    .feature__main .feature-emphasis {
        font-size: 1.45rem
    }
}

.feature .feature-content {
    font-size: 90%
}

.feature .actions {
    margin-top: calc(2rem + 2vw)
}

.feature-aside-img {
    position: relative
}

    .feature-aside-img img {
        display: block
    }

.highlight {
    background-color: #eb0029;
    color: #fff;
    font-size: 90%;
    padding: 0.5rem 1rem
}

.cta {
    background-color: #fff;
    display: inline-block;
    font-size: 80%;
    overflow: hidden;
    padding: 0.5rem calc(2rem + 3vw) 0.5rem 0.75rem;
    position: relative;
    transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1);
    text-decoration: none
}

    .cta .text {
        display: block;
        position: relative;
        z-index: 2
    }

    .cta:after {
        content: '>';
        display: block;
        position: absolute;
        right: 1rem;
        top: calc(50% - 0.7rem);
        z-index: 2
    }

    .cta:before {
        background-color: #fff;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: calc(100% + 1px);
        width: 115%;
        background-image: linear-gradient(-80deg, #fff 10%, #eb0029 10%);
        transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
        transform: translateX(-100%);
        transform-origin: left center
    }

    .cta:hover, .cta:focus, .cta:active {
        color: #fff;
        text-decoration: none
    }

        .cta:hover:before, .cta:focus:before, .cta:active:before {
            transform: translateX(0)
        }

.cta--gray {
    background-color: #ebebeb;
    color: #5c6670
}

    .cta--gray:before {
        background-color: #ebebeb;
        background-image: linear-gradient(-80deg, #ebebeb 10%, #33383c 10%)
    }

    .cta--gray:hover, .cta--gray:focus, .cta--gray:active {
        color: #fff
    }

        .cta--gray:hover:before, .cta--gray:focus:before, .cta--gray:active:before {
            transform: translateX(0)
        }

.cta--gray-lightest {
    background-color: #f7f7f7;
    color: #5c6670
}

    .cta--gray-lightest:before {
        background-color: #f7f7f7;
        background-image: linear-gradient(-80deg, #f7f7f7 10%, #33383c 10%)
    }

    .cta--gray-lightest:hover, .cta--gray-lightest:focus, .cta--gray-lightest:active {
        color: #fff
    }

        .cta--gray-lightest:hover:before, .cta--gray-lightest:focus:before, .cta--gray-lightest:active:before {
            transform: translateX(0)
        }

.cta--red {
    background-color: #eb0029;
    color: #fff
}

    .cta--red:before {
        background-color: #eb0029;
        background-image: linear-gradient(-80deg, #eb0029 10%, #33383c 10%)
    }

    .cta--red:hover:before, .cta--red:focus:before, .cta--red:active:before {
        transform: translateX(0)
    }

@media only all and (min-width: 60em) {
    .feature {
        display: flex
    }

    @supports (display: grid) {
        .feature {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .feature__aside {
        flex: 1 1 auto;
        position: relative
    }

        .feature__aside .feature-aside-img {
            height: 100%
        }

            .feature__aside .feature-aside-img img {
                height: 100%;
                width: 100%
            }

        .feature__aside .feature-aside-contents {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: calc(1rem + 2vw)
        }

            .feature__aside .feature-aside-contents h2 {
                color: #fff;
                margin-top: 0
            }

    .feature .cta {
        vertical-align: bottom
    }

    .feature__main {
        display: flex;
        flex-direction: column;
        flex: 0 0 50%;
        justify-content: space-between
    }

    .feature .highlight {
        background-color: transparent;
        padding: 0
    }

        .feature .highlight .text {
            background-color: #eb0029;
            display: inline-block;
            padding: 0.5rem 1rem
        }
}

@media only all and (min-width: 80em) {
    .feature__aside .feature-aside-contents {
        padding: 2.5rem
    }

    .feature__main {
        padding: 2.5rem
    }
}

.section--promo.alternate {
    background-color: #fff;
    margin-bottom: calc(2rem + 2vw)
}

    .section--promo.alternate .promotion {
        background-color: #ebebeb;
        box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.2)
    }

.section--promo.alternate-gray .promotion {
    background-color: #f7f7f7;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.05)
}

.section--promo.alternate-gray-whitebg {
    background-color: #fff
}

    .section--promo.alternate-gray-whitebg .promotion {
        background-color: #f7f7f7;
        box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1)
    }

.section--services {
    margin-bottom: calc(2rem + 2vw)
}

.service {
    margin-bottom: calc(1rem + 1vw)
}

.service__aside {
    background-color: #ebebeb;
    padding: calc(1rem + 1vw)
}

    .service__aside h2 {
        font-family: 'AvertaPE-Regular';
        color: inherit;
        font-size: calc(1rem + 0.5vw);
        line-height: 1.3;
        margin: 0
    }

@media only all and (min-width: 60em) {
    .service__aside h2 {
        font-size: 1.25rem
    }
}

.service__img {
    position: relative
}

.service .highlight {
    font-size: calc(0.75rem + 0.5vw);
    overflow: hidden;
    position: relative
}

@media only all and (min-width: 80em) {
    .service .highlight {
        font-size: 1.25rem
    }
}

.service .highlight .text {
    display: block;
    position: relative;
    z-index: 2
}

.service .highlight:before {
    background-color: #eb0029;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: calc(100% + 1px);
    width: 115%;
    background-image: linear-gradient(-80deg, #eb0029 10%, #33383c 10%);
    transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
    transform: translateX(-100%);
    transform-origin: left center
}

.service__main img {
    display: block
}

.service a:hover, .service a:focus, .service a:active {
    text-decoration: none
}

    .service a:hover .highlight:before, .service a:focus .highlight:before, .service a:active .highlight:before {
        transform: translateX(0)
    }

@media only all and (min-width: 48em) {
    .service {
        display: flex
    }

    @supports (display: grid) {
        .service {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: auto 75%
        }
    }

    .service__aside {
        flex: 0 0 25%
    }

    .service__main {
        flex: 1 1 75%
    }

    .service .highlight {
        background-color: #eb0029;
        padding: 0;
        position: absolute;
        left: calc(1rem + 0.75vw);
        top: calc(1rem + 0.75vw);
        z-index: 2
    }

        .service .highlight .text {
            padding: 0.5rem 1rem
        }

    .services-collection {
        display: flex
    }

    @supports (display: grid) {
        .services-collection {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: repeat(3, 1fr)
        }
    }

    .services-collection a {
        flex: 0 0 50%
    }
}

.section--assortment {
    margin-bottom: calc(2rem + 1vw)
}

    .section--assortment.white .module {
        background-color: #fff
    }

@media only all and (min-width: 40em) {
    .assortment {
        display: flex;
        flex-wrap: wrap
    }

    @supports (display: grid) {
        .assortment {
            display: grid;
            grid-column-gap: 2rem;
            grid-template-columns: repeat(2, 1fr)
        }

            .assortment .module {
                margin-right: 0 !important
            }
    }

    .assortment .module {
        flex: 0 0 45%;
        margin-right: 2.5%
    }
}

@media only all and (min-width: 60em) {
    .assortment {
        flex-wrap: nowrap;
        grid-column-gap: 3rem;
        grid-template-columns: repeat(3, 1fr)
    }

        .assortment .module {
            flex: 0 0 26%;
            margin-right: 3%;
            padding: 2rem 2rem 0 2rem
        }
}

.module {
    background-color: #f7f7f7;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1);
    margin-bottom: calc(1rem + 2vw);
    padding: 1.5rem 1.5rem 0 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .module .label {
        color: #9b9fa3;
        font-size: 70%;
        letter-spacing: 2px;
        text-transform: uppercase
    }

    .module h3 {
        color: #eb0029;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.2rem + 0.6vw);
        line-height: 1.3;
        margin-bottom: 0
    }

        .module h3 a {
            text-decoration: underline
        }

            .module h3 a:hover, .module h3 a:focus, .module h3 a:active {
                text-decoration: none
            }

@media only all and (min-width: 100em) {
    .module h3 {
        font-size: 2rem
    }
}

.module__header {
    margin-bottom: calc(2rem + 2vw)
}

.module__content {
    line-height: 1.75
}

    .module__content > .text {
        color: #8a8c8c;
        font-size: 90%
    }

    .module__content footer {
        margin-top: 2rem
    }

        .module__content footer .cta {
            vertical-align: bottom
        }

.section--carousel-addl {
    margin-bottom: calc(3rem + 3vw);
    overflow: hidden
}

.section-header {
    margin-bottom: calc(2rem + 2vw);
    text-align: center
}

    .section-header h2 {
        color: #eb0029;
        font-family: 'AvertaPE-Regular';
        margin-top: 0
    }

#panel-carousel .flickity-button, #bucket-carousel .flickity-button {
    display: block;
    margin-top: 0.5rem;
    position: static;
    transform: translateY(0);
    transition: opacity 600ms
}

    #panel-carousel .flickity-button.previous, #bucket-carousel .flickity-button.previous {
        float: left
    }

    #panel-carousel .flickity-button.next, #bucket-carousel .flickity-button.next {
        float: right
    }

    #panel-carousel .flickity-button:focus, #bucket-carousel .flickity-button:focus {
        box-shadow: none
    }

        #panel-carousel .flickity-button:hover .flickity-button-icon path, #panel-carousel .flickity-button:focus .flickity-button-icon path, #panel-carousel .flickity-button:active .flickity-button-icon path, #bucket-carousel .flickity-button:hover .flickity-button-icon path, #bucket-carousel .flickity-button:focus .flickity-button-icon path, #bucket-carousel .flickity-button:active .flickity-button-icon path {
            fill: #33383c
        }

#panel-carousel .flickity-button-icon path, #bucket-carousel .flickity-button-icon path {
    transition: fill 600ms;
    fill: #eb0029
}

@media only all and (min-width: 60em) {
    #panel-carousel .flickity-button, #bucket-carousel .flickity-button {
        background-color: #fff;
        border-radius: 0;
        float: none;
        margin: 0;
        position: absolute;
        transform: translateY(-50%)
    }

        #panel-carousel .flickity-button.next, #bucket-carousel .flickity-button.next {
            right: -44px
        }

        #panel-carousel .flickity-button.previous, #bucket-carousel .flickity-button.previous {
            left: -44px
        }
}

@media only all and (min-width: 100em) {
    #panel-carousel .flickity-button.next, #bucket-carousel .flickity-button.next {
        right: -6%
    }

    #panel-carousel .flickity-button.previous, #bucket-carousel .flickity-button.previous {
        left: -6%
    }
}

.panel-bucket {
    color: inherit;
    display: block;
    margin-right: 0.5rem;
    width: 80%
}

.panel-bucket__img {
    position: relative
}

    .panel-bucket__img:before {
        background-color: rgba(51,56,60,0.25);
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }

    .panel-bucket__img img {
        display: block;
        height: auto !important;
        width: 100%
    }

.panel-bucket__content h3 {
    color: inherit;
    font-family: 'AvertaPE-Regular';
    font-size: calc(1.2rem + 0.6vw);
    margin: 0.5rem 0
}

.panel-bucket:last-child {
    margin-right: 0
}

.panel-bucket .highlight {
    overflow: hidden;
    position: relative
}

    .panel-bucket .highlight .text {
        display: block;
        position: relative;
        z-index: 2
    }

    .panel-bucket .highlight:before {
        background-color: #eb0029;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: calc(100% + 1px);
        width: 115%;
        background-image: linear-gradient(-80deg, #eb0029 10%, #33383c 10%);
        transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
        transform: translateX(-100%);
        transform-origin: left center
    }

.panel-bucket:hover, .panel-bucket:focus, .panel-bucket:active {
    text-decoration: none
}

    .panel-bucket:hover .highlight:before, .panel-bucket:focus .highlight:before, .panel-bucket:active .highlight:before {
        transform: translateX(0)
    }

@media only all and (min-width: 40em) {
    .panel-bucket {
        position: relative;
        width: 60%
    }

    .panel-bucket__content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: calc(1rem + 1vw)
    }

        .panel-bucket__content h3 {
            color: #fff;
            margin: 0
        }

    .panel-bucket .highlight {
        display: inline-block;
        padding: 0
    }

        .panel-bucket .highlight .text {
            padding: 0.5rem 1rem
        }
}

.section--product-intro {
    margin-bottom: calc(2rem + 3vw)
}

.product-intro {
    padding: calc(2rem + 2vw) 0 0
}

@media only all and (min-width: 48em) {
    .product-intro {
        padding: calc(2rem + 2vw) 0
    }
}

.product-intro__header {
    margin-bottom: calc(2rem + 2vw)
}

.intro-header--label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #33383c;
    font-family: 'AvertaPE-Bold';
    font-size: 110%;
    text-decoration: underline
}

.intro-header--nav {
    display: none
}

.product-nav {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'AvertaPE-Bold';
    font-size: 80%;
    text-transform: uppercase
}

    .product-nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .product-nav a {
        color: inherit;
        text-decoration: underline;
        transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

        .product-nav a:hover, .product-nav a:focus, .product-nav a:active {
            color: #eb0029
        }

.intro-content--header {
    line-height: 1.5;
    margin-bottom: calc(2rem + 2vw)
}

    .intro-content--header h1 {
        color: #eb0029;
        font-size: calc(1.5rem + 1vw);
        font-family: 'AvertaPE-Bold';
        letter-spacing: 3px;
        line-height: 1.2;
        text-transform: uppercase
    }

    .intro-content--header .header-content {
        font-size: calc(0.875rem + 0.4375vw)
    }

@media only all and (min-width: 48em) {
    .intro-content--header .header-content {
        font-size: 1rem
    }
}

@media only all and (min-width: 100em) {
    .intro-content--header h1 {
        font-size: 2.375rem
    }
}

.intro-content--body {
    color: #8a8c8c;
    line-height: 1.8
}

    .intro-content--body h2 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #5c6670;
        font-family: 'AvertaPE-Semibold';
        font-size: calc(1.25rem + 1vw);
        line-height: 1.2
    }

    .intro-content--body .body-content {
        font-size: 100%
    }

@media only all and (min-width: 60em) {
    .intro-content--body {
        font-size: 110%
    }
}

@media only all and (min-width: 100em) {
    .intro-content--body h2 {
        font-size: 2.25rem
    }
}

.product-intro__image {
    margin-bottom: calc(2rem + 2vw)
}

    .product-intro__image img {
        display: block;
        height: auto !important;
        width: 100%
    }

    .product-intro__image.duo img {
        min-width: 100%
    }

@media only all and (min-width: 40em) {
    .product-intro__image.duo {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only all and (min-width: 48em) {
    .section--product-intro {
        background-image: linear-gradient(to right, #fff 50%, #ebebeb 50%, #ebebeb 100%)
    }

    .product-intro {
        background-image: linear-gradient(100deg, #fff 34%, #ebebeb 34%, #ebebeb 100%)
    }

    .intro-header--nav {
        display: block
    }

    .product-nav {
        padding-top: 0.125rem
    }

        .product-nav li {
            display: inline-block;
            margin: 0 1.5rem 1rem 0
        }

            .product-nav li:last-child {
                margin-right: 0
            }

    .product-intro__header, .product-intro__content {
        display: flex
    }

    @supports (display: grid) {
        .product-intro__header, .product-intro__content {
            display: grid;
            grid-column-gap: 15%;
            grid-template-columns: 25% auto
        }
    }

    .product-intro__header .intro-header--label {
        flex: 0 0 25%;
        margin-right: 15%
    }

    .product-intro__content .intro-content--header {
        flex: 0 0 25%;
        margin-right: 15%
    }

    @supports (display: grid) {
        .product-intro__header .intro-header--label {
            margin-right: 0
        }

        .product-intro__content .intro-content--header {
            margin-right: 0
        }
    }
}

.section--rundown {
    background-color: #f7f7f7;
    margin-bottom: calc(3rem + 3vw);
    padding: calc(3rem + 2vw) 0
}

.rundown__header {
    margin-bottom: calc(3rem + 2vw);
    text-align: center
}

    .rundown__header h2 {
        color: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.25rem + 0.625vw);
        margin: 0
    }

.rundown-body-img {
    margin-bottom: calc(2rem + 2vw)
}

    .rundown-body-img img {
        display: block;
        height: auto;
        width: 100%
    }

.rundown-body-content {
    font-size: 90%;
    line-height: 1.8
}

    .rundown-body-content hr {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #cac8c8;
        margin: 1rem 0;
        width: 100%
    }

    .rundown-body-content p:first-child {
        margin-top: 0
    }

@media only all and (min-width: 60em) {
    .rundown__body {
        display: grid;
        grid-column-gap: 6rem;
        grid-template-columns: 60% auto
    }
}

.section--product-information {
    margin-bottom: calc(3rem + 3vw)
}

.product-information__col {
    margin-bottom: calc(2rem + 2vw)
}

@media only all and (min-width: 60em) {
    .product-information {
        display: flex
    }

    @supports (display: grid) {
        .product-information {
            display: grid;
            grid-column-gap: 5rem;
            grid-template-columns: repeat(2, 1fr)
        }

        .product-information__col {
            margin-right: 0 !important
        }
    }

    .product-information__col {
        flex: 1 1 50%;
        margin-bottom: 0
    }

        .product-information__col:first-child {
            margin-right: 5rem
        }
}

.product-information-header {
    margin-bottom: calc(2rem + 2vw)
}

    .product-information-header h2 {
        color: inherit;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.25rem + 0.625vw);
        margin: 0
    }

.general-cols .product-information-header {
    margin-bottom: calc(1rem + 1vw)
}

.product-information-body {
    max-width: 25rem
}

@media only all and (min-width: 60em) {
    .product-information-body {
        max-width: none
    }
}

.markets-apps {
    font-size: calc(0.875rem + 0.4375vw);
    line-height: 1.5
}

    .markets-apps ul {
        margin: 0;
        padding-left: 1rem
    }

        .markets-apps ul li {
            margin-bottom: 1rem
        }

        .markets-apps ul ul {
            margin-top: 0.5rem
        }

            .markets-apps ul ul li {
                margin-bottom: 0.5rem;
                padding-left: 0.5rem
            }

@media only all and (min-width: 48em) {
    .markets-apps {
        font-size: 1rem
    }
}

.section--downloadables {
    margin-bottom: calc(2rem + 2vw)
}

@media only all and (min-width: 48em) {
    .section--downloadables .downloadables {
        display: flex
    }

    @supports (display: grid) {
        .section--downloadables .downloadables {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: repeat(2, 1fr)
        }

            .section--downloadables .downloadables .group-title {
                margin-right: 0 !important
            }
    }

    .section--downloadables .downloadables .group-title {
        flex: 0 0 45%;
        margin-right: 5%
    }

    .section--downloadables .downloadables .downloads {
        flex: 1 1 50%
    }
}

@media only all and (min-width: 60em) {
    .section--downloadables .downloadables {
        grid-column-gap: 4rem
    }
}

@media only all and (min-width: 80em) {
    .section--downloadables .downloadables {
        grid-column-gap: 5rem
    }
}

.downloadables__group {
    margin-bottom: calc(2rem + 2vw)
}

    .downloadables__group:last-child {
        margin-bottom: 0
    }

.downloadables-trigger {
    display: block;
    cursor: pointer;
    font-size: 100%;
    margin-top: 0.5rem
}

    .downloadables-trigger:after {
        content: '^';
        font-size: 140%;
        top: calc(50% - 0.9rem);
        transform: rotate(180deg)
    }

.more-downloadables {
    display: none
}

.group-title {
    font-size: calc(0.875rem + 0.4375vw);
    margin-bottom: 2rem
}

@media only all and (min-width: 48em) {
    .group-title {
        font-size: 1rem
    }
}

.group-title .title-text {
    border-bottom: 1px solid #cac8c8;
    display: block;
    padding-bottom: 1rem
}

.downloads {
    font-size: calc(0.75rem + 0.375vw);
    line-height: 1.3;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only all and (min-width: 48em) {
    .downloads {
        font-size: 0.875rem
    }
}

.downloads .downloadable {
    display: block;
    margin-bottom: 0.5rem
}

    .downloads .downloadable:last-child {
        margin-bottom: 0
    }

    .downloads .downloadable a {
        border: 1px solid #faa81b;
        color: inherit;
        display: block;
        overflow: hidden;
        padding: 1rem;
        position: relative;
        transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1);
        text-decoration: none
    }

        .downloads .downloadable a:before {
            background-color: #fff;
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: calc(100% + 1px);
            width: 115%;
            background-image: linear-gradient(-80deg, #fff 10%, #faa81b 10%);
            transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
            transform: translateX(-100%);
            transform-origin: left center
        }

        .downloads .downloadable a:hover, .downloads .downloadable a:focus, .downloads .downloadable a:active {
            color: #fff;
            text-decoration: none
        }

            .downloads .downloadable a:hover:before, .downloads .downloadable a:focus:before, .downloads .downloadable a:active:before {
                transform: translateX(0)
            }

.download-icon {
    margin-bottom: 0.5rem
}

    .download-icon img {
        display: block;
        max-height: 44px;
        max-width: 38px
    }

.download-components {
    position: relative;
    z-index: 2
}

.general-cols .product-information__col {
    margin-top: calc(2rem + 3vw);
    max-width: 45rem
}

.general-col--main p:last-child, .general-col--main ul:last-child, .general-col--main ol:last-child, .general-col--main dl:last-child {
    margin-bottom: 0
}

@media only all and (min-width: 20em) {
    .download-components {
        display: flex
    }

    .download-icon {
        flex: 0 0 38px;
        margin-bottom: 0
    }

    .download-text {
        align-items: center;
        display: flex;
        flex: 1 1 auto;
        margin-left: 1rem
    }
}

@media only all and (min-width: 40em) {
    .markets-apps > ul {
        columns: 2;
        column-gap: 3rem
    }

        .markets-apps > ul li {
            break-inside: avoid-column
        }

    .general-cols .downloadables__group {
        display: flex
    }

    @supports (display: grid) {
        .general-cols .downloadables__group {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: 8rem auto
        }

            .general-cols .downloadables__group .group-title {
                margin-right: 0 !important
            }
    }

    .general-cols .downloadables__group .group-title {
        flex: 0 0 8rem;
        margin-bottom: 0;
        margin-right: 2rem
    }

    .general-cols .downloadables__group .downloads {
        flex: 1
    }

    .general-cols .general-col--main p:first-child {
        margin-top: 0
    }
}

@media only all and (min-width: 60em) {
    .general-cols {
        display: flex
    }

        .general-cols .general-col--main {
            flex: 0 0 55%;
            margin-right: 5rem
        }

        .general-cols .general-col--aside {
            flex: 1
        }

    @supports (display: grid) {
        .general-cols {
            display: grid;
            grid-column-gap: 5rem;
            grid-template-columns: 55% auto
        }

            .general-cols .general-col--main {
                margin-right: 0 !important
            }
    }

    .general-cols .product-information__col {
        margin-top: 0
    }

    .general-cols .downloadables__group {
        display: block;
        grid-column-gap: 3rem;
        grid-template-columns: 8rem auto
    }

        .general-cols .downloadables__group .group-title {
            margin-bottom: 2rem
        }
}

@media only all and (min-width: 68em) {
    .downloadables__group {
        display: flex
    }

    @supports (display: grid) {
        .downloadables__group {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: 8rem auto
        }

            .downloadables__group .group-title {
                margin-right: 0 !important
            }
    }

    .downloadables__group .group-title {
        flex: 0 0 8rem;
        margin-bottom: 0;
        margin-right: 2rem
    }

    .downloadables__group .downloads {
        flex: 1
    }
}

@media only all and (min-width: 70em) {
    .general-cols .downloadables__group {
        display: flex
    }

    @supports (display: grid) {
        .general-cols .downloadables__group {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: 8rem auto
        }

            .general-cols .downloadables__group .group-title {
                margin-right: 0 !important
            }
    }

    .general-cols .downloadables__group .group-title {
        flex: 0 0 8rem;
        margin-bottom: 0;
        margin-right: 2rem
    }

    .general-cols .downloadables__group .downloads {
        flex: 1
    }
}

@media only all and (min-width: 80em) {
    .product-information {
        grid-template-columns: 55% auto
    }
}

.section--tech-specs {
    border-top: 1px solid #ebebeb;
    margin-bottom: calc(3rem + 3vw);
    padding-top: calc(3rem + 3vw)
}

.tech-specs-header {
    margin-bottom: calc(2rem + 2vw);
    text-align: center
}

    .tech-specs-header h2 {
        color: inherit;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.25rem + 0.625vw);
        margin: 0
    }

.tech-specs-group {
    margin-bottom: calc(2rem + 2vw);
    max-width: 20rem
}

    .tech-specs-group h3 {
        color: #eb0029;
        font-size: calc(1rem + 0.5vw);
        margin: 0 0 calc(2rem + 1vw)
    }

.tech-specs-grouping h4 {
    font-family: 'AvertaPE-Semibold';
    font-size: calc(0.9375rem + 0.46875vw)
}

    .tech-specs-grouping h4:after {
        background-color: #faa81b;
        height: 0.25rem;
        width: 45%;
        content: '';
        display: block;
        margin-top: 0.5rem;
        max-width: 6rem
    }

.grouping-label {
    font-size: 85%;
    margin-bottom: calc(1rem + 0.5vw)
}

.grouping-label__col {
    margin-bottom: 0.25rem
}

    .grouping-label__col:last-child {
        margin-bottom: 0
    }

.grouping-row {
    background-color: #ebebeb;
    display: flex;
    font-size: 90%;
    justify-content: flex-end;
    margin-top: 0.5rem;
    padding: 0.35rem
}

.grouping-row__link {
    flex: 0 0 44px
}

    .grouping-row__link a {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #33383c;
        color: #fff;
        display: block;
        font-family: 'AvertaPE-Bold';
        overflow: hidden;
        padding: 0.25rem 0.5rem;
        position: relative;
        white-space: nowrap
    }

        .grouping-row__link a:before {
            background-color: #33383c;
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: calc(100% + 1px);
            width: 115%;
            background-image: linear-gradient(-80deg, #33383c 10%, #eb0029 10%);
            transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
            transform: translateX(-100%);
            transform-origin: left center
        }

        .grouping-row__link a:hover, .grouping-row__link a:focus, .grouping-row__link a:active {
            text-decoration: none
        }

            .grouping-row__link a:hover:before, .grouping-row__link a:focus:before, .grouping-row__link a:active:before {
                transform: translateX(0)
            }

    .grouping-row__link .text {
        position: relative;
        z-index: 2
    }

.grouping-row__subset {
    flex: 1 1 auto;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.25rem
}

    .grouping-row__subset .subset-col {
        margin-bottom: 0.25rem
    }

        .grouping-row__subset .subset-col:last-child {
            margin-bottom: 0
        }

@media only all and (min-width: 20em) {
    .grouping-label {
        display: grid;
        grid-column-gap: 1.5rem;
        grid-template-columns: repeat(2, 1fr)
    }

    .grouping-label__col {
        margin-bottom: 0
    }

        .grouping-label__col:nth-child(2) {
            text-align: right
        }

    .grouping-row__subset.cols {
        display: flex
    }

    @supports (display: grid) {
        .grouping-row__subset.cols {
            display: grid;
            grid-column-gap: 1.5rem;
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .grouping-row__subset .subset-col {
        flex: 1 1 50%;
        margin-bottom: 0
    }
}

@media only all and (min-width: 40em) {
    .tech-specs-body {
        display: flex;
        flex-wrap: wrap
    }

    @supports (display: grid) {
        .tech-specs-body {
            display: grid;
            grid-column-gap: 4rem;
            grid-template-columns: repeat(2, 1fr)
        }

            .tech-specs-body .tech-specs-group {
                margin-right: 0
            }
    }

    .tech-specs-group {
        flex: 0 0 48%;
        margin-right: 1%
    }

    .tech-specs-grouping h4 {
        font-size: 1.146875rem
    }
}

@media only all and (min-width: 60em) {
    .tech-specs-body {
        grid-template-columns: repeat(3, 1fr)
    }

    .tech-specs-group {
        flex: 0 0 31%
    }

        .tech-specs-group h3 {
            font-size: 1.35rem
        }
}

@media only all and (min-width: 80em) {
    .tech-specs-body {
        grid-template-columns: repeat(4, 1fr)
    }

    .tech-specs-group {
        flex: 0 0 24%
    }
}

.masthead--compact .masthead-interior {
    padding: calc(2rem + 1vw) 0 1rem;
    text-align: center
}

.section--abstract p:last-child {
    margin-bottom: 0
}

.section--bordered {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: calc(2rem + 2vw)
}

.section--middle-bordered {
    border-top: 1px solid #ebebeb
}

.abstract {
    margin: 0 auto;
    max-width: 48rem
}

.abstract__header {
    margin-bottom: calc(1rem + 2vw)
}

    .abstract__header h1 {
        color: #eb0029;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.2rem + 0.6vw);
        line-height: 1.2;
        margin: 0
    }

@media only all and (min-width: 60em) {
    .abstract__header h1 {
        font-size: 1.6rem
    }
}

.abstract__body {
    font-size: 90%;
    line-height: 1.8
}

    .abstract__body p:first-child {
        margin-top: 0
    }

@media only all and (min-width: 40em) {
    .abstract__body {
        font-size: 100%
    }
}

.content-feature {
    margin-bottom: calc(2rem + 1vw)
}

    .content-feature h2 {
        color: inherit;
        font-family: 'AvertaPE-Regular';
        font-size: calc(1.2rem + 1vw)
    }

.content-feature__main {
    background-color: #ebebeb;
    font-size: 100%;
    line-height: 1.8;
    padding: calc(1rem + 2vw)
}

    .content-feature__main p:first-child {
        margin-top: 0
    }

    .content-feature__main p:last-child {
        margin-bottom: 0
    }

.content-feature .content-feature-img img {
    display: block
}

.content-feature .content-feature-aside-content {
    background-color: #ebebeb;
    padding: calc(1rem + 2vw);
    padding-bottom: 0
}

    .content-feature .content-feature-aside-content h2 {
        margin: 0
    }

.content-feature:last-child {
    margin-bottom: 0
}

@media only all and (min-width: 56em) {
    .content-feature {
        display: flex
    }

    @supports (display: grid) {
        .content-feature {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .content-feature__aside {
        flex: 0 0 50%;
        position: relative
    }

    .content-feature .content-feature-aside-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: calc(1rem + 2vw);
        background-color: transparent;
        color: #fff
    }

    .content-feature__main {
        flex: 0 0 50%;
        font-size: 110%
    }
}

@media only all and (min-width: 80em) {
    .content-feature__main {
        font-size: 120%;
        padding: 2.75rem
    }

    .content-feature h2 {
        font-size: 2rem
    }

    .content-feature .content-feature-aside-content {
        padding: 2.75rem
    }
}

.section--timeline {
    margin-bottom: calc(2rem + 2vw);
    overflow: hidden
}

@media only all and (min-width: 60em) {
    #timeline-slides .flickity-viewport {
        max-height: 31.25rem
    }
}

#timeline-slides .flickity-button {
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    position: static;
    transition: 600ms cubic-bezier(0.75, 0, 0.125, 1)
}

    #timeline-slides .flickity-button:focus {
        box-shadow: none
    }

    #timeline-slides .flickity-button:before {
        background-color: #fff;
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        height: calc(100% + 1px);
        width: 115%;
        background-image: linear-gradient(-83deg, #fff 10%, #faa81b 10%);
        transition: transform 600ms cubic-bezier(0.75, 0, 0.125, 1);
        transform: translateX(-100%);
        transform-origin: left center
    }

    #timeline-slides .flickity-button.previous:before {
        background-image: linear-gradient(83deg, #fff 10%, #faa81b 10%);
        transform: translateX(87%)
    }

    #timeline-slides .flickity-button.next {
        float: right
    }

    #timeline-slides .flickity-button .flickity-button-icon {
        transition: fill 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

    #timeline-slides .flickity-button:hover:before, #timeline-slides .flickity-button:focus:before, #timeline-slides .flickity-button:active:before {
        transform: translateX(0)
    }

    #timeline-slides .flickity-button:hover.previous:before, #timeline-slides .flickity-button:focus.previous:before, #timeline-slides .flickity-button:active.previous:before {
        transform: translateX(-13%)
    }

    #timeline-slides .flickity-button:hover .flickity-button-icon, #timeline-slides .flickity-button:focus .flickity-button-icon, #timeline-slides .flickity-button:active .flickity-button-icon {
        fill: #fff
    }

#timeline-slides .flickity-prev-next-button {
    border-radius: 0;
    bottom: 0;
    top: auto;
    transform: translateY(0)
}

    #timeline-slides .flickity-prev-next-button.next {
        right: 0
    }

    #timeline-slides .flickity-prev-next-button.previous {
        left: 0
    }

@media only all and (min-width: 60em) {
    #timeline-slides .flickity-button {
        float: none !important;
        position: absolute
    }
}

.timeline-slide__img {
    background-color: #5c6670;
    margin-bottom: 0.5rem;
    position: relative
}

    .timeline-slide__img img {
        display: block;
        height: auto !important;
        width: 100%
    }

.timeline-slide__content {
    background-color: #5c6670;
    color: #fff;
    max-height: calc(25rem + 10vw);
    overflow-y: auto;
    padding: calc(2rem + 1vw) calc(1.25rem + 1vw)
}

@media only all and (min-width: 60em) {
    .timeline-slide {
        display: flex
    }

    @supports (display: grid) {
        .timeline-slide {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: 60% auto
        }
    }

    .timeline-slide__img {
        flex: 1 1 auto;
        margin-bottom: 0
    }

        .timeline-slide__img img {
            height: 100%
        }

    .timeline-slide__content {
        flex: 0 0 40%;
        max-height: 31.25rem;
        padding-bottom: calc(2rem + 1vw)
    }
}

.timeline-slide.is-selected .timeline-content-header {
    opacity: 1;
    transform: translateY(0)
}

.timeline-slide.is-selected .timeline-content-body {
    opacity: 1;
    transform: translateY(0)
}

.timeline-content-header {
    margin-bottom: 2rem;
    opacity: 0;
    transition: 600ms cubic-bezier(0.75, 0, 0.125, 1);
    transition-delay: 400ms;
    transform: translateY(1rem)
}

.timeline-year {
    font-size: calc(2rem + 2vw);
    letter-spacing: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff;
    text-shadow: 1px 0 2px rgba(34,36,40,0.7);
    line-height: 1
}

@media only all and (min-width: 100em) {
    .timeline-year {
        font-size: 1.875rem;
        font-size: 4rem
    }
}

.timeline-milestone {
    margin-bottom: 2.5rem
}

    .timeline-milestone:last-child {
        margin-bottom: 0
    }

.timeline-title h2 {
    color: inherit;
    font-family: 'AvertaPE-Regular';
    font-size: 120%;
    line-height: 1.3;
    margin: 0
}

@media only all and (min-width: 100em) {
    .timeline-title {
        font-size: 1.125rem
    }
}

.timeline-content-body {
    font-size: 90%;
    line-height: 1.8;
    opacity: 0;
    transition: 600ms cubic-bezier(0.75, 0, 0.125, 1);
    transition-delay: 600ms;
    transform: translateY(1rem)
}

    .timeline-content-body h2 {
        color: inherit;
        font-family: 'AvertaPE-Regular'
    }

@media only all and (min-width: 60em) {
    .timeline-content-body {
        font-size: 100%
    }
}

.timeline-selector {
    overflow: hidden;
    padding-top: 5rem;
    position: relative
}

    .timeline-selector .flickity-viewport {
        overflow: visible
    }

@media only all and (min-width: 60em) {
    .timeline-selector {
        padding-top: 6rem
    }
}

.timeline-selection {
    color: #cac8c8;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 1;
    margin-right: calc(2rem + 2vw);
    padding-top: 3.75rem;
    position: relative;
    transition: color 600ms cubic-bezier(0.75, 0, 0.125, 1);
    white-space: nowrap;
    width: 1rem
}

    .timeline-selection .cell-text {
        display: block;
        font-size: 80%;
        position: absolute;
        transform: rotate(-90deg);
        transform-origin: 0 0;
        transition: font 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

        .timeline-selection .cell-text:after {
            background-color: #ebebeb;
            content: '';
            height: 2rem;
            width: 0.125rem;
            position: absolute;
            left: 6.5rem;
            top: -0.55rem;
            transform: rotate(-90deg)
        }

        .timeline-selection .cell-text:before {
            border: 1px solid #33383c;
            border-radius: 50%;
            content: '';
            height: 0.6rem;
            transition: all 600ms cubic-bezier(0.75, 0, 0.125, 1);
            width: 0.6rem;
            position: absolute;
            left: 3.75rem;
            top: 0.15rem
        }

    .timeline-selection:after {
        background-image: repeating-linear-gradient(to right, transparent, transparent calc((2.55rem + 2vw) / 4), #ebebeb calc((2.55rem + 2vw) / 4), #ebebeb calc(((2.55rem + 2vw) / 4) + 0.125rem));
        content: '';
        display: block;
        height: 0.75rem;
        width: calc(2.9rem + 2vw);
        position: absolute;
        left: 0.5rem;
        top: -2.55rem
    }

    .timeline-selection:last-child:after {
        display: none
    }

    .timeline-selection:hover, .timeline-selection:focus, .timeline-selection:active {
        color: #faa81b
    }

    .timeline-selection.is-selected {
        color: #faa81b
    }

        .timeline-selection.is-selected .cell-text {
            font-size: 100%
        }

            .timeline-selection.is-selected .cell-text:before {
                background-color: #faa81b;
                border-color: #faa81b
            }

.core-values-slider-contents {
    display: flex;
    flex-direction: column;
    height: 100%;
    opacity: 0;
    transition: opacity 600ms;
    transition-delay: 2600ms
}

#core-values-area .content-slide__aside {
    background-color: #33383c
}

#core-values-area.initialized .content-slide__aside {
    opacity: 1
}

#core-values-area.initialized .content-slide .core-values-slider-contents {
    opacity: 1
}

#core-values-area .flickity-prev-next-button {
    background: transparent;
    bottom: -30px;
    top: auto;
    transform: translateY(0);
    transition: opacity 600ms
}

    #core-values-area .flickity-prev-next-button:focus {
        box-shadow: none
    }

    #core-values-area .flickity-prev-next-button.next {
        right: 0
    }

    #core-values-area .flickity-prev-next-button.previous {
        left: 0
    }

    #core-values-area .flickity-prev-next-button .flickity-button-icon path {
        transition: fill 600ms cubic-bezier(0.75, 0, 0.125, 1)
    }

    #core-values-area .flickity-prev-next-button:hover .flickity-button-icon path, #core-values-area .flickity-prev-next-button:focus .flickity-button-icon path, #core-values-area .flickity-prev-next-button:active .flickity-button-icon path {
        fill: #eb0029
    }

.gdway {
    color: #6e7073;
    font-family: 'AvertaPE-Semibold';
    line-height: 1;
    padding: calc(1rem + 3vw);
    position: relative;
    text-align: center
}

@media only all and (min-width: 60em) {
    .gdway {
        padding: 4rem 2rem
    }

    @supports (display: grid) {
        .gdway {
            padding: 2rem
        }
    }
}

.gdway svg {
    overflow: visible
}

#ari {
    max-height: 346px;
    max-width: 346px
}

    #ari path {
        transition: fill 600ms
    }

#value-4.active {
    fill: #C9C7C7 !important
}

#value-3.active {
    fill: #5C6770 !important
}

#value-2.active {
    fill: #FBAA1C !important
}

#value-1.active {
    fill: #B22029 !important
}

.gdway-interior {
    align-items: center;
    display: flex;
    font-size: calc(1.5rem + 1vw);
    justify-content: center;
    margin: 0 auto 2rem;
    text-align: center
}

@media only all and (min-width: 30em) {
    .gdway-interior {
        font-size: 1.5rem;
        height: 160px;
        left: calc(50% - 82px);
        margin: 0;
        position: absolute;
        top: calc(50% - 85px);
        width: 160px
    }

    #ari {
        height: 346px;
        width: 346px
    }

    @supports (display: grid) {
        #ari {
            height: auto;
            width: auto
        }
    }
}

.content-slide__main {
    background-color: #f7f7f7;
    padding: calc(2rem + 2vw)
}

.slider-header-nav {
    margin-bottom: calc(1rem + 1vw)
}

    .slider-header-nav a {
        display: inline-block;
        margin: 0 0.5rem 0.5rem 0
    }

@media only all and (min-width: 40em) {
    .slider-header-nav a {
        margin: 0 1.5rem 0 0
    }
}

.slider-header-nav a img {
    display: block;
    height: 56px;
    transition: filter 600ms;
    width: 56px
}

.slider-header-nav a:last-child {
    margin-right: 0
}

.slider-header-nav a:not(.active) img {
    filter: grayscale(1) opacity(0.5)
}

.slider-header-nav a:not(.active):hover img, .slider-header-nav a:not(.active):focus img, .slider-header-nav a:not(.active):active img {
    filter: grayscale(1) opacity(1)
}

.slider-header-nav a.active {
    cursor: default;
    pointer-events: none
}

.slide-header-title {
    margin-bottom: calc(2rem + 1vw)
}

    .slide-header-title h2 {
        color: #33383c;
        font-family: 'AvertaPE-Regular';
        font-size: calc(1.2rem + 0.8vw);
        line-height: 1.6;
        margin-top: 0
    }

@media only all and (min-width: 80em) {
    .slide-header-title h2 {
        font-size: 1.75rem
    }
}

.content-slide-body {
    color: #5c6670
}

.content-slide-text {
    font-size: 90%;
    line-height: 1.8
}

@media only all and (min-width: 40em) {
    .content-slide-text {
        font-size: 100%
    }
}

@media only all and (min-width: 60em) {
    .content-slide {
        display: flex;
        min-height: 30rem;
        min-height: calc(30rem + 5vw)
    }

    @supports (display: grid) {
        .content-slide {
            display: grid;
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .content-slide__aside {
        flex: 0 0 50%;
        height: 100%
    }

    .content-slide__main {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column
    }

    .content-slide-body {
        flex: 1 1 auto;
        height: 100%
    }

    .core-values-slider {
        height: 100%
    }

        .core-values-slider .carousel-cell {
            width: 100%
        }

        .core-values-slider .flickity-viewport {
            height: 100% !important
        }

        .core-values-slider .carousel-cell {
            height: 100% !important
        }

    .gdway {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.section--embed {
    margin-bottom: calc(3rem + 3vw)
}

.section--content-array {
    margin-bottom: calc(3rem + 3vw)
}

.content-array__col {
    margin-bottom: calc(2rem + 2vw)
}

    .content-array__col:last-child {
        margin-bottom: 0
    }

@media only all and (min-width: 48em) {
    .content-array {
        display: flex
    }

    .content-array__col {
        flex: 1
    }

        .content-array__col:first-child {
            margin-right: 4rem
        }

    @supports (display: grid) {
        .content-array {
            display: grid;
            grid-column-gap: 4rem;
            grid-template-columns: repeat(2, 1fr)
        }

        .content-array__col {
            margin-right: 0 !important
        }
    }

    .content-array__col {
        margin-bottom: 0
    }
}

.content-array-header {
    margin-bottom: calc(1rem + 1vw)
}

    .content-array-header h2 {
        color: #33383c;
        font-family: 'AvertaPE-Bold';
        margin: 0
    }

.content-array-body {
    line-height: 1.8
}

    .content-array-body ul {
        list-style: none;
        margin-left: 0;
        padding-left: 2rem
    }

        .content-array-body ul li {
            margin-bottom: 1rem;
            position: relative
        }

            .content-array-body ul li:before {
                background: transparent url(../img/check.jpg) no-repeat 0 0;
                background-size: 23px 20px;
                content: '';
                display: block;
                height: 1rem;
                width: 1rem;
                position: absolute;
                left: -2rem;
                top: 0.325em;
                height: 20px;
                width: 23px
            }

            .content-array-body ul li:last-child {
                margin-bottom: 0
            }

.section--statement {
    background-color: #f7f7f7;
    padding: calc(3rem + 3vw) 0
}

.statement__aside {
    margin-bottom: calc(2rem + 2vw)
}

    .statement__aside img {
        display: block;
        height: auto !important
    }

.statement__main {
    line-height: 1.8
}

.statement-footer {
    font-size: 80%;
    margin-top: calc(2rem + 2vw)
}

.statement-footer__aside img {
    display: block;
    height: auto !important;
    max-width: 150px
}

.statement-footer__main strong, .statement-footer__main b {
    text-transform: uppercase
}

.statement-footer__main p:first-child {
    margin-top: 0
}

.statement-footer__main p:last-child {
    margin-bottom: 0
}

.statement-body p {
    margin-top: 0
}

@media only all and (min-width: 32em) {
    .statement-footer {
        display: flex
    }

    .statement-footer__aside {
        flex: 0 0 auto;
        margin-right: 3.25rem
    }
}

@media only all and (min-width: 48em) {
    .statement {
        display: flex
    }

    .statement__aside {
        margin-right: 4rem
    }

    .statement__aside, .statement__main {
        flex: 1
    }

    @supports (display: grid) {
        .statement {
            display: grid;
            grid-column-gap: 4rem;
            grid-template-columns: repeat(2, 1fr)
        }

        .statement__aside {
            margin-right: 0 !important
        }
    }

    .statement__aside {
        margin-bottom: 0
    }

    .statement-footer {
        display: block
    }
}

@media only all and (min-width: 60em) {
    .statement-footer {
        display: flex
    }

    .statement-footer__aside {
        flex: 0 0 auto;
        margin-right: 3.25rem
    }
}

@media only all and (min-width: 80em) {
    .statement {
        align-items: center
    }
}

.secondaries {
    background-color: #f7f7f7;
    overflow: hidden
}

.articles {
    padding-top: calc(2rem + 2vw)
}

    .articles .article {
        background-color: #fff
    }

.article {
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1);
    margin-bottom: calc(2rem + 2vw)
}

.article--featured {
    box-shadow: none
}

.article__img img {
    display: block
}

.article__abstract {
    padding: 1.5rem 1.5rem 0 1.5rem
}

@media only all and (min-width: 60em) {
    .article__abstract {
        padding: 2rem 2rem 0 2rem
    }
}

.abstract-title {
    margin-bottom: calc(1rem + 1vw)
}

    .abstract-title h2 {
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.2rem + 0.8vw);
        line-height: 1.3;
        margin: 0
    }

        .abstract-title h2 a {
            color: #eb0029;
            text-decoration: underline
        }

            .abstract-title h2 a:hover, .abstract-title h2 a:focus, .abstract-title h2 a:active {
                text-decoration: none
            }

@media only all and (min-width: 80em) {
    .abstract-title h2 {
        font-size: 2rem
    }
}

.abstract-contents {
    color: #8a8c8c;
    line-height: 1.75
}

    .abstract-contents footer {
        margin-top: 2rem
    }

    .abstract-contents .cta {
        background-color: #ebebeb;
        vertical-align: bottom
    }

@media only all and (min-width: 60em) {
    .articles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .articles .article {
            display: flex;
            flex: 0 0 48%;
            flex: 0 0 calc(50% - 1rem);
            flex-direction: column
        }

            .articles .article .article__abstract {
                height: 100%;
                flex: 1 1 auto;
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

            .articles .article .article__img {
                flex: 0 0 auto
            }

        .articles .article--featured {
            flex: 0 0 100%;
            position: relative
        }

            .articles .article--featured .article__abstract {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                top: 0;
                height: 100%;
                width: 100%;
                align-items: flex-end;
                display: flex;
                flex-direction: row;
                padding: 2rem
            }

            .articles .article--featured .abstract-interior {
                background-color: #fff;
                padding: 2rem 2rem 0 2rem;
                max-width: calc(50% - 1.5rem)
            }
}

@media only all and (min-width: 66em) {
    .articles .article .abstract-interior {
        padding: 2rem 2rem 0 2rem
    }

    .articles .article--featured .abstract-title {
        margin-bottom: calc(2rem + 2vw)
    }
}

.section--pagination {
    padding-bottom: calc(3rem + 3vw)
}

.pagination {
    text-align: center
}

.page-numbers {
    color: #eb0029;
    display: inline-block;
    font-size: 90%;
    margin: 0 0.75rem 0.75rem
}

    .page-numbers.current {
        color: #8a8c8c
    }

    .page-numbers:first-child {
        margin-left: 0
    }

    .page-numbers:last-child {
        margin-right: 0
    }

.single-article {
    margin-bottom: calc(3rem + 3vw);
    padding-top: calc(2rem + 2vw)
}

.single-article__body {
    background-color: #fff;
    padding: 0 calc(1rem + 1vw) calc(3rem + 3vw)
}

.article-masthead-img img {
    display: block;
    height: auto !important;
    width: 100%
}

.article-masthead-title {
    background-color: #eb0029;
    padding: calc(1rem + 1vw)
}

    .article-masthead-title h1 {
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1rem + 1vw);
        margin: 0
    }

.article-meta {
    border-bottom: 1px solid #cac8c8;
    font-size: 70%;
    letter-spacing: 2px;
    padding: 1.5rem 0;
    text-transform: uppercase
}

.article-meta__main {
    color: #8a8c8c
}

.meta {
    font-family: 'AvertaPE-Semibold';
    line-height: 1.5;
    margin-bottom: 0.75rem
}

    .meta a {
        color: #eb0029
    }

        .meta a:hover, .meta a:focus, .meta a:active {
            text-decoration: underline
        }

@media only all and (min-width: 30em) {
    .meta {
        display: inline-block;
        margin-right: 1rem
    }
}

.social-nav a {
    display: inline-block
}

    .social-nav a svg {
        display: inline-block;
        height: 20px;
        margin-right: 0.75rem;
        width: 20px
    }

        .social-nav a svg path {
            fill: #eb0029;
            transition: fill 600ms cubic-bezier(0.75, 0, 0.125, 1)
        }

    .social-nav a:hover svg path, .social-nav a:focus svg path, .social-nav a:active svg path {
        fill: #33383c
    }

.article-content {
    line-height: 1.8
}

.emphasis {
    font-size: calc(1rem + 0.5vw);
    line-height: 1.5
}

.aside-header {
    border-bottom: 1px solid #cac8c8;
    color: #8a8c8c;
    font-size: 70%;
    letter-spacing: 2px;
    margin-bottom: calc(2rem + 1vw);
    padding: 1.75rem 0;
    text-transform: uppercase
}

    .aside-header h3 {
        color: inherit;
        font-family: 'AvertaPE-Semibold';
        font-size: 100%;
        margin: 0
    }

.aside-footer .cta:after {
    top: calc(50% - 0.5rem)
}

.article-links {
    line-height: 1.5;
    list-style: none;
    margin: 0 0 calc(2rem + 1vw);
    padding: 0
}

    .article-links li {
        margin-bottom: calc(1rem + 1vw)
    }

        .article-links li:last-child {
            margin-bottom: 0
        }

    .article-links a {
        color: #eb0029;
        font-family: 'AvertaPE-Bold';
        text-decoration: underline
    }

        .article-links a:hover, .article-links a:focus, .article-links a:active {
            text-decoration: none
        }

@media only all and (min-width: 48em) {
    .single-article__masthead {
        position: relative
    }

    .article-masthead-title {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 75%
    }
}

@media only all and (min-width: 60em) {
    .article-body-components {
        display: grid;
        grid-column-gap: 5rem;
        grid-template-columns: auto 18rem
    }

    .article-masthead-title {
        max-width: calc(100% - 23rem);
        width: 100%
    }
}

@media only all and (min-width: 80em) {
    .article-meta {
        display: grid;
        grid-column-gap: 2rem;
        grid-template-columns: auto 110px
    }

    .article-meta__main {
        padding-top: 6px
    }

    .article-meta .meta {
        margin-bottom: 0
    }
}

.resource-group {
    border-bottom: 1px solid #ebebeb;
    padding: calc(2rem + 2vw) 0
}

    .resource-group:last-child {
        border-bottom: 0
    }

.resource-group__header {
    margin-bottom: calc(2rem + 2vw)
}

@media only all and (min-width: 48em) {
    .resource-group__header {
        display: grid;
        grid-column-gap: 3rem;
        grid-template-columns: auto 5rem
    }

    .resource-group .hgroup-title {
        margin-bottom: 0
    }

    .resource-group .hgroup-content {
        margin-bottom: 0
    }

    .resource-group .hgroup-more {
        padding-top: 0.5rem
    }
}

.hgroup-title {
    margin-bottom: 2rem
}

    .hgroup-title h2 {
        color: #33383c;
        font-family: 'AvertaPE-Bold';
        font-size: calc(1.5rem + 0.75vw);
        margin: 0
    }

@media only all and (min-width: 60em) {
    .hgroup-title h2 {
        font-size: 1.875rem
    }
}

.hgroup-content {
    font-size: 110%;
    margin-bottom: 2rem
}

    .hgroup-content p:first-child {
        margin-top: 0
    }

    .hgroup-content p:only-child {
        margin: 0
    }

    .hgroup-content p:last-child {
        margin-bottom: 0
    }

.hgroup-more {
    font-size: 80%;
    text-transform: uppercase
}

    .hgroup-more a {
        color: #eb0029
    }

        .hgroup-more a:hover, .hgroup-more a:focus, .hgroup-more a:active {
            text-decoration: underline
        }

.resources {
    display: flex;
    flex-wrap: wrap
}

    .resources .resource {
        flex: 0 0 100%
    }

@media only all and (min-width: 24em) {
    .resources .resource {
        flex: 0 0 18.7%;
        margin-right: 1%
    }

    @supports (display: grid) {
        .resources {
            display: grid;
            grid-column-gap: 0.5rem;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
        }

            .resources .resource {
                margin-right: 0 !important
            }
    }
}

.resource {
    border: 2px solid #ebebeb;
    margin-bottom: 0.5rem;
    padding: calc(1rem + 1vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.resource__header {
    color: #eb0029;
    line-height: 1.2;
    margin-bottom: 2rem
}

    .resource__header h3 {
        color: inherit;
        font-family: 'AvertaPE-Regular';
        font-size: 1.125rem;
        line-height: 1.2;
        margin: 0
    }

@media only all and (min-width: 60em) {
    .resource__header h3 {
        font-size: 1.25rem
    }
}

.resource .cta {
    font-size: calc(0.875rem + 0.4375vw);
    display: block;
    padding: 0.5rem calc(2rem + 3vw) 0.5rem 0.5rem
}

    .resource .cta .text {
        line-height: 1.8;
        white-space: nowrap
    }

    .resource .cta img {
        display: inline-block;
        height: 24px;
        margin-right: 0.75rem;
        vertical-align: middle;
        width: 24px
    }

    .resource .cta:after {
        top: calc(50% - 0.6rem)
    }

@media only all and (min-width: 48em) {
    .resource .cta {
        font-size: 1rem
    }
}

.resource-body-content {
    font-size: 0.75rem;
    line-height: 1.5;
    margin-bottom: 1.5rem
}

@media only all and (min-width: 32em) {
    .resource-body-content {
        font-size: 0.8125rem
    }
}

.resource-body-content p {
    margin: 1rem 0
}

    .resource-body-content p:first-child {
        margin-top: 0
    }

    .resource-body-content p:last-child {
        margin-bottom: 0
    }

.resource-filter .form--promo {
    margin-bottom: 0
}

.section--contact-info {
    padding: calc(2rem + 2vw) 0
}

.contact-info__aside {
    margin-top: 2rem
}

.contact-info .cta {
    font-size: 90%;
    padding: 0.75rem calc(2rem + 3vw) 0.75rem 1rem
}

    .contact-info .cta:after {
        content: '^';
        font-size: 120%;
        top: calc(50% - 0.8rem);
        transform: rotate(180deg)
    }

@media only all and (min-width: 60em) {
    .contact-info {
        display: flex
    }

    .contact-info__main {
        flex: 1
    }

    .contact-info__aside {
        flex: 0 0 18rem
    }

    @supports (display: grid) {
        .contact-info {
            display: grid;
            grid-column-gap: 3rem;
            grid-template-columns: auto 18rem
        }
    }

    .contact-info__aside {
        margin-top: 0
    }

    .contact-info__main {
        padding-top: 0.4rem
    }

    .contact-info .cta {
        white-space: nowrap
    }
}

.contact-info-method {
    font-size: 110%;
    margin-bottom: 0.5rem
}

    .contact-info-method a:hover, .contact-info-method a:focus, .contact-info-method a:active {
        text-decoration: underline
    }

@media only all and (min-width: 48em) {
    .contact-info-method {
        display: inline-block;
        margin: 0 0.75rem 0.75rem 0
    }
}

.section--contact-locations {
    background-color: #ebebeb;
    overflow: hidden;
    padding: calc(3rem + 3vw) 0 calc(1rem + 1vw)
}

.locations {
    display: flex;
    flex-wrap: wrap
}

    .locations .location {
        flex: 0 0 100%;
        max-width: 18rem
    }

@media only all and (min-width: 40em) {
    .locations .location {
        flex: 1 1 auto
    }

    @supports (display: grid) {
        .locations {
            display: grid;
            grid-column-gap: 2rem;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
        }

            .locations .location {
                max-width: none
            }
    }
}

.location {
    margin-bottom: calc(2rem + 2vw);
    padding: calc(1rem + 1vw)
}

.location__header {
    margin-bottom: calc(1rem + 1vw)
}

    .location__header h3 {
        color: #eb0029;
        font-family: 'AvertaPE-Bold';
        margin: 0
    }

.location__body {
    line-height: 1.5
}

.location--featured {
    background-color: #fff;
    box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.1)
}

.location-body-footer {
    margin-top: 2rem
}

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

    .section--regions .section--regions__map {
        display: none
    }

.regions-content {
    padding: calc(2rem + 2vw) 0
}

.regions-content__header {
    margin-bottom: calc(1rem + 2vw)
}

    .regions-content__header .menu-aside {
        background-color: #ebebeb;
        padding: 0.75rem 1rem
    }

.region-module {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: calc(1rem + 1vw)
}

.region-module--selector {
    display: flex;
    flex-direction: column;
    max-height: 20rem
}

.region-module--details .region-header {
    color: #33383c;
    font-size: 110%
}

@media only all and (min-width: 60em) {
    #region-selector {
        opacity: 0;
        pointer-events: none;
        transition: 600ms;
        z-index: -1
    }

        #region-selector.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 2
        }
}

#region-details {
    max-height: 0;
    transition: 600ms
}

    #region-details.active {
        max-height: 23.5rem;
        opacity: 1
    }

@media only all and (min-width: 60em) {
    #region-details {
        max-height: 23.5rem;
        opacity: 0;
        pointer-events: none;
        z-index: -1
    }

        #region-details.active {
            opacity: 1;
            pointer-events: auto;
            z-index: 2
        }
}

.region-trigger.active {
    pointer-events: none
}

.selector-header {
    background-color: #eb0029;
    color: #fff;
    padding: 1.5rem
}

.selector-body {
    overflow-y: scroll
}

.selector-list {
    font-size: 90%;
    list-style: none;
    margin: 0;
    padding: 0
}

    .selector-list li {
        border-bottom: 1px solid #cac8c8;
        cursor: pointer;
        padding: 0.75rem 1.5rem;
        transition: 200ms ease-in
    }

        .selector-list li:last-child {
            border-bottom: 0
        }

        .selector-list li.active, .selector-list li:hover, .selector-list li:focus, .selector-list li:active {
            background-color: #ebebeb;
            color: #33383c
        }

.region-header {
    padding: 1.5rem
}

.region-info {
    font-size: 75%;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    padding: 0 1.5rem;
    text-transform: uppercase;
    display: grid;
    grid-column-gap: 2rem;
    grid-template-columns: 35% auto
}

.row--weather {
    white-space: nowrap
}

.region-details {
    font-size: 87.5%;
    line-height: 1.75;
    padding: 0 1.5rem 1.5rem
}

    .region-details a {
        color: #eb0029
    }

        .region-details a:hover, .region-details a:focus, .region-details a:active {
            text-decoration: underline
        }

.classification {
    font-family: 'AvertaPE-Bold';
    font-size: 95%;
    text-transform: uppercase
}

#map {
    height: 100vh;
    max-height: 900px
}

@media only all and (min-width: 60em) {
    .section--regions {
        position: relative
    }

        .section--regions .section--regions__map {
            display: block
        }

        .section--regions .section--regions__content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background: rgba(0,0,0,0.1);
            padding: calc(1rem + 3vw) 0;
            pointer-events: none
        }

    .regions-content {
        padding: 0
    }

    .regions-content__header {
        margin-bottom: calc(3rem + 3vw);
        pointer-events: auto;
        position: relative;
        z-index: 2
    }

        .regions-content__header .menu-aside {
            padding: 1.5rem 2rem;
            text-align: center
        }

    .regions-content__body {
        display: flex
    }

    .region-module {
        flex: 1 0 auto;
        max-height: 23.5rem;
        margin-bottom: 0;
        margin-right: 0.25rem;
        pointer-events: auto;
        position: relative;
        z-index: 2
    }

    .region-module--selector {
        max-width: 17rem
    }

    .region-module--details {
        max-width: 18rem
    }
}

.section--contact-form {
    background: #f4f4f2 url(../img/dual-axis-contact.png) no-repeat 0 center;
    padding: calc(2rem + 2vw) 0
}

.contact-form {
    background-color: #fff;
    padding: calc(1rem + 2vw)
}

.contact-form__header {
    font-size: 120%;
    line-height: 1.2;
    margin-bottom: calc(1rem + 1vw)
}

    .contact-form__header p {
        margin: 0
    }

        .contact-form__header p strong {
            color: #eb0029
        }

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    border: 0;
    font-size: 120%;
    line-height: 1.2;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.form--contact.invalid .wpcf7-not-valid {
    border-color: #eb0029;
    border-bottom: 1px solid #eb0029
}

.form--contact div.wpcf7-validation-errors, .form--contact div.wpcf7-acceptance-missing {
    border-color: #faa81b
}

.form--contact .form-field {
    position: relative
}

.form--contact label {
    color: #42464a;
    display: block;
    font-family: 'AvertaPE-Bold';
    font-size: 75%;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    left: 1rem;
    top: 0.8rem;
    z-index: 2
}

.form--contact .form-field input, .form--contact .form-field textarea {
    -webkit-appearance: none;
    border: 1px solid #cac8c8;
    border-radius: 0;
    display: block;
    padding: 2.25rem 1rem 1rem;
    width: 100%
}

.form--contact .form-field input {
    border-bottom: 0
}

.form--contact .form-field textarea {
    min-height: calc(10rem + 5vw);
    resize: vertical
}

.form--contact .form-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cac8c8;
    border-bottom: 0;
    border-radius: 0;
    color: #5c6670;
    padding: 2.25rem 1rem 1rem 0.75rem;
    width: 100%
}

    .form--contact .form-field select.select-css {
        background-position: right 1.7em top 50%, 0 0;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46 46"%3E%3Cpath fill="%23CBC8C2" d="M46 3.004L0 3l23.002 40z"/%3E%3C/svg%3E'),linear-gradient(to bottom, #fff 0%, #fff 100%)
    }

        .form--contact .form-field select.select-css:focus, .form--contact .form-field select.select-css:active {
            box-shadow: none !important;
            outline: 0 !important
        }

.form--contact .form-field:last-child input, .form--contact .form-field:last-child textarea, .form--contact .form-field:last-child select {
    border-bottom: 1px solid #cac8c8
}

.form--contact .submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    margin-top: 2rem;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    transition: background-color 600ms
}

    .form--contact .submit:after {
        top: calc(50% - 0.55rem)
    }

    .form--contact .submit:hover, .form--contact .submit:focus, .form--contact .submit:active {
        background-color: #33383c
    }

@media only all and (min-width: 60em) {
    .form--contact .form-interior {
        position: relative
    }

    .form--contact .form-field--subject {
        border-bottom: 1px solid #cac8c8
    }

    .form--contact .form-field--message {
        width: calc(100% - 12rem)
    }

        .form--contact .form-field--message textarea {
            border-top: 0
        }

    .form--contact .submit {
        bottom: 0;
        position: absolute;
        right: 0;
        padding-right: 2rem;
        text-align: left;
        width: 10rem
    }

    .form--contact .submit-button .ajax-loader {
        bottom: 3rem;
        position: absolute;
        right: 0
    }
}

.site-footer {
    background-color: #ebebeb;
    font-size: 80%;
    padding: calc(2rem + 2vw) 0
}

.footer-elements {
    display: flex;
    flex-direction: column
}

.footer-elements__identity {
    margin-bottom: 1.5rem;
    order: 1
}

    .footer-elements__identity a {
        display: inline-block
    }

.footer-elements__legal {
    line-height: 1.5;
    order: 2
}

.footer-elements__nav {
    margin-bottom: 1.5rem;
    order: 0
}

@media only all and (min-width: 48em) {
    .footer-elements {
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%
    }

    .footer-elements__identity {
        flex: 0 0 auto;
        margin-bottom: 0;
        margin-right: 10%;
        order: 0
    }

    .footer-elements__legal {
        flex: 1 1 auto;
        order: 1
    }

    .footer-elements__nav {
        flex: 0 0 auto;
        margin-bottom: 0;
        order: 2
    }
}

.legal-phrase {
    white-space: nowrap
}

@media only all and (min-width: 60em) {
    .legal-phrase {
        display: inline-block
    }

        .legal-phrase:first-child {
            margin-right: 1rem
        }
}

.footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-nav li {
    margin-bottom: 1rem
}

    .footer-nav li:last-child {
        margin-bottom: 0
    }

.footer-nav a {
    border-bottom: 1px solid #cac8c8;
    color: inherit;
    display: inline-block;
    padding-bottom: 0.5rem;
    transition: 600ms cubic-bezier(0.75, 0, 0.125, 1)
}

    .footer-nav a:hover, .footer-nav a:focus, .footer-nav a:active {
        color: #eb0029;
        text-decoration: none
    }

@media only all and (min-width: 26em) {
    .footer-nav li {
        display: inline-block;
        margin: 0 2rem 2rem 0
    }

        .footer-nav li:last-child {
            margin-right: 0
        }
}

@media only all and (min-width: 48em) {
    .footer-nav li {
        display: inline-block;
        margin: 0 2rem 0 0
    }

        .footer-nav li:last-child {
            margin-right: 0
        }
}

.section--general {
    line-height: 1.8;
    margin: calc(2rem + 3vw) 0
}

.job__applications__wrap {
    border: 1px solid #cac8c8;
    margin: calc(2rem + 2vw) 0
}

.resumator-advanced-widget {
    height: 100vh;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    overflow: scroll
}

.careers-why {
    margin-bottom: calc(2rem + 3vw);
    margin-top: calc(2rem + 3vw)
}

.careers-why__header {
    margin-bottom: calc(1rem + 2vw);
    position: relative;
    text-align: center
}

@media only all and (min-width: 36em) {
    .careers-why__header .text {
        background-color: #fff;
        padding: 0 1.25rem;
        position: relative;
        z-index: 2
    }

    .careers-why__header:before {
        border-top: 1px solid #cac8c8;
        content: '';
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 60%
    }
}

.careers-why__header h2 {
    font-size: 175%
}

.careers-why__body {
    display: flex;
    flex-direction: column
}

    .careers-why__body .why-stat--1 {
        margin-bottom: 1.5rem;
        order: 0
    }

    .careers-why__body .why-stat--2 {
        margin-bottom: 1.5rem;
        order: 1
    }

    .careers-why__body .why-stat-content {
        order: 2
    }

@media only all and (min-width: 32em) {
    .careers-why__body {
        flex-direction: row;
        flex-wrap: wrap
    }

        .careers-why__body .why-stat {
            flex: 0 0 50%
        }

        .careers-why__body .why-stat-content {
            margin: 0 auto
        }
}

@media only all and (min-width: 60em) {
    .careers-why__body {
        align-items: center;
        display: grid;
        flex-wrap: nowrap;
        grid-column-gap: 2rem;
        grid-template-columns: 28% auto 28%
    }

        .careers-why__body .why-stat--1 {
            flex: 0 0 auto;
            margin-bottom: 0
        }

        .careers-why__body .why-stat--2 {
            flex: 0 0 auto;
            margin-bottom: 0;
            order: 2
        }

        .careers-why__body .why-stat-content {
            order: 1
        }

            .careers-why__body .why-stat-content ul {
                margin: 0
            }
}

.why-stat {
    text-align: center
}

.stat-value {
    color: #eb0029;
    font-family: 'AvertaPE-Bold';
    font-size: calc(2rem + 4vw);
    line-height: 1;
    white-space: nowrap
}

@media only all and (min-width: 60em) {
    .stat-value {
        font-size: 4.25rem
    }
}

.stat-text {
    font-size: 100%
}

@media only all and (min-width: 48em) {
    .stat-text {
        font-size: 110%
    }
}

@media only all and (min-width: 60em) {
    .stat-text {
        font-size: 120%
    }
}

.why-stat-content {
    font-size: 90%
}

@media only all and (min-width: 48em) {
    .why-stat-content {
        font-size: 100%
    }
}

.why-stat-content ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.why-stat-content li {
    align-items: flex-start;
    display: flex;
    margin-bottom: 0.75rem
}

    .why-stat-content li .checkmark {
        flex: 0 0 22px
    }

    .why-stat-content li .list-text {
        flex: 1 1 auto
    }

    .why-stat-content li:last-child {
        margin-bottom: 0
    }

.checkmark {
    padding-top: 10px;
    width: 22px
}

    .checkmark:before {
        content: '';
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0VCMDAyOTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuMywyTDksMTMuNmwtNS4zLTVMMCwxMi4zTDksMjFMMjQsNS43TDIwLjMsMnoiLz48L3N2Zz4=);
        background-size: 100%;
        background-repeat: no-repeat;
        display: block;
        width: 12px;
        height: 12px
    }

.wsp-pages-list a {
    color: #eb0029
}

    .wsp-pages-list a:hover, .wsp-pages-list a:focus, .wsp-pages-list a:active {
        text-decoration: underline
    }

.actions--general {
    font-size: 120%;
    margin-top: calc(1rem + 2vw);
    text-align: center
}

    .actions--general .cta:after {
        top: calc(50% - 0.85rem)
    }

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: calc(1rem + 2vw) 0
}

    table p {
        margin: 1rem 0
    }

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

        table p:last-child {
            margin-bottom: 0
        }

    table strong {
        font-family: 'AvertaPE-Semibold';
        font-weight: normal
    }

    table.tablesaw {
        border: 1px solid #cac8c8;
        border-top: 1px solid #cac8c8
    }

        table.tablesaw td, table.tablesaw th {
            padding: .75em 1em
        }

@media only all and (max-width: 39.9375em) {
    table.tablesaw {
        border-bottom: 0;
        border-right: 0
    }

        table.tablesaw td:first-child {
            background-color: #f7f7f7
        }
}

@media only all and (min-width: 40em) {
    table.stages td:first-child {
        width: 50%
    }
}

@media only all and (min-width: 48em) {
    table.stages td:first-child {
        width: 40%
    }
}

th {
    text-align: left;
    padding: 15px;
    border-left: medium none;
    border-style: none solid solid none;
    border-top-style: none;
    border-top: medium none;
    border-top-color: currentcolor;
    border-top-width: medium;
    border-width: medium 1px 1px medium;
    border-color: #cac8c8;
    vertical-align: bottom;
    font-family: 'AvertaPE-Bold';
    font-weight: normal
}

td {
    padding: 15px;
    border-color: #cac8c8;
    border-left: 0;
    border-left-style: none;
    border-left-width: 0px;
    border-style: none solid solid none;
    border-top-style: none;
    border-top: medium none;
    border-top-width: medium;
    border-width: medium 1px 1px medium;
    vertical-align: top !important
}

.stripes tr:nth-of-type(2n) {
    background-color: #f7f7f7
}

.source-link {
    line-height: 1.5;
    margin-bottom: 2rem
}

    .source-link a {
        color: #eb0029;
        font-family: 'AvertaPE-Bold';
        text-decoration: underline;
        word-break: break-all
    }

        .source-link a:hover, .source-link a:focus, .source-link a:active {
            text-decoration: none
        }

.source-label {
    font-family: 'AvertaPE-Bold';
    margin-bottom: 1rem
}

.tech-authors {
    line-height: 1.5;
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

    .tech-authors li {
        margin-bottom: 1rem
    }

        .tech-authors li:last-child {
            margin-bottom: 0
        }

.author-avatar {
    display: inline-block;
    height: 16px;
    vertical-align: baseline;
    width: 16px;
    position: relative;
    top: 1px
}

.auth-cols {
    display: flex
}

.auth-col--avatar {
    flex: 0 0 24px
}

.auth-col--name {
    flex: 1 1 auto
}

.aside-footer {
    margin-top: calc(2rem + 1vw)
}

.section--general .heading {
    margin-bottom: calc(2rem + 2vw)
}

    .section--general .heading h2 {
        color: #5c6670;
        font-family: 'AvertaPE-Semibold';
        font-size: calc(1.25rem + 1vw);
        line-height: 1.2;
        margin: 0
    }

@media only all and (min-width: 100em) {
    .section--general .heading h2 {
        font-size: 2.25rem
    }
}

body {
    opacity: 0;
    transition: opacity 500ms
}

    body.ready {
        opacity: 1
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .section--regions {
        display: none !important
    }
}

.download__container {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center;
}


/* Download Page*/
.download__template {
    border: 1px solid black;
    height: 60px;
    padding-top: 10px;
    background: gray;
    margin-bottom: 20px;  
}

.download__text {
    color: white;
    margin-left: 10px;
    float: left;
    font-size: large;
}

.download__button {
    margin-right: 5px;
    height: 40px;
    float: right;
    max-height: 40px;
}

.dynamic_menu_style:hover {
    color: #000000;
    cursor: pointer;
}

.formValidation:invalid {
    border-color: red;
}

.primary-nav {
    align-items: center;
    display: flex;
    padding: 1rem 1rem;
    font-weight: bold;
             
}