@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

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

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [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
    }

input {
    overflow: visible
}

[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-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

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

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

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

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=40em&large=64em&xlarge=80em&xxlarge=118.75em"
}

html {
    box-sizing: border-box;
    font-size: 100%
}

*, *::before, *::after {
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Roboto",Arial,sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 4px
}

select {
    width: 100%;
    border-radius: 4px
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
    max-width: none !important
}

button {
    padding: 0;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background: transparent;
    line-height: 1
}

[data-whatinput='mouse'] button {
    outline: 0
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 80rem;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.grid-container.fluid {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0 auto
}

@media print,screen and (min-width:40em) {
    .grid-container.fluid {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

    .cell.auto {
        flex: 1 1 0
    }

    .cell.shrink {
        flex: 0 0 auto
    }

.grid-x > .auto {
    width: auto
}

.grid-x > .shrink {
    width: auto
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    flex-basis: auto
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
        flex-basis: auto
    }
}

@media screen and (min-width:80em) {
    .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
        flex-basis: auto
    }
}

@media screen and (min-width:118.75em) {
    .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
        flex-basis: auto
    }
}

.grid-x > .small-1 {
    width: 8.33333%
}

.grid-x > .small-2 {
    width: 16.66667%
}

.grid-x > .small-3 {
    width: 25%
}

.grid-x > .small-4 {
    width: 33.33333%
}

.grid-x > .small-5 {
    width: 41.66667%
}

.grid-x > .small-6 {
    width: 50%
}

.grid-x > .small-7 {
    width: 58.33333%
}

.grid-x > .small-8 {
    width: 66.66667%
}

.grid-x > .small-9 {
    width: 75%
}

.grid-x > .small-10 {
    width: 83.33333%
}

.grid-x > .small-11 {
    width: 91.66667%
}

.grid-x > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .grid-x > .medium-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .medium-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .medium-1 {
        width: 8.33333%
    }

    .grid-x > .medium-2 {
        width: 16.66667%
    }

    .grid-x > .medium-3 {
        width: 25%
    }

    .grid-x > .medium-4 {
        width: 33.33333%
    }

    .grid-x > .medium-5 {
        width: 41.66667%
    }

    .grid-x > .medium-6 {
        width: 50%
    }

    .grid-x > .medium-7 {
        width: 58.33333%
    }

    .grid-x > .medium-8 {
        width: 66.66667%
    }

    .grid-x > .medium-9 {
        width: 75%
    }

    .grid-x > .medium-10 {
        width: 83.33333%
    }

    .grid-x > .medium-11 {
        width: 91.66667%
    }

    .grid-x > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-x > .large-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .large-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .large-1 {
        width: 8.33333%
    }

    .grid-x > .large-2 {
        width: 16.66667%
    }

    .grid-x > .large-3 {
        width: 25%
    }

    .grid-x > .large-4 {
        width: 33.33333%
    }

    .grid-x > .large-5 {
        width: 41.66667%
    }

    .grid-x > .large-6 {
        width: 50%
    }

    .grid-x > .large-7 {
        width: 58.33333%
    }

    .grid-x > .large-8 {
        width: 66.66667%
    }

    .grid-x > .large-9 {
        width: 75%
    }

    .grid-x > .large-10 {
        width: 83.33333%
    }

    .grid-x > .large-11 {
        width: 91.66667%
    }

    .grid-x > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .grid-x > .xlarge-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .xlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .xlarge-1 {
        width: 8.33333%
    }

    .grid-x > .xlarge-2 {
        width: 16.66667%
    }

    .grid-x > .xlarge-3 {
        width: 25%
    }

    .grid-x > .xlarge-4 {
        width: 33.33333%
    }

    .grid-x > .xlarge-5 {
        width: 41.66667%
    }

    .grid-x > .xlarge-6 {
        width: 50%
    }

    .grid-x > .xlarge-7 {
        width: 58.33333%
    }

    .grid-x > .xlarge-8 {
        width: 66.66667%
    }

    .grid-x > .xlarge-9 {
        width: 75%
    }

    .grid-x > .xlarge-10 {
        width: 83.33333%
    }

    .grid-x > .xlarge-11 {
        width: 91.66667%
    }

    .grid-x > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .grid-x > .xxlarge-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x > .xxlarge-shrink {
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .xxlarge-1 {
        width: 8.33333%
    }

    .grid-x > .xxlarge-2 {
        width: 16.66667%
    }

    .grid-x > .xxlarge-3 {
        width: 25%
    }

    .grid-x > .xxlarge-4 {
        width: 33.33333%
    }

    .grid-x > .xxlarge-5 {
        width: 41.66667%
    }

    .grid-x > .xxlarge-6 {
        width: 50%
    }

    .grid-x > .xxlarge-7 {
        width: 58.33333%
    }

    .grid-x > .xxlarge-8 {
        width: 66.66667%
    }

    .grid-x > .xxlarge-9 {
        width: 75%
    }

    .grid-x > .xxlarge-10 {
        width: 83.33333%
    }

    .grid-x > .xxlarge-11 {
        width: 91.66667%
    }

    .grid-x > .xxlarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x {
        margin-left: -.625rem;
        margin-right: -.625rem
    }
}

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.25rem);
        margin-left: .625rem;
        margin-right: .625rem
    }
}

.grid-margin-x > .auto {
    width: auto
}

.grid-margin-x > .shrink {
    width: auto
}

.grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x > .medium-auto {
        width: auto
    }

    .grid-margin-x > .medium-shrink {
        width: auto
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.25rem)
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x > .large-auto {
        width: auto
    }

    .grid-margin-x > .large-shrink {
        width: auto
    }

    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.25rem)
    }

    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-margin-x > .xlarge-auto {
        width: auto
    }

    .grid-margin-x > .xlarge-shrink {
        width: auto
    }

    .grid-margin-x > .xlarge-1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid-margin-x > .xlarge-2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x > .xlarge-3 {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x > .xlarge-4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x > .xlarge-5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid-margin-x > .xlarge-6 {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x > .xlarge-7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid-margin-x > .xlarge-8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid-margin-x > .xlarge-9 {
        width: calc(75% - 1.25rem)
    }

    .grid-margin-x > .xlarge-10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid-margin-x > .xlarge-11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid-margin-x > .xlarge-12 {
        width: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-margin-x > .xxlarge-auto {
        width: auto
    }

    .grid-margin-x > .xxlarge-shrink {
        width: auto
    }

    .grid-margin-x > .xxlarge-1 {
        width: calc(8.33333% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-2 {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-3 {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-4 {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-5 {
        width: calc(41.66667% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-6 {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-7 {
        width: calc(58.33333% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-8 {
        width: calc(66.66667% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-9 {
        width: calc(75% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-10 {
        width: calc(83.33333% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-11 {
        width: calc(91.66667% - 1.25rem)
    }

    .grid-margin-x > .xxlarge-12 {
        width: calc(100% - 1.25rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.grid-padding-x > .cell {
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-x > .cell {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.small-up-1 > .cell {
    width: 100%
}

.small-up-2 > .cell {
    width: 50%
}

.small-up-3 > .cell {
    width: 33.33333%
}

.small-up-4 > .cell {
    width: 25%
}

.small-up-5 > .cell {
    width: 20%
}

.small-up-6 > .cell {
    width: 16.66667%
}

.small-up-7 > .cell {
    width: 14.28571%
}

.small-up-8 > .cell {
    width: 12.5%
}

@media print,screen and (min-width:40em) {
    .medium-up-1 > .cell {
        width: 100%
    }

    .medium-up-2 > .cell {
        width: 50%
    }

    .medium-up-3 > .cell {
        width: 33.33333%
    }

    .medium-up-4 > .cell {
        width: 25%
    }

    .medium-up-5 > .cell {
        width: 20%
    }

    .medium-up-6 > .cell {
        width: 16.66667%
    }

    .medium-up-7 > .cell {
        width: 14.28571%
    }

    .medium-up-8 > .cell {
        width: 12.5%
    }
}

@media print,screen and (min-width:64em) {
    .large-up-1 > .cell {
        width: 100%
    }

    .large-up-2 > .cell {
        width: 50%
    }

    .large-up-3 > .cell {
        width: 33.33333%
    }

    .large-up-4 > .cell {
        width: 25%
    }

    .large-up-5 > .cell {
        width: 20%
    }

    .large-up-6 > .cell {
        width: 16.66667%
    }

    .large-up-7 > .cell {
        width: 14.28571%
    }

    .large-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width:80em) {
    .xlarge-up-1 > .cell {
        width: 100%
    }

    .xlarge-up-2 > .cell {
        width: 50%
    }

    .xlarge-up-3 > .cell {
        width: 33.33333%
    }

    .xlarge-up-4 > .cell {
        width: 25%
    }

    .xlarge-up-5 > .cell {
        width: 20%
    }

    .xlarge-up-6 > .cell {
        width: 16.66667%
    }

    .xlarge-up-7 > .cell {
        width: 14.28571%
    }

    .xlarge-up-8 > .cell {
        width: 12.5%
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-up-1 > .cell {
        width: 100%
    }

    .xxlarge-up-2 > .cell {
        width: 50%
    }

    .xxlarge-up-3 > .cell {
        width: 33.33333%
    }

    .xxlarge-up-4 > .cell {
        width: 25%
    }

    .xxlarge-up-5 > .cell {
        width: 20%
    }

    .xxlarge-up-6 > .cell {
        width: 16.66667%
    }

    .xxlarge-up-7 > .cell {
        width: 14.28571%
    }

    .xxlarge-up-8 > .cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-margin-x.xlarge-up-1 > .cell {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-2 > .cell {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-3 > .cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-4 > .cell {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-5 > .cell {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-6 > .cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-7 > .cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.xlarge-up-8 > .cell {
        width: calc(12.5% - 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-margin-x.xxlarge-up-1 > .cell {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-2 > .cell {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-3 > .cell {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-4 > .cell {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-5 > .cell {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-6 > .cell {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-7 > .cell {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.xxlarge-up-8 > .cell {
        width: calc(12.5% - 1.25rem)
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0
}

    .small-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0
    }

    .small-margin-collapse > .small-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .small-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .small-3 {
        width: 25%
    }

    .small-margin-collapse > .small-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .small-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .small-6 {
        width: 50%
    }

    .small-margin-collapse > .small-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .small-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .small-9 {
        width: 75%
    }

    .small-margin-collapse > .small-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .small-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .small-12 {
        width: 100%
    }

@media print,screen and (min-width:40em) {
    .small-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .medium-3 {
        width: 25%
    }

    .small-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .medium-6 {
        width: 50%
    }

    .small-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .medium-9 {
        width: 75%
    }

    .small-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .small-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .large-3 {
        width: 25%
    }

    .small-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .large-6 {
        width: 50%
    }

    .small-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .large-9 {
        width: 75%
    }

    .small-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .small-margin-collapse > .xlarge-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .xlarge-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .small-margin-collapse > .xlarge-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .xlarge-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .small-margin-collapse > .xlarge-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .xlarge-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .small-margin-collapse > .xlarge-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .xlarge-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .small-margin-collapse > .xxlarge-1 {
        width: 8.33333%
    }

    .small-margin-collapse > .xxlarge-2 {
        width: 16.66667%
    }

    .small-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .small-margin-collapse > .xxlarge-4 {
        width: 33.33333%
    }

    .small-margin-collapse > .xxlarge-5 {
        width: 41.66667%
    }

    .small-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .small-margin-collapse > .xxlarge-7 {
        width: 58.33333%
    }

    .small-margin-collapse > .xxlarge-8 {
        width: 66.66667%
    }

    .small-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .small-margin-collapse > .xxlarge-10 {
        width: 83.33333%
    }

    .small-margin-collapse > .xxlarge-11 {
        width: 91.66667%
    }

    .small-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0
}

    .small-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0
    }

@media print,screen and (min-width:40em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .medium-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

.medium-margin-collapse > .small-1 {
    width: 8.33333%
}

.medium-margin-collapse > .small-2 {
    width: 16.66667%
}

.medium-margin-collapse > .small-3 {
    width: 25%
}

.medium-margin-collapse > .small-4 {
    width: 33.33333%
}

.medium-margin-collapse > .small-5 {
    width: 41.66667%
}

.medium-margin-collapse > .small-6 {
    width: 50%
}

.medium-margin-collapse > .small-7 {
    width: 58.33333%
}

.medium-margin-collapse > .small-8 {
    width: 66.66667%
}

.medium-margin-collapse > .small-9 {
    width: 75%
}

.medium-margin-collapse > .small-10 {
    width: 83.33333%
}

.medium-margin-collapse > .small-11 {
    width: 91.66667%
}

.medium-margin-collapse > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .large-3 {
        width: 25%
    }

    .medium-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .large-6 {
        width: 50%
    }

    .medium-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .large-9 {
        width: 75%
    }

    .medium-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .medium-margin-collapse > .xlarge-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .xlarge-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .xlarge-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .xlarge-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .xlarge-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .xlarge-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .xlarge-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .xlarge-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .medium-margin-collapse > .xxlarge-1 {
        width: 8.33333%
    }

    .medium-margin-collapse > .xxlarge-2 {
        width: 16.66667%
    }

    .medium-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .medium-margin-collapse > .xxlarge-4 {
        width: 33.33333%
    }

    .medium-margin-collapse > .xxlarge-5 {
        width: 41.66667%
    }

    .medium-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .medium-margin-collapse > .xxlarge-7 {
        width: 58.33333%
    }

    .medium-margin-collapse > .xxlarge-8 {
        width: 66.66667%
    }

    .medium-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .medium-margin-collapse > .xxlarge-10 {
        width: 83.33333%
    }

    .medium-margin-collapse > .xxlarge-11 {
        width: 91.66667%
    }

    .medium-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media print,screen and (min-width:40em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .medium-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .large-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

.large-margin-collapse > .small-1 {
    width: 8.33333%
}

.large-margin-collapse > .small-2 {
    width: 16.66667%
}

.large-margin-collapse > .small-3 {
    width: 25%
}

.large-margin-collapse > .small-4 {
    width: 33.33333%
}

.large-margin-collapse > .small-5 {
    width: 41.66667%
}

.large-margin-collapse > .small-6 {
    width: 50%
}

.large-margin-collapse > .small-7 {
    width: 58.33333%
}

.large-margin-collapse > .small-8 {
    width: 66.66667%
}

.large-margin-collapse > .small-9 {
    width: 75%
}

.large-margin-collapse > .small-10 {
    width: 83.33333%
}

.large-margin-collapse > .small-11 {
    width: 91.66667%
}

.large-margin-collapse > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .large-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .medium-3 {
        width: 25%
    }

    .large-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .medium-6 {
        width: 50%
    }

    .large-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .medium-9 {
        width: 75%
    }

    .large-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .large-3 {
        width: 25%
    }

    .large-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .large-6 {
        width: 50%
    }

    .large-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .large-9 {
        width: 75%
    }

    .large-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .large-margin-collapse > .xlarge-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .xlarge-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .large-margin-collapse > .xlarge-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .xlarge-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .large-margin-collapse > .xlarge-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .xlarge-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .large-margin-collapse > .xlarge-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .xlarge-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .large-margin-collapse > .xxlarge-1 {
        width: 8.33333%
    }

    .large-margin-collapse > .xxlarge-2 {
        width: 16.66667%
    }

    .large-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .large-margin-collapse > .xxlarge-4 {
        width: 33.33333%
    }

    .large-margin-collapse > .xxlarge-5 {
        width: 41.66667%
    }

    .large-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .large-margin-collapse > .xxlarge-7 {
        width: 58.33333%
    }

    .large-margin-collapse > .xxlarge-8 {
        width: 66.66667%
    }

    .large-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .large-margin-collapse > .xxlarge-10 {
        width: 83.33333%
    }

    .large-margin-collapse > .xxlarge-11 {
        width: 91.66667%
    }

    .large-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .large-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

@media screen and (min-width:80em) {
    .xlarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .xlarge-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

.xlarge-margin-collapse > .small-1 {
    width: 8.33333%
}

.xlarge-margin-collapse > .small-2 {
    width: 16.66667%
}

.xlarge-margin-collapse > .small-3 {
    width: 25%
}

.xlarge-margin-collapse > .small-4 {
    width: 33.33333%
}

.xlarge-margin-collapse > .small-5 {
    width: 41.66667%
}

.xlarge-margin-collapse > .small-6 {
    width: 50%
}

.xlarge-margin-collapse > .small-7 {
    width: 58.33333%
}

.xlarge-margin-collapse > .small-8 {
    width: 66.66667%
}

.xlarge-margin-collapse > .small-9 {
    width: 75%
}

.xlarge-margin-collapse > .small-10 {
    width: 83.33333%
}

.xlarge-margin-collapse > .small-11 {
    width: 91.66667%
}

.xlarge-margin-collapse > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .xlarge-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .xlarge-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .xlarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .xlarge-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .xlarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .xlarge-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .xlarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .xlarge-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .xlarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .xlarge-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .xlarge-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .xlarge-margin-collapse > .large-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .xlarge-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .xlarge-margin-collapse > .large-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .xlarge-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .xlarge-margin-collapse > .large-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .xlarge-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .xlarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .xlarge-margin-collapse > .xlarge-1 {
        width: 8.33333%
    }

    .xlarge-margin-collapse > .xlarge-2 {
        width: 16.66667%
    }

    .xlarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .xlarge-4 {
        width: 33.33333%
    }

    .xlarge-margin-collapse > .xlarge-5 {
        width: 41.66667%
    }

    .xlarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .xlarge-7 {
        width: 58.33333%
    }

    .xlarge-margin-collapse > .xlarge-8 {
        width: 66.66667%
    }

    .xlarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .xlarge-10 {
        width: 83.33333%
    }

    .xlarge-margin-collapse > .xlarge-11 {
        width: 91.66667%
    }

    .xlarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .xlarge-margin-collapse > .xxlarge-1 {
        width: 8.33333%
    }

    .xlarge-margin-collapse > .xxlarge-2 {
        width: 16.66667%
    }

    .xlarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse > .xxlarge-4 {
        width: 33.33333%
    }

    .xlarge-margin-collapse > .xxlarge-5 {
        width: 41.66667%
    }

    .xlarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse > .xxlarge-7 {
        width: 58.33333%
    }

    .xlarge-margin-collapse > .xxlarge-8 {
        width: 66.66667%
    }

    .xlarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse > .xxlarge-10 {
        width: 83.33333%
    }

    .xlarge-margin-collapse > .xxlarge-11 {
        width: 91.66667%
    }

    .xlarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .xlarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .xlarge-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

@media screen and (min-width:118.75em) {
    .xxlarge-margin-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .xxlarge-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0
        }
}

.xxlarge-margin-collapse > .small-1 {
    width: 8.33333%
}

.xxlarge-margin-collapse > .small-2 {
    width: 16.66667%
}

.xxlarge-margin-collapse > .small-3 {
    width: 25%
}

.xxlarge-margin-collapse > .small-4 {
    width: 33.33333%
}

.xxlarge-margin-collapse > .small-5 {
    width: 41.66667%
}

.xxlarge-margin-collapse > .small-6 {
    width: 50%
}

.xxlarge-margin-collapse > .small-7 {
    width: 58.33333%
}

.xxlarge-margin-collapse > .small-8 {
    width: 66.66667%
}

.xxlarge-margin-collapse > .small-9 {
    width: 75%
}

.xxlarge-margin-collapse > .small-10 {
    width: 83.33333%
}

.xxlarge-margin-collapse > .small-11 {
    width: 91.66667%
}

.xxlarge-margin-collapse > .small-12 {
    width: 100%
}

@media print,screen and (min-width:40em) {
    .xxlarge-margin-collapse > .medium-1 {
        width: 8.33333%
    }

    .xxlarge-margin-collapse > .medium-2 {
        width: 16.66667%
    }

    .xxlarge-margin-collapse > .medium-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .medium-4 {
        width: 33.33333%
    }

    .xxlarge-margin-collapse > .medium-5 {
        width: 41.66667%
    }

    .xxlarge-margin-collapse > .medium-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .medium-7 {
        width: 58.33333%
    }

    .xxlarge-margin-collapse > .medium-8 {
        width: 66.66667%
    }

    .xxlarge-margin-collapse > .medium-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .medium-10 {
        width: 83.33333%
    }

    .xxlarge-margin-collapse > .medium-11 {
        width: 91.66667%
    }

    .xxlarge-margin-collapse > .medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width:64em) {
    .xxlarge-margin-collapse > .large-1 {
        width: 8.33333%
    }

    .xxlarge-margin-collapse > .large-2 {
        width: 16.66667%
    }

    .xxlarge-margin-collapse > .large-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .large-4 {
        width: 33.33333%
    }

    .xxlarge-margin-collapse > .large-5 {
        width: 41.66667%
    }

    .xxlarge-margin-collapse > .large-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .large-7 {
        width: 58.33333%
    }

    .xxlarge-margin-collapse > .large-8 {
        width: 66.66667%
    }

    .xxlarge-margin-collapse > .large-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .large-10 {
        width: 83.33333%
    }

    .xxlarge-margin-collapse > .large-11 {
        width: 91.66667%
    }

    .xxlarge-margin-collapse > .large-12 {
        width: 100%
    }
}

@media screen and (min-width:80em) {
    .xxlarge-margin-collapse > .xlarge-1 {
        width: 8.33333%
    }

    .xxlarge-margin-collapse > .xlarge-2 {
        width: 16.66667%
    }

    .xxlarge-margin-collapse > .xlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .xlarge-4 {
        width: 33.33333%
    }

    .xxlarge-margin-collapse > .xlarge-5 {
        width: 41.66667%
    }

    .xxlarge-margin-collapse > .xlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .xlarge-7 {
        width: 58.33333%
    }

    .xxlarge-margin-collapse > .xlarge-8 {
        width: 66.66667%
    }

    .xxlarge-margin-collapse > .xlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .xlarge-10 {
        width: 83.33333%
    }

    .xxlarge-margin-collapse > .xlarge-11 {
        width: 91.66667%
    }

    .xxlarge-margin-collapse > .xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-margin-collapse > .xxlarge-1 {
        width: 8.33333%
    }

    .xxlarge-margin-collapse > .xxlarge-2 {
        width: 16.66667%
    }

    .xxlarge-margin-collapse > .xxlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse > .xxlarge-4 {
        width: 33.33333%
    }

    .xxlarge-margin-collapse > .xxlarge-5 {
        width: 41.66667%
    }

    .xxlarge-margin-collapse > .xxlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse > .xxlarge-7 {
        width: 58.33333%
    }

    .xxlarge-margin-collapse > .xxlarge-8 {
        width: 66.66667%
    }

    .xxlarge-margin-collapse > .xxlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse > .xxlarge-10 {
        width: 83.33333%
    }

    .xxlarge-margin-collapse > .xxlarge-11 {
        width: 91.66667%
    }

    .xxlarge-margin-collapse > .xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-padding-collapse {
        margin-right: 0;
        margin-left: 0
    }

        .xxlarge-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0
        }
}

.small-offset-0 {
    margin-left: 0%
}

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + .625rem)
}

.small-offset-1 {
    margin-left: 8.33333%
}

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
    margin-left: 16.66667%
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.small-offset-4 {
    margin-left: 33.33333%
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
    margin-left: 41.66667%
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.small-offset-7 {
    margin-left: 58.33333%
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
    margin-left: 66.66667%
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.small-offset-10 {
    margin-left: 83.33333%
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
    margin-left: 91.66667%
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width:40em) {
    .medium-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + .625rem)
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + .625rem)
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + .625rem)
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + .625rem)
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

@media print,screen and (min-width:64em) {
    .large-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + .625rem)
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + .625rem)
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + .625rem)
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + .625rem)
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

@media screen and (min-width:80em) {
    .xlarge-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .xlarge-offset-0 {
        margin-left: calc(0% + .625rem)
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .xlarge-offset-1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .xlarge-offset-2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .xlarge-offset-3 {
        margin-left: calc(25% + .625rem)
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .xlarge-offset-4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .xlarge-offset-5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .xlarge-offset-6 {
        margin-left: calc(50% + .625rem)
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .xlarge-offset-7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .xlarge-offset-8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .xlarge-offset-9 {
        margin-left: calc(75% + .625rem)
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .xlarge-offset-10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .xlarge-offset-11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-offset-0 {
        margin-left: 0%
    }

    .grid-margin-x > .xxlarge-offset-0 {
        margin-left: calc(0% + .625rem)
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .grid-margin-x > .xxlarge-offset-1 {
        margin-left: calc(8.33333% + .625rem)
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .grid-margin-x > .xxlarge-offset-2 {
        margin-left: calc(16.66667% + .625rem)
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x > .xxlarge-offset-3 {
        margin-left: calc(25% + .625rem)
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .grid-margin-x > .xxlarge-offset-4 {
        margin-left: calc(33.33333% + .625rem)
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .grid-margin-x > .xxlarge-offset-5 {
        margin-left: calc(41.66667% + .625rem)
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x > .xxlarge-offset-6 {
        margin-left: calc(50% + .625rem)
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .grid-margin-x > .xxlarge-offset-7 {
        margin-left: calc(58.33333% + .625rem)
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .grid-margin-x > .xxlarge-offset-8 {
        margin-left: calc(66.66667% + .625rem)
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x > .xxlarge-offset-9 {
        margin-left: calc(75% + .625rem)
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .grid-margin-x > .xxlarge-offset-10 {
        margin-left: calc(83.33333% + .625rem)
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .grid-margin-x > .xxlarge-offset-11 {
        margin-left: calc(91.66667% + .625rem)
    }
}

.grid-y {
    display: flex;
    flex-flow: column nowrap
}

    .grid-y > .cell {
        width: auto
    }

    .grid-y > .auto {
        height: auto
    }

    .grid-y > .shrink {
        height: auto
    }

    .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
        flex-basis: auto
    }

@media print,screen and (min-width:40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
        flex-basis: auto
    }
}

@media screen and (min-width:80em) {
    .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
        flex-basis: auto
    }
}

@media screen and (min-width:118.75em) {
    .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
        flex-basis: auto
    }
}

.grid-y > .small-1 {
    height: 8.33333%
}

.grid-y > .small-2 {
    height: 16.66667%
}

.grid-y > .small-3 {
    height: 25%
}

.grid-y > .small-4 {
    height: 33.33333%
}

.grid-y > .small-5 {
    height: 41.66667%
}

.grid-y > .small-6 {
    height: 50%
}

.grid-y > .small-7 {
    height: 58.33333%
}

.grid-y > .small-8 {
    height: 66.66667%
}

.grid-y > .small-9 {
    height: 75%
}

.grid-y > .small-10 {
    height: 83.33333%
}

.grid-y > .small-11 {
    height: 91.66667%
}

.grid-y > .small-12 {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .grid-y > .medium-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .medium-shrink {
        height: auto
    }

    .grid-y > .medium-1 {
        height: 8.33333%
    }

    .grid-y > .medium-2 {
        height: 16.66667%
    }

    .grid-y > .medium-3 {
        height: 25%
    }

    .grid-y > .medium-4 {
        height: 33.33333%
    }

    .grid-y > .medium-5 {
        height: 41.66667%
    }

    .grid-y > .medium-6 {
        height: 50%
    }

    .grid-y > .medium-7 {
        height: 58.33333%
    }

    .grid-y > .medium-8 {
        height: 66.66667%
    }

    .grid-y > .medium-9 {
        height: 75%
    }

    .grid-y > .medium-10 {
        height: 83.33333%
    }

    .grid-y > .medium-11 {
        height: 91.66667%
    }

    .grid-y > .medium-12 {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .grid-y > .large-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .large-shrink {
        height: auto
    }

    .grid-y > .large-1 {
        height: 8.33333%
    }

    .grid-y > .large-2 {
        height: 16.66667%
    }

    .grid-y > .large-3 {
        height: 25%
    }

    .grid-y > .large-4 {
        height: 33.33333%
    }

    .grid-y > .large-5 {
        height: 41.66667%
    }

    .grid-y > .large-6 {
        height: 50%
    }

    .grid-y > .large-7 {
        height: 58.33333%
    }

    .grid-y > .large-8 {
        height: 66.66667%
    }

    .grid-y > .large-9 {
        height: 75%
    }

    .grid-y > .large-10 {
        height: 83.33333%
    }

    .grid-y > .large-11 {
        height: 91.66667%
    }

    .grid-y > .large-12 {
        height: 100%
    }
}

@media screen and (min-width:80em) {
    .grid-y > .xlarge-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .xlarge-shrink {
        height: auto
    }

    .grid-y > .xlarge-1 {
        height: 8.33333%
    }

    .grid-y > .xlarge-2 {
        height: 16.66667%
    }

    .grid-y > .xlarge-3 {
        height: 25%
    }

    .grid-y > .xlarge-4 {
        height: 33.33333%
    }

    .grid-y > .xlarge-5 {
        height: 41.66667%
    }

    .grid-y > .xlarge-6 {
        height: 50%
    }

    .grid-y > .xlarge-7 {
        height: 58.33333%
    }

    .grid-y > .xlarge-8 {
        height: 66.66667%
    }

    .grid-y > .xlarge-9 {
        height: 75%
    }

    .grid-y > .xlarge-10 {
        height: 83.33333%
    }

    .grid-y > .xlarge-11 {
        height: 91.66667%
    }

    .grid-y > .xlarge-12 {
        height: 100%
    }
}

@media screen and (min-width:118.75em) {
    .grid-y > .xxlarge-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y > .xxlarge-shrink {
        height: auto
    }

    .grid-y > .xxlarge-1 {
        height: 8.33333%
    }

    .grid-y > .xxlarge-2 {
        height: 16.66667%
    }

    .grid-y > .xxlarge-3 {
        height: 25%
    }

    .grid-y > .xxlarge-4 {
        height: 33.33333%
    }

    .grid-y > .xxlarge-5 {
        height: 41.66667%
    }

    .grid-y > .xxlarge-6 {
        height: 50%
    }

    .grid-y > .xxlarge-7 {
        height: 58.33333%
    }

    .grid-y > .xxlarge-8 {
        height: 66.66667%
    }

    .grid-y > .xxlarge-9 {
        height: 75%
    }

    .grid-y > .xxlarge-10 {
        height: 83.33333%
    }

    .grid-y > .xxlarge-11 {
        height: 91.66667%
    }

    .grid-y > .xxlarge-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -.625rem;
        margin-bottom: -.625rem
    }
}

.grid-padding-y > .cell {
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-padding-y > .cell {
        padding-top: .625rem;
        padding-bottom: .625rem
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.625rem;
        margin-bottom: -.625rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.25rem);
        margin-top: .625rem;
        margin-bottom: .625rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-margin-y > .xxlarge-auto {
        height: auto
    }

    .grid-margin-y > .xxlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xxlarge-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-12 {
        height: calc(100% - 1.25rem)
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

    .cell-block-container > .grid-x {
        max-height: 100%;
        flex-wrap: nowrap
    }

@media print,screen and (min-width:40em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .medium-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

@media print,screen and (min-width:64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .large-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width:80em) {
    .xlarge-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .xlarge-grid-frame {
        width: 100%
    }

    .xlarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .xlarge-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .xlarge-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .xlarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-grid-frame {
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        width: 100vw
    }

    .cell .xxlarge-grid-frame {
        width: 100%
    }

    .xxlarge-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .xxlarge-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

        .xxlarge-cell-block-container > .grid-x {
            max-height: 100%;
            flex-wrap: nowrap
        }

    .xxlarge-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh
}

@media print,screen and (min-width:40em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

@media print,screen and (min-width:64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

@media screen and (min-width:80em) {
    .grid-y.xlarge-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

@media screen and (min-width:118.75em) {
    .grid-y.xxlarge-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        flex-wrap: nowrap;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,screen and (min-width:40em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,screen and (min-width:64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

@media screen and (min-width:80em) {
    .cell .grid-y.xlarge-grid-frame {
        height: 100%
    }
}

@media screen and (min-width:118.75em) {
    .cell .grid-y.xxlarge-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y {
        margin-top: -.625rem;
        margin-bottom: -.625rem
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.25rem);
        margin-top: .625rem;
        margin-bottom: .625rem
    }
}

.grid-margin-y > .auto {
    height: auto
}

.grid-margin-y > .shrink {
    height: auto
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-margin-y > .medium-auto {
        height: auto
    }

    .grid-margin-y > .medium-shrink {
        height: auto
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y > .large-auto {
        height: auto
    }

    .grid-margin-y > .large-shrink {
        height: auto
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-margin-y > .xlarge-auto {
        height: auto
    }

    .grid-margin-y > .xlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xlarge-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .xlarge-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .xlarge-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .xlarge-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .xlarge-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .xlarge-12 {
        height: calc(100% - 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-margin-y > .xxlarge-auto {
        height: auto
    }

    .grid-margin-y > .xxlarge-shrink {
        height: auto
    }

    .grid-margin-y > .xxlarge-1 {
        height: calc(8.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-2 {
        height: calc(16.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-3 {
        height: calc(25% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-4 {
        height: calc(33.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-5 {
        height: calc(41.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-6 {
        height: calc(50% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-7 {
        height: calc(58.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-8 {
        height: calc(66.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-9 {
        height: calc(75% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-10 {
        height: calc(83.33333% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-11 {
        height: calc(91.66667% - 1.25rem)
    }

    .grid-margin-y > .xxlarge-12 {
        height: calc(100% - 1.25rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width:40em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.25rem)
    }
}

@media print,screen and (min-width:40em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.25rem)
    }
}

@media print,screen and (min-width:64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.25rem)
    }
}

@media screen and (min-width:80em) {
    .grid-margin-y.xlarge-grid-frame {
        height: calc(100vh + 1.25rem)
    }
}

@media screen and (min-width:118.75em) {
    .grid-margin-y.xxlarge-grid-frame {
        height: calc(100vh + 1.25rem)
    }
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i {
    font-style: italic;
    line-height: inherit
}

strong, b {
    font-weight: 500;
    line-height: inherit
}

small {
    font-size: 80%;
    line-height: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto",Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        line-height: 0;
        color: #e4e5e7
    }

h1 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,screen and (min-width:40em) {
    h1 {
        font-size: 1.875rem
    }

    h2 {
        font-size: 1.75rem
    }

    h3 {
        font-size: 1.5625rem
    }

    h4 {
        font-size: 1.4375rem
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1rem
    }
}

a {
    line-height: inherit;
    color: #313131;
    text-decoration: none;
    cursor: pointer
}

    a:hover, a:focus {
        color: #2a2a2a
    }

    a img {
        border: 0
    }

hr {
    clear: both;
    max-width: 80rem;
    height: 0;
    margin: 1.875rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

ul, ol, dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li {
    font-size: inherit
}

ul {
    margin-left: 0;
    list-style-type: disc
}

ol {
    margin-left: 0
}

    ul ul, ol ul, ul ol, ol ol {
        margin-left: 0;
        margin-bottom: 0
    }

dl {
    margin-bottom: 1rem
}

    dl dt {
        margin-bottom: .3rem;
        font-weight: 500
    }

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #e4e5e7
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #777
    }

cite {
    display: block;
    font-size: .8125rem;
    color: #777
}

    cite:before {
        content: "— "
    }

abbr {
    border-bottom: 1px dotted #0a0a0a;
    color: #0a0a0a;
    cursor: help
}

figure {
    margin: 0
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #e4e5e7;
    background-color: #f7f8fa;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: normal;
    color: #0a0a0a
}

kbd {
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #f7f8fa;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    color: #0a0a0a;
    border-radius: 4px
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #777
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,screen and (min-width:40em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:80em) {
    .xlarge-text-left {
        text-align: left
    }

    .xlarge-text-right {
        text-align: right
    }

    .xlarge-text-center {
        text-align: center
    }

    .xlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-text-left {
        text-align: left
    }

    .xxlarge-text-right {
        text-align: right
    }

    .xxlarge-text-center {
        text-align: center
    }

    .xxlarge-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print {
        display: table-cell !important
    }

    th.show-for-print {
        display: table-cell !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
            content: ''
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    pre, blockquote {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: .9em 1.3em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .8rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #313131;
    color: #fff
}

[data-whatinput='mouse'] .button {
    outline: 0
}

.button:hover, .button:focus {
    background-color: #2a2a2a;
    color: #fff
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .8rem
}

.button.large {
    font-size: .9rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #313131;
    color: #fff
}

    .button.primary:hover, .button.primary:focus {
        background-color: #2c2c2c;
        color: #fff
    }

.button.secondary {
    background-color: #f3f3f3;
    color: #0a0a0a
}

    .button.secondary:hover, .button.secondary:focus {
        background-color: #dbdbdb;
        color: #0a0a0a
    }

.button.success {
    background-color: #7cb342;
    color: #0a0a0a
}

    .button.success:hover, .button.success:focus {
        background-color: #70a13b;
        color: #0a0a0a
    }

.button.warning {
    background-color: #ffae00;
    color: #0a0a0a
}

    .button.warning:hover, .button.warning:focus {
        background-color: #e69d00;
        color: #0a0a0a
    }

.button.alert {
    background-color: #d4452e;
    color: #0a0a0a
}

    .button.alert:hover, .button.alert:focus {
        background-color: #c13d28;
        color: #0a0a0a
    }

.button.shop {
    background-color: #ff6363;
    color: #0a0a0a
}

    .button.shop:hover, .button.shop:focus {
        background-color: #ff4040;
        color: #0a0a0a
    }

.button.brand-ap {
    background-color: #ffe869;
    color: #0a0a0a
}

    .button.brand-ap:hover, .button.brand-ap:focus {
        background-color: #ffe245;
        color: #0a0a0a
    }

.button.light {
    background-color: #fff;
    color: #0a0a0a
}

    .button.light:hover, .button.light:focus {
        background-color: #e6e6e6;
        color: #0a0a0a
    }

.button.alpha {
    background-color: transparent;
    color: #fff
}

    .button.alpha:hover, .button.alpha:focus {
        background-color: transparent;
        color: #fff
    }

.button.hollow {
    border: 1px solid #313131;
    color: #313131
}

    .button.hollow, .button.hollow:hover, .button.hollow:focus {
        background-color: transparent
    }

        .button.hollow:hover, .button.hollow:focus {
            border-color: #191919;
            color: #191919
        }

        .button.hollow.primary {
            border: 1px solid #313131;
            color: #313131
        }

            .button.hollow.primary:hover, .button.hollow.primary:focus {
                border-color: #191919;
                color: #191919
            }

        .button.hollow.secondary {
            border: 1px solid #f3f3f3;
            color: #f3f3f3
        }

            .button.hollow.secondary:hover, .button.hollow.secondary:focus {
                border-color: #7a7a7a;
                color: #7a7a7a
            }

        .button.hollow.success {
            border: 1px solid #7cb342;
            color: #7cb342
        }

            .button.hollow.success:hover, .button.hollow.success:focus {
                border-color: #3e5a21;
                color: #3e5a21
            }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:hover, .button.hollow.warning:focus {
                border-color: #805700;
                color: #805700
            }

        .button.hollow.alert {
            border: 1px solid #d4452e;
            color: #d4452e
        }

            .button.hollow.alert:hover, .button.hollow.alert:focus {
                border-color: #6b2216;
                color: #6b2216
            }

        .button.hollow.shop {
            border: 1px solid #ff6363;
            color: #ff6363
        }

            .button.hollow.shop:hover, .button.hollow.shop:focus {
                border-color: #b10000;
                color: #b10000
            }

        .button.hollow.brand-ap {
            border: 1px solid #ffe869;
            color: #ffe869
        }

            .button.hollow.brand-ap:hover, .button.hollow.brand-ap:focus {
                border-color: #b49800;
                color: #b49800
            }

        .button.hollow.light {
            border: 1px solid #fff;
            color: #fff
        }

            .button.hollow.light:hover, .button.hollow.light:focus {
                border-color: #808080;
                color: #808080
            }

        .button.hollow.alpha {
            border: 1px solid transparent;
            color: transparent
        }

            .button.hollow.alpha:hover, .button.hollow.alpha:focus {
                border-color: transparent;
                color: transparent
            }

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
        background-color: #313131;
        color: #fff
    }

    .button.disabled.primary, .button[disabled].primary {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
            background-color: #313131;
            color: #fff
        }

    .button.disabled.secondary, .button[disabled].secondary {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
            background-color: #f3f3f3;
            color: #fff
        }

    .button.disabled.success, .button[disabled].success {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
            background-color: #7cb342;
            color: #fff
        }

    .button.disabled.warning, .button[disabled].warning {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
            background-color: #ffae00;
            color: #fff
        }

    .button.disabled.alert, .button[disabled].alert {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
            background-color: #d4452e;
            color: #fff
        }

    .button.disabled.shop, .button[disabled].shop {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.shop:hover, .button.disabled.shop:focus, .button[disabled].shop:hover, .button[disabled].shop:focus {
            background-color: #ff6363;
            color: #fff
        }

    .button.disabled.brand-ap, .button[disabled].brand-ap {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.brand-ap:hover, .button.disabled.brand-ap:focus, .button[disabled].brand-ap:hover, .button[disabled].brand-ap:focus {
            background-color: #ffe869;
            color: #fff
        }

    .button.disabled.light, .button[disabled].light {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.light:hover, .button.disabled.light:focus, .button[disabled].light:hover, .button[disabled].light:focus {
            background-color: #fff;
            color: #fff
        }

    .button.disabled.alpha, .button[disabled].alpha {
        opacity: .25;
        cursor: not-allowed
    }

        .button.disabled.alpha:hover, .button.disabled.alpha:focus, .button[disabled].alpha:hover, .button[disabled].alpha:focus {
            background-color: transparent;
            color: #fff
        }

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1.3em
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

.button.is-active [class*='icon'] {
    fill: #ff6363 !important
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    appearance: none
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
        outline: none;
        border: 1px solid #777;
        background-color: #fff;
        box-shadow: 0 0 5px #e4e5e7;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea {
    max-width: 100%
}

    textarea[rows] {
        height: auto
    }

    input::placeholder, textarea::placeholder {
        color: #777
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
        background-color: #f7f8fa;
        cursor: not-allowed
    }

[type='submit'], [type='button'] {
    appearance: none;
    border-radius: 4px
}

input[type='search'] {
    box-sizing: border-box
}

[type='number'] {
    -moz-appearance: textfield
}

    [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

[type='file'], [type='checkbox'], [type='radio'] {
    margin: 0 0 1rem
}

    [type='checkbox'] + label, [type='radio'] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type='checkbox'] + label[for], [type='radio'] + label[for] {
            cursor: pointer
        }

label > [type='checkbox'], label > [type='radio'] {
    margin-right: .5rem
}

[type='file'] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

    .input-group > :first-child {
        border-radius: 4px 0 0 4px
    }

    .input-group > :last-child > * {
        border-radius: 0 4px 4px 0
    }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #e4e5e7;
    background: #f7f8fa;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

    .input-group-label:first-child {
        border-right: 0
    }

    .input-group-label:last-child {
        border-left: 0
    }

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

    .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
        height: 2.5rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

.input-group .input-group-button {
    display: table-cell
}

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

legend {
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #e4e5e7
}

    .fieldset legend {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem;
        background: #fff
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    appearance: none;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28119, 119, 119%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    outline: none;
    border: 1px solid #777;
    background-color: #fff;
    box-shadow: 0 0 5px #e4e5e7;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled {
    background-color: #f7f8fa;
    cursor: not-allowed
}

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

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #d4452e;
    background-color: #fbecea
}

    .is-invalid-input:not(:focus)::placeholder {
        color: #d4452e
    }

.is-invalid-label {
    color: #d4452e
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 500;
    color: #d4452e
}

    .form-error.is-visible {
        display: block
    }

.accordion {
    margin-left: 0;
    background: #fff;
    list-style-type: none
}

.accordion-item:first-child > :first-child {
    border-radius: 4px 4px 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 4px 4px
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #e4e5e7;
    border-bottom: 0;
    font-size: .75rem;
    line-height: 1;
    color: #313131
}

    .accordion-title h2 {
        font-size: .9375rem;
        margin-bottom: 0
    }

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e4e5e7;
    border-radius: 0 0 4px 4px
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #f7f8fa
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+'
}

.is-active > .accordion-title::before {
    content: '–'
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #e4e5e7;
    border-bottom: 0;
    background-color: #fff;
    color: #0a0a0a
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e4e5e7
}

.is-accordion-submenu-parent > a {
    position: relative
}

    .is-accordion-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #313131 transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem
    }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: 0 4px;
    border-radius: 50%;
    font-size: .6rem;
    text-align: center;
    background: #313131;
    color: #fff
}

    .badge.primary {
        background: #313131;
        color: #fff
    }

    .badge.secondary {
        background: #f3f3f3;
        color: #0a0a0a
    }

    .badge.success {
        background: #7cb342;
        color: #0a0a0a
    }

    .badge.warning {
        background: #ffae00;
        color: #0a0a0a
    }

    .badge.alert {
        background: #d4452e;
        color: #0a0a0a
    }

    .badge.shop {
        background: #ff6363;
        color: #0a0a0a
    }

    .badge.brand-ap {
        background: #ffe869;
        color: #0a0a0a
    }

    .badge.light {
        background: #fff;
        color: #0a0a0a
    }

    .badge.alpha {
        background: transparent;
        color: #fff
    }

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none
}

    .breadcrumbs::before, .breadcrumbs::after {
        display: table;
        content: ' '
    }

    .breadcrumbs::after {
        clear: both
    }

    .breadcrumbs li {
        float: left;
        font-size: .6875rem;
        color: #0a0a0a;
        cursor: default;
        text-transform: uppercase
    }

        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            top: 1px;
            margin: 0 .5rem;
            opacity: 1;
            content: "/";
            color: #cacaca
        }

    .breadcrumbs a {
        color: #313131
    }

        .breadcrumbs a:hover {
            text-decoration: underline
        }

    .breadcrumbs .disabled {
        color: #e4e5e7;
        cursor: not-allowed
    }

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

    .button-group::before, .button-group::after {
        display: table;
        content: ' '
    }

    .button-group::after {
        clear: both
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: .8rem
    }

        .button-group .button:last-child {
            margin-right: 0
        }

    .button-group.tiny .button {
        font-size: .6rem
    }

    .button-group.small .button {
        font-size: .8rem
    }

    .button-group.large .button {
        font-size: .9rem
    }

    .button-group.expanded {
        margin-right: -1px
    }

        .button-group.expanded::before, .button-group.expanded::after {
            display: none
        }

        .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
            display: inline-block;
            width: calc(50% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
            display: inline-block;
            width: calc(33.33333% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
            display: inline-block;
            width: calc(25% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
            display: inline-block;
            width: calc(20% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
                margin-right: -6px
            }

        .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
            display: inline-block;
            width: calc(16.66667% - 1px);
            margin-right: 1px
        }

            .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
                margin-right: -6px
            }

    .button-group.primary .button {
        background-color: #313131;
        color: #fff
    }

        .button-group.primary .button:hover, .button-group.primary .button:focus {
            background-color: #2c2c2c;
            color: #fff
        }

    .button-group.secondary .button {
        background-color: #f3f3f3;
        color: #0a0a0a
    }

        .button-group.secondary .button:hover, .button-group.secondary .button:focus {
            background-color: #dbdbdb;
            color: #0a0a0a
        }

    .button-group.success .button {
        background-color: #7cb342;
        color: #0a0a0a
    }

        .button-group.success .button:hover, .button-group.success .button:focus {
            background-color: #70a13b;
            color: #0a0a0a
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #0a0a0a
    }

        .button-group.warning .button:hover, .button-group.warning .button:focus {
            background-color: #e69d00;
            color: #0a0a0a
        }

    .button-group.alert .button {
        background-color: #d4452e;
        color: #0a0a0a
    }

        .button-group.alert .button:hover, .button-group.alert .button:focus {
            background-color: #c13d28;
            color: #0a0a0a
        }

    .button-group.shop .button {
        background-color: #ff6363;
        color: #0a0a0a
    }

        .button-group.shop .button:hover, .button-group.shop .button:focus {
            background-color: #ff4040;
            color: #0a0a0a
        }

    .button-group.brand-ap .button {
        background-color: #ffe869;
        color: #0a0a0a
    }

        .button-group.brand-ap .button:hover, .button-group.brand-ap .button:focus {
            background-color: #ffe245;
            color: #0a0a0a
        }

    .button-group.light .button {
        background-color: #fff;
        color: #0a0a0a
    }

        .button-group.light .button:hover, .button-group.light .button:focus {
            background-color: #e6e6e6;
            color: #0a0a0a
        }

    .button-group.alpha .button {
        background-color: transparent;
        color: #fff
    }

        .button-group.alpha .button:hover, .button-group.alpha .button:focus {
            background-color: transparent;
            color: #fff
        }

    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
        width: 100%
    }

        .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
            margin-bottom: 0
        }

@media print,screen and (min-width:40em) {
    .button-group.stacked-for-small .button {
        width: auto;
        margin-bottom: 0
    }
}

@media print,screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (max-width:39.9375em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0
        }
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1.5rem;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    background-color: #fff;
    color: #0a0a0a
}

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

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

    .callout.primary {
        background-color: #e0e0e0;
        color: #0a0a0a
    }

    .callout.secondary {
        background-color: #fdfdfd;
        color: #0a0a0a
    }

    .callout.success {
        background-color: #ebf4e2;
        color: #0a0a0a
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #0a0a0a
    }

    .callout.alert {
        background-color: #f9e3e0;
        color: #0a0a0a
    }

    .callout.shop {
        background-color: #ffe8e8;
        color: #0a0a0a
    }

    .callout.brand-ap {
        background-color: #fffce9;
        color: #0a0a0a
    }

    .callout.light {
        background-color: #fff;
        color: #0a0a0a
    }

    .callout.alpha {
        background-color: rgba(217,217,217,0);
        color: #0a0a0a
    }

    .callout.small {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

.card {
    margin-bottom: 1rem;
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a
}

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

.card-divider {
    padding: 1rem;
    background: #f7f8fa
}

    .card-divider > :last-child {
        margin-bottom: 0
    }

.card-section {
    padding: 1rem
}

    .card-section > :last-child {
        margin-bottom: 0
    }

.close-button {
    position: absolute;
    color: #777;
    cursor: pointer
}

[data-whatinput='mouse'] .close-button {
    outline: 0
}

.close-button:hover, .close-button:focus {
    color: #0a0a0a
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button, .close-button.medium {
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

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

    .menu > li {
        display: table-cell;
        vertical-align: middle
    }

[data-whatinput='mouse'] .menu > li {
    outline: 0
}

.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu input, .menu select, .menu a, .menu button {
    margin-bottom: 0
}

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    vertical-align: middle
}

    .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span {
        vertical-align: middle
    }

.menu > li > a img, .menu > li > a i, .menu > li > a svg {
    margin-right: .25rem;
    display: inline-block
}

.menu > li, .menu.horizontal > li {
    display: table-cell
}

.menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed
}

    .menu.expanded > li:first-child:last-child {
        width: 100%
    }

.menu.vertical > li {
    display: block
}

@media print,screen and (min-width:40em) {
    .menu.medium-horizontal > li {
        display: table-cell
    }

    .menu.medium-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.medium-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.medium-vertical > li {
        display: block
    }
}

@media print,screen and (min-width:64em) {
    .menu.large-horizontal > li {
        display: table-cell
    }

    .menu.large-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.large-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.large-vertical > li {
        display: block
    }
}

@media screen and (min-width:80em) {
    .menu.xlarge-horizontal > li {
        display: table-cell
    }

    .menu.xlarge-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.xlarge-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.xlarge-vertical > li {
        display: block
    }
}

@media screen and (min-width:118.75em) {
    .menu.xxlarge-horizontal > li {
        display: table-cell
    }

    .menu.xxlarge-expanded {
        display: table;
        width: 100%;
        table-layout: fixed
    }

        .menu.xxlarge-expanded > li:first-child:last-child {
            width: 100%
        }

    .menu.xxlarge-vertical > li {
        display: block
    }
}

.menu.simple li {
    display: inline-block;
    margin-right: 1rem;
    line-height: 1
}

.menu.simple a {
    padding: 0
}

.menu.align-right::before, .menu.align-right::after {
    display: table;
    content: ' '
}

.menu.align-right::after {
    clear: both
}

.menu.align-right > li {
    float: right
}

.menu.icon-top > li > a {
    text-align: center
}

    .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg {
        display: block;
        margin: 0 auto .25rem
    }

.menu.icon-top.vertical a > span {
    margin: auto
}

.menu.nested {
    margin-left: 1rem
}

.menu .active > a {
    background: #313131;
    color: #fff
}

.menu.menu-bordered li {
    border: 1px solid #f7f8fa
}

    .menu.menu-bordered li:not(:first-child) {
        border-top: 0
    }

.menu.menu-hover li:hover {
    background-color: #f7f8fa
}

.menu-text {
    padding-top: 0;
    padding-bottom: 0;
    padding: .7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit
}

.menu-centered {
    text-align: center
}

    .menu-centered > .menu {
        display: inline-block
    }

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
        content: ''
    }

    .menu-icon:hover::after {
        background: #e4e5e7;
        box-shadow: 0 7px 0 #e4e5e7,0 14px 0 #e4e5e7
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #0a0a0a;
            box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
            content: ''
        }

        .menu-icon.dark:hover::after {
            background: #8a8a8a;
            box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
        }

.is-drilldown {
    position: relative;
    overflow: hidden
}

    .is-drilldown li {
        display: block
    }

    .is-drilldown.animate-height {
        transition: height .5s
    }

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #fff;
    transition: transform .15s linear
}

    .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        transform: translateX(-100%)
    }

    .is-drilldown-submenu.is-closing {
        transform: translateX(100%)
    }

.drilldown-submenu-cover-previous {
    min-height: 100%
}

.is-drilldown-submenu-parent > a {
    position: relative
}

    .is-drilldown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem
    }

.js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #313131 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem;
    border-left-width: 0
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #d7d8d9;
    border-radius: 4px;
    background-color: #fff;
    font-size: 1rem
}

    .dropdown-pane.is-open {
        visibility: visible
    }

    .dropdown-pane.tiny {
        width: 100px
    }

    .dropdown-pane.small {
        width: 200px
    }

    .dropdown-pane.large {
        width: 400px
    }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem
}

    .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #313131 transparent transparent;
        right: 5px;
        margin-top: -3px
    }

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical > li > a::after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #313131 transparent transparent
}

.dropdown.menu.vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #313131
}

@media print,screen and (min-width:40em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #313131 transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.medium-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #313131 transparent transparent
    }

    .dropdown.menu.medium-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131
    }
}

@media print,screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #313131 transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.large-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #313131 transparent transparent
    }

    .dropdown.menu.large-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131
    }
}

@media screen and (min-width:80em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #313131 transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #313131 transparent transparent
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131
    }
}

@media screen and (min-width:118.75em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        position: relative;
        padding-right: 1.5rem
    }

        .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            content: '';
            border-bottom-width: 0;
            border-top-style: solid;
            border-color: #313131 transparent transparent;
            right: 5px;
            margin-top: -3px
        }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

    .dropdown.menu.xxlarge-vertical > li > a::after {
        right: 14px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #313131 transparent transparent
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

    .is-dropdown-menu.vertical.align-right {
        float: right
    }

.is-dropdown-submenu-parent {
    position: relative
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        margin-top: -6px
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #e4e5e7;
    background: #fff
}

    .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
        right: 14px
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #313131 transparent transparent
    }

    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #313131
    }

    .is-dropdown-submenu .is-dropdown-submenu {
        margin-top: -1px
    }

    .is-dropdown-submenu > li {
        width: 100%
    }

    .is-dropdown-submenu.js-dropdown-active {
        display: block
    }

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden
}

    .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .responsive-embed.widescreen, .flex-video.widescreen {
        padding-bottom: 56.25%
    }

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    border-radius: 4px;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #313131;
    color: #fff
}

    .label.primary {
        background: #313131;
        color: #fff
    }

    .label.secondary {
        background: #f3f3f3;
        color: #0a0a0a
    }

    .label.success {
        background: #7cb342;
        color: #0a0a0a
    }

    .label.warning {
        background: #ffae00;
        color: #0a0a0a
    }

    .label.alert {
        background: #d4452e;
        color: #0a0a0a
    }

    .label.shop {
        background: #ff6363;
        color: #0a0a0a
    }

    .label.brand-ap {
        background: #ffe869;
        color: #0a0a0a
    }

    .label.light {
        background: #fff;
        color: #0a0a0a
    }

    .label.alpha {
        background: transparent;
        color: #fff
    }

.media-object {
    display: block;
    margin-bottom: 1rem
}

    .media-object img {
        max-width: none
    }

@media screen and (max-width:39.9375em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        display: block
    }

        .media-object.stack-for-small .media-object-section img {
            width: 100%
        }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

    .media-object-section:first-child {
        padding-right: 1rem
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem
    }

    .media-object-section > :last-child {
        margin-bottom: 0
    }

    .media-object-section.middle {
        vertical-align: middle
    }

    .media-object-section.bottom {
        vertical-align: bottom
    }

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease,visibility .5s ease;
    background: rgba(255,255,255,.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.off-canvas {
    position: fixed;
    z-index: 12;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: #f7f8fa
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 13
}

    .off-canvas.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas.is-open {
    transform: translate(0,0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    transition: transform .5s ease;
    backface-visibility: hidden;
    background: #f7f8fa
}

[data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        box-shadow: 0 0 10px rgba(10,10,10,.7)
    }

.off-canvas-absolute.is-open {
    transform: translate(0,0)
}

.position-left {
    top: 0;
    left: 0;
    width: 250px;
    height: 100%;
    transform: translateX(-250px);
    overflow-y: auto
}

    .position-left.is-open ~ .off-canvas-content {
        transform: translateX(250px)
    }

    .position-left.is-transition-push::after {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px rgba(10,10,10,.7);
        content: " "
    }

    .position-left.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-right {
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    transform: translateX(250px);
    overflow-y: auto
}

    .position-right.is-open ~ .off-canvas-content {
        transform: translateX(-250px)
    }

    .position-right.is-transition-push::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 1px;
        box-shadow: 0 0 10px rgba(10,10,10,.7);
        content: " "
    }

    .position-right.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(-250px);
    overflow-x: auto
}

    .position-top.is-open ~ .off-canvas-content {
        transform: translateY(250px)
    }

    .position-top.is-transition-push::after {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px rgba(10,10,10,.7);
        content: " "
    }

    .position-top.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    transform: translateY(250px);
    overflow-x: auto
}

    .position-bottom.is-open ~ .off-canvas-content {
        transform: translateY(-250px)
    }

    .position-bottom.is-transition-push::after {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        box-shadow: 0 0 10px rgba(10,10,10,.7);
        content: " "
    }

    .position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
        transform: none
    }

.off-canvas-content {
    transition: transform .5s ease;
    backface-visibility: hidden
}

@media print,screen and (min-width:40em) {
    .position-left.reveal-for-medium {
        transform: none;
        z-index: 12
    }

        .position-left.reveal-for-medium ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-medium {
        transform: none;
        z-index: 12
    }

        .position-right.reveal-for-medium ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-medium {
        transform: none;
        z-index: 12
    }

        .position-top.reveal-for-medium ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-medium {
        transform: none;
        z-index: 12
    }

        .position-bottom.reveal-for-medium ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

@media print,screen and (min-width:64em) {
    .position-left.reveal-for-large {
        transform: none;
        z-index: 12
    }

        .position-left.reveal-for-large ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-large {
        transform: none;
        z-index: 12
    }

        .position-right.reveal-for-large ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-large {
        transform: none;
        z-index: 12
    }

        .position-top.reveal-for-large ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-large {
        transform: none;
        z-index: 12
    }

        .position-bottom.reveal-for-large ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

@media screen and (min-width:80em) {
    .position-left.reveal-for-xlarge {
        transform: none;
        z-index: 12
    }

        .position-left.reveal-for-xlarge ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-xlarge {
        transform: none;
        z-index: 12
    }

        .position-right.reveal-for-xlarge ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-xlarge {
        transform: none;
        z-index: 12
    }

        .position-top.reveal-for-xlarge ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-xlarge {
        transform: none;
        z-index: 12
    }

        .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

@media screen and (min-width:118.75em) {
    .position-left.reveal-for-xxlarge {
        transform: none;
        z-index: 12
    }

        .position-left.reveal-for-xxlarge ~ .off-canvas-content {
            margin-left: 250px
        }

    .position-right.reveal-for-xxlarge {
        transform: none;
        z-index: 12
    }

        .position-right.reveal-for-xxlarge ~ .off-canvas-content {
            margin-right: 250px
        }

    .position-top.reveal-for-xxlarge {
        transform: none;
        z-index: 12
    }

        .position-top.reveal-for-xxlarge ~ .off-canvas-content {
            margin-top: 250px
        }

    .position-bottom.reveal-for-xxlarge {
        transform: none;
        z-index: 12
    }

        .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
            margin-bottom: 250px
        }
}

.pagination {
    margin-left: 0;
    margin-bottom: 1rem
}

    .pagination::before, .pagination::after {
        display: table;
        content: ' '
    }

    .pagination::after {
        clear: both
    }

    .pagination li {
        margin-right: .0625rem;
        border-radius: 4px;
        font-size: .875rem;
        display: none
    }

        .pagination li:last-child, .pagination li:first-child {
            display: inline-block
        }

@media print,screen and (min-width:40em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a, .pagination button {
    display: block;
    padding: .1875rem .625rem;
    border-radius: 4px;
    color: #0a0a0a
}

    .pagination a:hover, .pagination button:hover {
        background: #f7f8fa
    }

.pagination .current {
    padding: .1875rem .625rem;
    background: #313131;
    color: #fff;
    cursor: default
}

.pagination .disabled {
    padding: .1875rem .625rem;
    color: #e4e5e7;
    cursor: not-allowed
}

    .pagination .disabled:hover {
        background: transparent
    }

.pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '…';
    color: #0a0a0a
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '«'
}

.pagination-next a::after, .pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '»'
}

.sticky-container {
    position: relative
}

.sticky {
    position: relative;
    z-index: 0;
    transform: translate3d(0,0,0)
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5
    }

        .sticky.is-stuck.is-at-top {
            top: 0
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0
        }

body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open, html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10,10,10,.45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    backface-visibility: hidden;
    display: none;
    padding: 0;
    border: none;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput='mouse'] .reveal {
    outline: 0
}

@media print,screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column, .reveal .columns {
    min-width: 0
}

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

@media print,screen and (min-width:40em) {
    .reveal {
        width: 600px;
        max-width: 80rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

.reveal.collapse {
    padding: 0
}

@media print,screen and (min-width:40em) {
    .reveal.tiny {
        width: 30%;
        max-width: 80rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.small {
        width: 50%;
        max-width: 80rem
    }
}

@media print,screen and (min-width:40em) {
    .reveal.large {
        width: 90%;
        max-width: 80rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

table {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 4px
}

thead, tbody, tfoot {
    border: 1px solid #f2f2f2;
    background-color: #fff
}

caption {
    padding: .5rem .625rem .625rem;
    font-weight: 500
}

thead {
    background: #f9f9f9;
    color: #0a0a0a
}

tfoot {
    background: #f2f2f2;
    color: #0a0a0a
}

    thead tr, tfoot tr {
        background: transparent
    }

    thead th, thead td, tfoot th, tfoot td {
        padding: .5rem .625rem .625rem;
        font-weight: 200;
  
    }

tbody th, tbody td {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f2f2f2
}

table.unstriped tbody {
    background-color: #fff
}

    table.unstriped tbody tr {
        border-bottom: 0;
        border-bottom: 1px solid #f2f2f2;
        background-color: #fff
    }

@media screen and (max-width:63.9375em) {
    table.stack thead {
        display: none
    }

    table.stack tfoot {
        display: none
    }

    table.stack tr, table.stack th, table.stack td {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto
}

table.hover thead tr:hover {
    background-color: #f4f4f4
}

table.hover tfoot tr:hover {
    background-color: #ededed
}

table.hover tbody tr:hover {
    background-color: #fafafa
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ededed
}

.table-scroll {
    overflow-x: auto
}

    .table-scroll table {
        width: auto
    }

.tabs {
    margin: 0;
    border: 1px solid none;
    background: transparent;
    list-style-type: none
}

    .tabs::before, .tabs::after {
        display: table;
        content: ' '
    }

    .tabs::after {
        clear: both
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto
    }

    .tabs.simple > li > a {
        padding: 0
    }

        .tabs.simple > li > a:hover {
            background: transparent
        }

    .tabs.primary {
        background: #313131
    }

        .tabs.primary > li > a {
            color: #fff
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #3b3b3b
            }

.tabs-title {
    float: left
}

    .tabs-title > a {
        display: block;
        padding: 1rem 1rem;
        font-size: 1rem;
        line-height: 1;
        color: #0a0a0a
    }

        .tabs-title > a:hover {
            background: #f7f8fa;
            color: #090909
        }

        .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
            background: #fff;
            color: #313131
        }

.tabs-content {
    border: 1px solid none;
    border-top: 0;
    background: #fff;
    color: #0a0a0a;
    transition: all .5s ease
}

    .tabs-content.vertical {
        border: 1px solid none;
        border-left: 0
    }

.tabs-panel {
    display: none;
    padding: 1rem
}

    .tabs-panel[aria-hidden="false"] {
        display: block
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: solid 1px #e4e5e7;
    border-radius: 4px;
    box-shadow: none;
    line-height: 0
}

a.thumbnail {
    transition: none
}

    a.thumbnail:hover, a.thumbnail:focus {
        box-shadow: none
    }

    a.thumbnail image {
        box-shadow: none
    }

.title-bar {
    padding: .5rem;
    background: #0a0a0a;
    color: #fff
}

    .title-bar::before, .title-bar::after {
        display: table;
        content: ' '
    }

    .title-bar::after {
        clear: both
    }

    .title-bar .menu-icon {
        margin-left: .25rem;
        margin-right: .25rem
    }

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 1px #777;
    font-weight: 500;
    cursor: help
}

.tooltip {
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .75rem;
    border-radius: 4px;
    background-color: #0a0a0a;
    font-size: 80%;
    color: #fff
}

    .tooltip::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #0a0a0a;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .tooltip.top::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #0a0a0a transparent transparent;
        top: 100%;
        bottom: auto
    }

    .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #0a0a0a;
        top: 50%;
        bottom: auto;
        left: 100%;
        transform: translateY(-50%)
    }

    .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border: inset .75rem;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #0a0a0a transparent transparent;
        top: 50%;
        right: 100%;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
    }

.top-bar {
    padding: 1rem 0
}

    .top-bar::before, .top-bar::after {
        display: table;
        content: ' '
    }

    .top-bar::after {
        clear: both
    }

    .top-bar, .top-bar ul {
        background-color: transparent
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0
        }

        .top-bar input.button {
            width: auto
        }

        .top-bar .top-bar-left, .top-bar .top-bar-right {
            width: 100%
        }

@media print,screen and (min-width:40em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
}

@media screen and (max-width:63.9375em) {
    .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:79.9375em) {
    .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

@media screen and (max-width:118.6875em) {
    .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right {
        width: 100%
    }
}

.top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right {
    width: 100%
}

.top-bar-title {
    display: inline-block;
    float: left;
    padding: .5rem 1rem .5rem 0
}

    .top-bar-title .menu-icon {
        bottom: 2px
    }

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:39.9375em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0),screen and (min-width:40em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,screen and (min-width:40em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:39.9375em) {
    .show-for-medium {
        display: none !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:39.9375em),screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none !important
    }
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.9375em),screen and (min-width:80em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width:80em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width:79.9375em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width:80em) and (max-width:118.6875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width:79.9375em),screen and (min-width:118.75em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width:118.75em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width:118.6875em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width:118.75em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width:118.6875em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0)
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto
    }

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation:landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation:portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::before, .clearfix::after {
    display: table;
    content: ' '
}

.clearfix::after {
    clear: both
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

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

.align-spaced {
    justify-content: space-around
}

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

.align-self-top {
    align-self: flex-start
}

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

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,screen and (min-width:40em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,screen and (min-width:64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

@media screen and (min-width:80em) {
    .xlarge-order-1 {
        order: 1
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width:118.75em) {
    .xxlarge-order-1 {
        order: 1
    }

    .xxlarge-order-2 {
        order: 2
    }

    .xxlarge-order-3 {
        order: 3
    }

    .xxlarge-order-4 {
        order: 4
    }

    .xxlarge-order-5 {
        order: 5
    }

    .xxlarge-order-6 {
        order: 6
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
        display: none
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../lib/owl-carousel2/dist/assets/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*='owl-'] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*='owl-']:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity 200ms ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

@charset "UTF-8";

.filter section::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.filter section::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.filter section::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

body {
    letter-spacing: .2px;
    height: auto
}

figure, figcaption, section, aside, article {
    margin: 0;
    padding: 0
}

.column-block {
    margin-bottom: 1.25rem
}

    .column-block > :last-child {
        margin-bottom: 0
    }

@media print,screen and (min-width:40em) {
    .column-block {
        margin-bottom: 1.875rem
    }

        .column-block > :last-child {
            margin-bottom: 0
        }
}

.border-0 {
    border: 0
}

.border-left {
    position: relative
}

    .border-left:before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #e4e5e7;
        position: absolute;
        left: -16px;
        top: 0
    }

.border-left-this {
    position: absolute;
    content: "";
    display: none;
    width: 1px;
    height: 500%;
    background: #e4e5e7;
    right: 0;
    margin-right: 33.33333%;
    top: 0
}

@media print,screen and (min-width:64em) {
    .border-left-this {
        display: block
    }
}

.border-bottom {
    border-bottom: 1px solid #e4e5e7
}

.padding-bottom-2 {
    padding-bottom: 3rem
}

.padding-bottom-1 {
    padding-bottom: 1rem
}

.padding-bottom {
    padding-bottom: 2rem
}

.padding-top-1 {
    padding-top: 1rem
}

.padding-top {
    padding-top: 2rem
}

.padding-top-2 {
    padding-top: 3rem
}

.margin-top-1 {
    margin-top: 1rem
}

.margin-top-2 {
    margin-top: 2rem
}

.margin-top-3 {
    margin-top: 3rem
}

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

.margin-bottom-2 {
    margin-bottom: 2rem
}

.margin-bottom-3 {
    margin-bottom: 3rem
}

.pos-relative {
    position: relative
}

.gm-style-cc {
    display: none
}

.ng-cloak {
    display: none
}

.table {
    display: table;
    width: 100%
}

.table-cell {
    display: table-cell
}

    .table-cell.top {
        vertical-align: top
    }

    .table-cell.middle {
        vertical-align: middle
    }

.vertical-top {
    vertical-align: top
}

@media screen and (max-width:39.9375em) {
    .small-text-center {
        text-align: center
    }
}

.align-items-center {
    display: flex;
    align-content: center
}

.hover-underline:hover {
    text-decoration: underline
}

.box-hover-shadow {
    -webkit-transition: box-shadow .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: box-shadow .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: box-shadow .2s cubic-bezier(.19,.26,.17,.99);
    transition: box-shadow .2s cubic-bezier(.19,.26,.17,.99)
}

    .box-hover-shadow:hover {
        -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
        box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
    }

.slide-up-icon {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 50px;
    right: 5%;
    display: block;
    text-align: center;
    background: #fff;
    border: 1px solid #e4e5e7;
    line-height: 50px;
    transition: opacity .5s;
    z-index: 5;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

@media screen and (max-width:39.9375em) {
    .slide-up-icon {
        bottom: 65px;
        width: 50px;
        height: 50px;
        line-height: 34px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px
    }
}

.slide-up-icon .icon-large {
    fill: #777
}

@media screen and (max-width:39.9375em) {
    .slide-up-icon .icon-large {
        width: 1.2em !important;
        height: 1.2em !important
    }
}

.slide-up-icon:hover {
    cursor: pointer;
    background: #f7f8fa
}

.slide-up-icon:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:39.9375em) {
    .is-reveal-open {
        width: 100%;
        position: fixed
    }
}

html.is-reveal-open, html.is-reveal-open body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width:39.9375em) {
    .is-select-open {
        overflow: hidden;
        width: 100%;
        position: fixed
    }
}

hr.bordered {
    border-top: 1px solid #e4e5e7;
    margin: 1rem 0
}

.reveal.full {
    top: 0 !important
}

@media screen and (max-width:39.9375em) {
    .zopim {
        z-index: 999 !important
    }
}

input::-webkit-input-placeholder {
    color: #777
}

input::-moz-placeholder {
    color: #777
}

input:-moz-placeholder {
    color: #777
}

input:-ms-input-placeholder {
    color: #777
}

@media screen and (max-width:39.9375em) {
    .grid-small-collapse {
        padding: 0 !important
    }

        .grid-small-collapse .grid-padding-x {
            margin: 0 !important
        }

        .grid-small-collapse .cell {
            padding: 0 !important
        }
}

.heading-title {
    margin: 0 0 1rem
}

@media print,screen and (min-width:40em) {
    .heading-title {
        margin: 2rem 0
    }
}

.heading-title-carousel {
    margin: 0 0 1rem
}

@media print,screen and (min-width:40em) {
    .heading-title-carousel {
        margin: 2rem
    }
}

.heading-title h1, .heading-title-carousel h1 {
    font-size: 1.375rem;
    margin-bottom: 0
}

    .heading-title h1 span, .heading-title-carousel h1 span {
        font-weight: 300
    }

.heading-title h3, .heading-title h4, .heading-title h5, .heading-title-carousel h3, .heading-title-carousel h4, .heading-title-carousel h5 {
    margin: 0
}

.serif.heading-title h3, .serif.heading-title h4, .serif.heading-title h5, .serif.heading-title-carousel h3, .serif.heading-title-carousel h4, .serif.heading-title-carousel h5 {
    font-family: "Noto Serif"
}

.heading-title h3 span, .heading-title h4 span, .heading-title h5 span, .heading-title-carousel h3 span, .heading-title-carousel h4 span, .heading-title-carousel h5 span {
    font-weight: 300
}

.heading-title .heading-description, .heading-title-carousel .heading-description {
    font-size: 1.05rem;
    font-weight: 300;
    color: #777
}

@media print,screen and (min-width:40em) {
    .heading-title .heading-description, .heading-title-carousel .heading-description {
        font-size: 1.25rem
    }
}

.title-large {
    font-size: 1.625rem
}

.small-p {
    font-size: .8125rem
}

    .small-p.grey {
        color: #777
    }

.mini-title {
    display: block;
    font-size: .75rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    color: #777
}

.title-spot {
    position: relative;
    font-family: "Noto Serif";
    font-weight: 700
}

.text-evidence {
    font-weight: 500;
    font-size: 1.3rem
}

.title-product-page {
    font-size: 1.375rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    font-weight: 500
}

@media screen and (max-width:63.9375em) {
    .title-product-page {
        font-size: 1.125rem;
        font-weight: 500
    }
}

.title-product-page > span {
    display: block;
    margin-bottom: .1rem;
    letter-spacing: 0;
    font-weight: 400
}

    .title-product-page > span a {
        color: #0a0a0a
    }

@media screen and (max-width:63.9375em) {
    .title-product-page > span {
        font-size: 1rem;
        font-weight: 400
    }
}

.text-description {
    font-size: .8rem;
    color: #777
}

.title-smart {
    font-size: .8rem;
    text-transform: uppercase;
    font-weight: 500
}

.text-call {
    font-size: .8rem;
    color: #ff6363;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: .3rem
}

.title-spot.big {
    font-size: 1.375rem
}

.title-spot.small {
    font-size: 1.125rem
}

@media print,screen and (min-width:40em) {
    .title-spot.big {
        font-size: 3.125rem
    }

    .title-spot.small {
        font-size: 1.5rem
    }
}

.text-error-small {
    font-size: .7rem;
    color: #d4452e;
    position: absolute;
    bottom: 42px;
    left: 0
}

.extra-info-gps {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #4a4a4a;
    margin-top: 20px !important
}

    .extra-info-gps + .extra-info-gps {
        margin-top: 6px !important
    }

    .extra-info-gps .highlight {
        color: #ff6363
    }

    .extra-info-gps svg {
        padding: 1px
    }

    .extra-info-gps .hover-pencil {
        width: 11px;
        padding-top: 3px;
        fill: #5a5a5a;
        display: none
    }

    .extra-info-gps:hover .hover-pencil {
        display: inline-block
    }

@media print,screen and (min-width:1900px) {
    .fullsize .grid-container {
        max-width: 100rem
    }
}

.filter {
    margin-top: 2rem
}

@media screen and (max-width:63.9375em) {
    .filter {
        margin-top: 0
    }
}

.filter .accordion-item {
    border: 1px solid #e4e5e7
}

    .filter .accordion-item.is-active .accordion-title, .filter .accordion-item:hover .accordion-title {
        background-color: #f7f8fa
    }

    .filter .accordion-item:last-child .accordion-title {
        border: none
    }

    .filter .accordion-item:last-child .accordion-content {
        border: none
    }

.filter > .radio-listitem {
    margin: 0 1rem;
    padding: 1rem 0;
    display: block
}

.filter .accordion-title {
    font-size: 1.1375rem;
    font-weight: 500;
    letter-spacing: .2px;
    border: none;
    padding: 1rem 2rem 1rem 1rem;
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .filter .accordion-title {
        font-size: .9375rem
    }
}

.filter .accordion-title h2 {
    font-size: 1.1375rem;
    padding: 0
}

@media print,screen and (min-width:40em) {
    .filter .accordion-title h2 {
        font-size: .9375rem
    }
}

.filter .accordion-title:hover, .filter .accordion-title:focus {
    background: transparent
}

.filter .accordion-title::before {
    content: '';
    top: 1.9rem;
    font-size: 1.4rem;
    line-height: .7rem;
    background-image: url("/images/icon-plus.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 10px;
    height: 10px
}

.is-active > .accordion-title::before {
    background-image: url("/images/icon-minus.svg")
}

.filter .categories-view {
    max-height: none
}

  .filter .categories-view a {
    padding: 6px 0px 9px 0px
  }

.filter .accordion-content {
    border: none;
    padding: 1rem 1rem 1.3rem 1rem;
    background-color: transparent
}

.filter input {
    border: 1px solid #d7d8d9;
    box-shadow: none
}

.filter section {
    max-height: 340px;
    overflow-y: auto
}

.filter ul {
    margin: 0
}

    .filter ul li a {
        font-size: 1.0125rem;
        display: block;
        line-height: 1.3
    }

@media print,screen and (min-width:40em) {
    .filter ul li a {
        font-size: .8125rem
    }
}

.categories-views .filter ul li a {
    font-size: 16px
}

.filter ul li a:hover {
    font-weight: 500
}

.filter ul li ul {
    margin-left: .9375rem
}

.filter ul.menu .active > a {
    background: transparent;
    font-weight: 500;
    color: #0a0a0a;
    text-decoration: underline
}

@media screen and (max-width:63.9375em) {
    #facet-column, #sorting-option {
        position: fixed;
        top: 0;
        bottom: 0;
        background: #f7f8fa !important;
        z-index: 99;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

@media print,screen and (min-width:64em) {
    .filter-show-for-large {
        display: block !important
    }
}

.filter-mobile-header {
    text-transform: uppercase;
    border-bottom: 1px solid #e4e5e7
}

    .filter-mobile-header p {
        padding: 1rem 0;
        margin-bottom: 0;
        font-weight: 500
    }

.btn-close-facet-mobile {
    position: absolute;
    right: 4px;
    top: 5px;
    background: none;
    color: #0a0a0a
}

.breadcrumb-column-filter {
    padding: 1rem 0 0
}

@media print,screen and (min-width:40em) {
    .breadcrumb-column-filter {
        padding: 1rem;
        border-bottom: 1px solid #e4e5e7
    }
}

.breadcrumb-column-filter h6 {
    font-size: .8125rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2rem .2rem 0
}

@media print,screen and (min-width:40em) {
    .breadcrumb-column-filter h6 {
        font-size: .9375rem
    }
}

.breadcrumb-column-filter .label {
    margin-right: .4rem;
    margin-bottom: .4rem;
    background: #fff;
    border: 1px solid #e4e5e7;
    color: #000;
    font-size: .8125rem;
    cursor: pointer;
    line-height: 1.4rem;
    height: auto;
    white-space: normal
}

.facet-colors {
    border-radius: 3px;
    height: 32px;
    width: 32px;
    display: inline-block;
    overflow: hidden;
    margin-right: 7px;
    margin-bottom: 6px;
    position: relative
}

    .facet-colors svg {
        position: absolute;
        top: 6px;
        left: 6px;
        display: none !important
    }

        .facet-colors svg polyline {
            stroke: #fff
        }

    .facet-colors.facet-color-selected {
        border: 3px solid #e4e5e7
    }

        .facet-colors.facet-color-selected svg {
            display: block !important
        }

    .facet-colors a {
        height: 100%;
        width: 100%;
        display: inline-block
    }

        .facet-colors a.white {
            background-color: #fff;
            border: 1px solid #e4e5e7
        }

        .facet-colors a.yellow {
            background-color: #ffe000
        }

        .facet-colors a.brown {
            background-color: #af282f
        }

        .facet-colors a.darkbrown {
            background-color: #651e20
        }

        .facet-colors a.grey {
            background-color: #808080
        }

        .facet-colors a.purple {
            background-color: #bb35ba
        }

        .facet-colors a.blue {
            background-color: #035bd8
        }

        .facet-colors a.teal {
            background-color: #008281
        }

        .facet-colors a.orange {
            background-color: #ffa000
        }

        .facet-colors a.red {
            background-color: #f32a38
        }

        .facet-colors a.mustard {
            background-color: #b08600
        }

        .facet-colors a.green {
            background-color: #2db135
        }

        .facet-colors a.black {
            background-color: #000
        }

        .facet-colors a.olive {
            background-color: #808000
        }

        .facet-colors a.darkgreen {
            background-color: #007836
        }

        .facet-colors a.darkteal {
            background-color: #003434
        }

        .facet-colors a.pink {
            background-color: #f5bbcf
        }

        .facet-colors a.maroon {
            background-color: #7a2427
        }

        .facet-colors a.magenta {
            background-color: #e51b9b
        }

        .facet-colors a.darkpurple {
            background-color: #390035
        }

        .facet-colors a.cyan {
            background-color: #00c4d9
        }

        .facet-colors a.lightblue {
            background-color: #d9f0f5
        }

        .facet-colors a.navyblue {
            background-color: #0d204b
        }

        .facet-colors a.darkblue {
            background-color: #0030a2
        }

        .facet-colors a.gold {
            background-color: #efc802
        }

.facet-price-input .clearbtn {
    font-size: 12px;
    color: #777
}

    .facet-price-input .clearbtn:hover {
        text-decoration: underline
    }

.facet-price-input .input-group-label {
    border: 0;
    background: none;
    padding: 0 .5rem
}

#switcher-grid {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    #switcher-grid .active svg[class*='icon'] {
        fill: #313131
    }

    #switcher-grid a {
        -webkit-tap-highlight-color: rgba(255,255,255,0)
    }

    #switcher-grid svg {
        fill: #e4e5e7
    }

        #switcher-grid svg:last-child {
            margin-left: 1em
        }

.network-bar {
    background: #fff;
    height: 30px;
    font-size: .6875rem;
    color: #777;
    position: relative;
    z-index: 10
}

    .network-bar .menu-network {
        margin: 0;
        display: inline-block
    }

        .network-bar .menu-network li {
            display: inline-block;
            vertical-align: top;
            margin-right: -4px
        }

            .network-bar .menu-network li a, .network-bar .menu-network li .fake-link {
                cursor: pointer;
                display: block;
                line-height: 30px;
                color: #777;
                font-size: .625rem;
                outline: none;
                margin-right: 25px;
                position: relative;
                text-transform: uppercase
            }

                .network-bar .menu-network li a:after, .network-bar .menu-network li .fake-link:after {
                    content: '';
                    bottom: 0;
                    width: 100%;
                    height: 1px;
                    display: block;
                    background: transparent;
                    position: absolute;
                    -webkit-transition: background .2s cubic-bezier(.19,.26,.17,.99);
                    -moz-transition: background .2s cubic-bezier(.19,.26,.17,.99);
                    -ms-transition: background .2s cubic-bezier(.19,.26,.17,.99);
                    transition: background .2s cubic-bezier(.19,.26,.17,.99)
                }

                .network-bar .menu-network li a:hover, .network-bar .menu-network li a.hover, .network-bar .menu-network li .fake-link:hover, .network-bar .menu-network li .fake-link.hover {
                    color: #313131
                }

                    .network-bar .menu-network li a:hover:after, .network-bar .menu-network li a.hover:after, .network-bar .menu-network li .fake-link:hover:after, .network-bar .menu-network li .fake-link.hover:after {
                        background: #313131
                    }

            .network-bar .menu-network li.dropdown .arrow-down {
                position: relative;
                top: -2px;
                left: 3px
            }

                .network-bar .menu-network li.dropdown .arrow-down polyline {
                    stroke: #777
                }

            .network-bar .menu-network li.flags span {
                display: inline-block;
                vertical-align: top
            }

                .network-bar .menu-network li.flags span.name {
                    max-width: 100px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

            .network-bar .menu-network li.flags img {
                margin-top: -3px;
                margin-right: 5px;
                background: #e4e5e7;
                text-indent: -9999px;
                overflow: hidden;
                min-width: 15px;
                max-height: 10px
            }

.network-dropdown {
    width: 100% !important;
    left: 0 !important;
    border: 0;
    min-height: 135px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.08)
}

    .network-dropdown .title {
        display: block;
        margin: 10px 0 25px
    }

    .network-dropdown a {
        margin-right: 40px;
        display: none;
        opacity: 1;
        -webkit-transition: opacity .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: opacity .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: opacity .2s cubic-bezier(.19,.26,.17,.99);
        transition: opacity .2s cubic-bezier(.19,.26,.17,.99)
    }

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .network-dropdown a {
        margin-right: 18px
    }
}

.network-dropdown a:hover {
    opacity: .5
}

.network-dropdown a:last-child {
    margin-right: 0
}

.header-sticky-container:hover .network-dropdown a {
    display: inline-block
}

.header-sticky-container:hover .network-archipassport div {
    background: url(/images/network/archipassport_402x.png) 0 0 no-repeat;
    width: 112px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-archipassport div {
        height: 20px;
        width: 83px
    }
}

.header-sticky-container:hover .network-bimarchiproducts div {
    background: url(/images/network/bimarchiproducts_402x.png) 0 0 no-repeat;
    width: 196px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-bimarchiproducts div {
        height: 20px;
        width: 145px
    }
}

.header-sticky-container:hover .network-archiproducts div {
    background: url(/images/network/archiproducts_402x.png) 0 0 no-repeat;
    width: 138px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-archiproducts div {
        height: 20px;
        width: 102px
    }
}

.header-sticky-container:hover .network-archilovers {
    background: url(/images/network/archilovers_402x.png) 0 0 no-repeat;
    width: 104px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-archilovers {
        height: 20px;
        width: 77px
    }
}

.header-sticky-container:hover .network-archiportale {
    background: url(/images/network/archiportale_402x.png) 0 0 no-repeat;
    width: 128px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-archiportale {
        height: 20px;
        width: 95px
    }
}

.header-sticky-container:hover .network-edilportale {
    background: url(/images/network/edilportale_402x.png) 0 0 no-repeat;
    width: 119px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-edilportale {
        height: 20px;
        width: 88px
    }
}

.header-sticky-container:hover .network-sayduck {
    background: url(/images/network/sayduck_402x.png) 0 0 no-repeat;
    width: 121px;
    height: 27px;
    background-size: 100%
}

@media screen and (min-width:64em) and (max-width:79.9375em) {
    .header-sticky-container:hover .network-sayduck {
        height: 20px;
        width: 90px
    }
}

.megaMenu {
    width: 100%
}

.menuCategories {
    background: #f7f8fa
}

    .menuCategories .menuCategories-voice > li > a {
        padding: 1.3rem 1rem
    }

        .menuCategories .menuCategories-voice > li > a:after {
            display: none !important
        }

    .menuCategories .menuCategories-voice > li.is-active > a {
        background: #fff;
        border-bottom-color: #fff;
        z-index: 100
    }

    .menuCategories a {
        color: #0a0a0a
    }

.menu-cat-link {
    font-size: 1rem;
    padding: 0 .65rem;
    line-height: 3.125rem;
    height: 3.125rem;
    float: left;
    position: relative
}

@media screen and (min-width:80em) {
    .menu-cat-link {
        padding: 0 .6rem
    }
}

.menu-cat-link.shop {
    color: #ff6363;
    font-weight: 500
}

    .menu-cat-link.shop:before {
        background-color: #ff6363 !important
    }

.menu-cat-link::before {
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: 1;
    margin: auto;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    overflow: hidden;
    border: 2px solid #000;
    left: 0;
    z-index: 1;
    width: 0;
    opacity: 0;
    -webkit-transition: width,.2s ease,opacity,.2s ease;
    -moz-transition: width,.2s ease,opacity,.2s ease;
    -ms-transition: width,.2s ease,opacity,.2s ease;
    transition: width,.2s ease,opacity,.2s ease
}

.menu-cat-link.hover::before {
    opacity: 1;
    width: 100%
}

.menu-cat-link.hover-bottom {
    padding: 0;
    margin: 0 .6rem
}

    .menu-cat-link.hover-bottom:before {
        content: '';
        width: 100%;
        min-height: 0;
        background-color: #313131;
        display: block;
        position: absolute;
        bottom: -1px;
        left: 0;
        -webkit-transition: min-height .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: min-height .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: min-height .2s cubic-bezier(.19,.26,.17,.99);
        transition: min-height .2s cubic-bezier(.19,.26,.17,.99)
    }

    .menu-cat-link.hover-bottom:hover:before {
        min-height: 3px
    }

.mega-drop-down-menu-wrapper {
    position: relative;
    background-color: #fff;
    max-height: 51px
}

    .mega-drop-down-menu-wrapper:hover .mega-dropdown-shop-image {
        display: block !important
    }

.sticky {
    width: 100% !important
}

@media screen and (max-width:63.9375em) {
    .sticky {
        z-index: 2;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }
}

.network-bar .menu-network li a.publish-bim-button {
    margin-right: 16px !important;
    text-transform: uppercase;
    padding: 0 1em !important;
    border-radius: 0 !important;
    font-weight: 500;
    color: #333 !important
}

    .network-bar .menu-network li a.publish-bim-button::after {
        left: 0
    }

.bim-help {
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: underline
}

@media screen and (max-width:63.9375em) {
    .back-to-apx {
        margin-left: 0;
        top: 2.4rem;
        left: 3.5em;
        position: absolute
    }
}

.back-to-apx a {
    font-size: .7125rem;
    line-height: 16px;
    display: block;
    padding: 0;
    color: #777;
    position: relative
}

.back-to-apx svg {
    width: 14px
}

    .back-to-apx svg > use {
        fill: #777
    }

.account-ambassador-badge {
    position: absolute;
    bottom: -8px;
    right: 29px
}

    .account-ambassador-badge .ambassador-badge {
        margin-left: auto;
        margin-right: 0
    }

    .account-ambassador-badge .ambassador-badge-text {
        font-size: 10px;
        text-transform: capitalize;
        letter-spacing: 0;
        color: #505050;
        margin-right: -10px;
        margin-top: 3px;
        display: inline-block
    }

.ambassador-badge {
    width: 15px;
    height: 15px;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px
}

    .ambassador-badge svg {
        fill: #fff !important;
        width: 20px;
        height: 20px
    }

.mobile-account-ambassador-badge {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    padding-left: 62px
}

    .mobile-account-ambassador-badge .mobile-ambassador-badge {
        width: 15px;
        height: 15px;
        background: #333;
        display: inline-block;
        border-radius: 15px
    }

        .mobile-account-ambassador-badge .mobile-ambassador-badge svg {
            fill: #fff !important;
            width: 7px;
            height: 7px;
            margin-top: 4px;
            margin-left: 4px;
            display: block
        }

        .mobile-account-ambassador-badge .mobile-ambassador-badge .mobile-ambassador-badge-text {
            text-transform: capitalize;
            letter-spacing: 0;
            color: #505050;
            font-size: 10px;
            line-height: 16px;
            display: inline-block
        }

.top-bar {
    padding: 0;
    border-bottom: 1px solid #e4e5e7;
    background-color: #fff;
    background: #fff;
    position: relative;
    z-index: 1
}

@media screen and (max-width:63.9375em) {
    .top-bar {
        height: 60px;
        border-bottom: 1px solid #e4e5e7
    }

        .top-bar .account-ambassador-badge {
            bottom: -2px;
            right: -4px
        }
}

@media print,screen and (min-width:64em) {
    .top-bar {
        border: none;
        height: auto;
        padding: .6rem 0 .4rem 0
    }

    .sticky-container {
        z-index: 100
    }

        .sticky-container .sticky {
            z-index: 1
        }

            .sticky-container .sticky .mega-drop-down-menu-wrapper {
                border-bottom: 1px solid #e4e5e7;
                -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
                box-shadow: 0 1px 5px rgba(0,0,0,.05)
            }

    .sticky.is-stuck .top-bar {
        border-bottom: 1px solid #e4e5e7;
        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
        box-shadow: 0 1px 5px rgba(0,0,0,.05)
    }

        .sticky.is-stuck .top-bar + .mega-drop-down-menu-wrapper {
            top: -4.125rem;
            -webkit-transition: top .2s cubic-bezier(.19,.26,.17,.99);
            -moz-transition: top .2s cubic-bezier(.19,.26,.17,.99);
            -ms-transition: top .2s cubic-bezier(.19,.26,.17,.99);
            transition: top .2s cubic-bezier(.19,.26,.17,.99)
        }

        .sticky.is-stuck .top-bar.show-bar {
            border-bottom: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

            .sticky.is-stuck .top-bar.show-bar + .mega-drop-down-menu-wrapper {
                top: 0
            }
}

.top-bar .mainLogoContainer {
    white-space: nowrap
}

@media screen and (max-width:63.9375em) {
    .top-bar .mainLogoContainer {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 60px
    }

        .top-bar .mainLogoContainer button {
            padding: 0;
            margin-right: 15px
        }
}

@media screen and (min-width:40em) {
    .top-bar .mainLogoContainer {
        justify-content: flex-start
    }

        .top-bar .mainLogoContainer .logo {
            max-width: 11em
        }
}

@media screen and (min-width:64em) {
    .top-bar .mainLogoContainer .logo {
        max-width: 12.5em
    }
}

.top-bar .logo {
    margin-left: .4rem;
    display: inline-block;
    width: 100%
}

@media print,screen and (min-width:64em) {
    .top-bar .logo {
        width: 10rem;
        margin-top: .4rem;
        margin-left: .1rem;
        width: 12.5rem
    }
}

@media screen and (max-width:63.9375em) {
    .top-bar .logo {
        margin-left: 0
    }
}

.top-bar .back-ios {
    background-color: #f7f8fa;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    max-width: 50px;
    margin-right: 0 !important;
    width: 50px;
    margin-right: 0 !important;
    display: flex;
    align-self: center;
    justify-content: center
}

    .top-bar .back-ios svg {
        fill: #909090 !important
    }

    .top-bar .back-ios span {
        padding: 0 !important
    }

.top-bar .ios-icon {
    justify-content: flex-end !important
}

.top-bar .apx-back-button {
    padding: 1em
}

.top-bar .header-submenu {
    min-width: 300px;
    background-color: #fff;
    padding: 1rem 0;
    font-size: .9375rem;
    margin-top: -1px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.08)
}

    .top-bar .header-submenu > li > a {
        padding: .4rem 1rem;
        line-height: 1.5
    }

        .top-bar .header-submenu > li > a:hover {
            background: #f7f8fa
        }

@media screen and (max-width:63.9375em) {
    .search-header {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        position: fixed;
        padding: 0;
        overflow-x: scroll;
        background-color: #f7f8fa;
        z-index: 2
    }
}

.search-header.search-visible {
    display: block
}

.search-header form {
    position: relative
}

.search-header input {
    border: none;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0;
    font-family: "Roboto";
    font-weight: normal;
    height: 2.9rem;
    box-sizing: border-box !important;
    background-color: #f7f8fa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: all .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: all .2s cubic-bezier(.19,.26,.17,.99);
    transition: all .2s cubic-bezier(.19,.26,.17,.99)
}

@media screen and (max-width:63.9375em) {
    .search-header input {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #fff;
        height: 60px
    }
}

.search-header input:focus, .search-header input:active {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-color: #e0e0e0;
    color: #0a0a0a
}

@media screen and (max-width:63.9375em) {
    .search-header input:focus, .search-header input:active {
        border-left: 0;
        border-top: 0;
        border-right: 0
    }
}

.search-header [class*="icon"] {
    display: none
}

@media print,screen and (min-width:64em) {
    .search-header [class*="icon"] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: block
    }
}

.search-header .close {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    z-index: 3;
    padding: 1.3rem;
    background: #fff
}

    .search-header .close .icon {
        display: block
    }

.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 32px;
    font-size: .85rem;
    letter-spacing: 1px;
    background: #f7f8fa;
    display: inline-block;
    text-align: center;
    font-weight: 500
}

.menu-mobile .avatar {
    float: left
}

.ios-mobile-menu .myproducts-button-mobile {
    display: block !important
}

.username {
    margin-left: 45px;
    display: block;
    font-size: 1rem;
    line-height: 1.3rem;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 25px;
    text-overflow: ellipsis
}

.account-nav {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    height: auto
}

@media screen and (max-width:63.9375em) {
    .account-nav #account-nav {
        padding: 0 !important;
        margin-left: 5px
    }

    .account-nav #not-logged-icon {
        margin-left: 5px
    }
}

.account-nav svg[class*='icon'] {
    fill: #0a0a0a
}

@media screen and (max-width:63.9375em) {
    .account-nav .cont-icon {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center
    }
}

.account-nav #not-logged-icon {
    background-color: #f7f8fa;
    padding: 8px !important;
    border-radius: 50%;
    border: 1px solid #e4e5e7
}

    .account-nav #not-logged-icon:focus, .account-nav #not-logged-icon:active {
        -webkit-tap-highlight-color: transparent;
        outline-color: transparent
    }

.account-nav .icon-user {
    padding: .7em .9em !important;
    position: relative;
    outline-color: transparent
}

@media screen and (max-width:63.9375em) {
    .account-nav .icon-user {
        float: none !important;
        min-width: 34px
    }

        .account-nav .icon-user.dropdown::after {
            display: none
        }
}

.account-nav .icon-user .profile-thumb {
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px
}

.account-nav .icon-user::after {
    margin-left: .5em
}

.account-nav .icon-user .hello-profile {
    display: inline-block;
    text-align: left;
    padding-left: 5px
}

    .account-nav .icon-user .hello-profile span {
        font-weight: 400;
        display: block
    }

        .account-nav .icon-user .hello-profile span:first-child {
            font-size: 11px;
            margin-top: 1px;
            color: #777
        }

.account-nav .icon-user:hover, .account-nav .icon-user:focus {
    color: #313131
}

.account-nav .button:hover svg[class*='icon'] {
    fill: black
}

.account-nav .button:active svg[class*='icon'] {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.19,.26,.17,.99);
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: pulse;
    -moz-animation-duration: .2s;
    -moz-animation-timing-function: cubic-bezier(.19,.26,.17,.99);
    -moz-animation-iteration-count: 1;
    -o-animation-name: pulse;
    -o-animation-duration: .2s;
    -o-animation-timing-function: cubic-bezier(.19,.26,.17,.99);
    -o-animation-iteration-count: 1;
    animation-name: pulse;
    animation-duration: .2s;
    animation-timing-function: cubic-bezier(.19,.26,.17,.99);
    animation-iteration-count: 1;
    fill: black
}

@media screen and (max-width:63.9375em) {
    .account-nav {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
}

.icon-badge {
    position: relative
}

    .icon-badge::before {
        content: attr(name);
        position: absolute;
        background: #ff6363;
        font-weight: 500;
        color: #fff;
        line-height: 1rem;
        font-size: 8px;
        text-align: center;
        min-width: 1rem;
        height: 1rem;
        border-radius: 12px;
        letter-spacing: .5px;
        font-style: normal;
        right: 17px;
        top: 0;
        padding: 0 4px;
        z-index: 1;
        -webkit-box-shadow: 0 0 0 .15em white;
        -moz-box-shadow: 0 0 0 .15em white;
        box-shadow: 0 0 0 .15em white
    }

@media screen and (max-width:39.9375em) {
    .icon-badge::before {
        content: "";
        height: 8px;
        min-width: 8px;
        border-radius: 50%;
        padding: 0;
        top: 10px;
        right: 2px
    }
}

.bubble-cart, .bubble-project {
    position: absolute;
    background: #ff6363;
    font-weight: 500;
    color: #fff;
    line-height: 1rem;
    font-size: 8px;
    text-align: center;
    min-width: 1rem;
    height: 1rem;
    border-radius: 12px;
    letter-spacing: .5px;
    font-style: normal;
    right: 24px;
    top: 2px;
    padding: 0 4px;
    z-index: 1;
    -webkit-box-shadow: 0 0 0 .15em white;
    -moz-box-shadow: 0 0 0 .15em white;
    box-shadow: 0 0 0 .15em white
}

    .bubble-cart:empty, .bubble-project:empty {
        display: none
    }

@media screen and (max-width:39.9375em) {
    .bubble-cart, .bubble-project {
        content: "";
        height: 8px;
        min-width: 8px;
        border-radius: 50%;
        padding: 0;
        font-size: 0;
        top: 7px;
        right: 27px
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .bubble-cart, .bubble-project {
        right: 22px;
        top: 0
    }
}

.mega-dropdown {
    border: 0;
    background: #fff;
    z-index: 0;
    left: 0 !important;
    padding: 0 0 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .mega-dropdown + .mega-dropdown-overlay {
        background: rgba(10,10,10,.6);
        content: "";
        display: block;
        width: 100%;
        height: 0;
        position: fixed;
        z-index: -1;
        left: 0;
        opacity: 0
    }

.is-open.mega-dropdown + .mega-dropdown-overlay {
    height: 100vh;
    opacity: 1
}

.mega-dropdown > .grid-container {
    padding-left: 0 !important
}

@media print,screen and (min-width:64em) {
    .mega-dropdown {
        width: 100% !important
    }
}

.mega-dropdown-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

    .mega-dropdown-container .categories {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
        position: relative
    }

        .mega-dropdown-container .categories .menu {
            margin: 0 0 .9375rem 0
        }

            .mega-dropdown-container .categories .menu li.title a {
                font-size: .875rem;
                font-weight: 500;
                line-height: 1.1;
                margin: 0 0 .1875rem 0;
                color: #0a0a0a
            }

            .mega-dropdown-container .categories .menu li a {
                font-size: .875rem;
                padding: .2rem 0;
                color: #777;
                line-height: 1.1
            }

                .mega-dropdown-container .categories .menu li a:hover {
                    color: #0a0a0a;
                    text-decoration: underline
                }

.mega-dropdown-shop {
    padding-right: 0;
    position: relative
}

    .mega-dropdown-shop .content-image-mega-dropdown {
        display: flex;
        flex-direction: column;
        align-items: flex-end
    }

    .mega-dropdown-shop .mega-dropdown-shop-image {
        width: 400px;
        display: none;
        overflow: hidden
    }

        .mega-dropdown-shop .mega-dropdown-shop-image .lazy-drop-images {
            width: 100%;
            height: 395px;
            background-size: cover !important
        }

    .mega-dropdown-shop .mega-dropdown-shop-text {
        background: #f7f8fa;
        padding: 18px;
        overflow: hidden;
        width: 400px
    }

        .mega-dropdown-shop .mega-dropdown-shop-text h4 {
            margin: 0;
            padding: 0;
            font-weight: 500;
            font-size: 1.3rem;
            color: #ff6363
        }

        .mega-dropdown-shop .mega-dropdown-shop-text h5 {
            margin: 0;
            padding: 0;
            font-size: .8125rem;
            color: #777
        }

        .mega-dropdown-shop .mega-dropdown-shop-text .button {
            margin-top: 3px
        }

.mega-dropdown-footer {
    background-color: #fff;
    position: relative;
    bottom: 0;
    border-top: 1px solid #e4e5e7
}

    .mega-dropdown-footer p {
        font-size: .875rem;
        line-height: 44px;
        display: inline-block;
        margin: 0 10px 0 0;
        color: #777
    }

    .mega-dropdown-footer a {
        padding: 0 8px;
        font-weight: 500;
        font-size: .875rem;
        line-height: 44px;
        display: inline-block
    }

        .mega-dropdown-footer a:hover {
            text-decoration: underline
        }

@keyframes pulse {
    0% {
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    100% {
        -moz-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
}

.extra-category {
    width: auto;
    padding: 0;
    border-top: none;
    border-left: 1px solid #e4e5e7;
    border-right: 1px solid #e4e5e7;
    border-bottom: 1px solid #e4e5e7
}

    .extra-category > a {
        clear: both
    }

.bg_layer_dropdown {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    display: none
}

.dropdown-pane.mega-dropdown.is-open ~ .bg_layer_dropdown {
    display: block
}

.reward-settings {
    background-color: #f7f8fa;
    border-bottom: 1px solid #d7d8d9;
    padding: .5rem 1rem
}

@media screen and (max-width:63.9375em) {
    .reward-settings {
        border: 0;
        background: transparent;
        padding: 0 1rem
    }
}

.reward-settings span:first-child {
    color: #9b9b9b;
    font-size: .7em
}

.reward-settings .wrapper-settings {
    margin-bottom: .2em;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .reward-settings .wrapper-settings span:first-child {
        font-size: 14px;
        color: #313131
    }

@media screen and (max-width:63.9375em) {
    .reward-settings .wrapper-settings span:first-child {
        text-transform: uppercase;
        font-weight: 500
    }
}

.reward-settings .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

    .reward-settings .switch input {
        display: none
    }

    .reward-settings .switch.switch-md {
        width: 47px;
        height: 26px
    }

        .reward-settings .switch.switch-md .slider:before {
            width: 20px;
            height: 20px;
            -webkit-transition: .3s;
            transition: .3s
        }

        .reward-settings .switch.switch-md input:checked + .slider:before {
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px)
        }

    .reward-settings .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc
    }

        .reward-settings .switch .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 3px;
            background-color: #fff;
            -webkit-transition: .4s;
            transition: .4s
        }

        .reward-settings .switch .slider.round {
            border-radius: 34px
        }

            .reward-settings .switch .slider.round:before {
                border-radius: 50%
            }

    .reward-settings .switch input:checked + .slider {
        background-color: #7cb342
    }

        .reward-settings .switch input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px)
        }

    .reward-settings .switch input:focus + .slider {
        box-shadow: 0 0 1px #7cb342
    }

.title-content {
    margin-top: 1rem;
    margin-bottom: 1rem
}

    .title-content.focus {
        position: relative;
        text-align: left;
        padding-right: 3.2rem
    }

@media print,screen and (min-width:40em) {
    .title-content.focus {
        text-align: center;
        padding-right: 0
    }
}

@media print,screen and (min-width:40em) {
    .title-content {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.intro-description {
    font-size: .875rem;
    color: #313131;
    position: relative
}

    .intro-description .intro-description-toggler-button {
        position: absolute;
        right: 0;
        top: auto;
        bottom: -20px;
        font-weight: 500;
        background: #fff;
        text-transform: lowercase;
        padding-left: 10px;
        cursor: pointer
    }

        .intro-description .intro-description-toggler-button:hover {
            text-decoration: underline;
            background-color: #fff !important
        }

@media screen and (max-width:39.9375em) {
    .intro-description .intro-description-toggler-button {
        bottom: 0
    }
}

.intro-description.intro-description-max-height {
    max-height: 86px;
    overflow: hidden
}

    .intro-description.intro-description-max-height .intro-description-toggler-button {
        top: 63px;
        bottom: 0
    }

.intro-description a {
    text-decoration: underline
}

.title-row {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .title-row h4 {
        margin-bottom: 0
    }

.bar-option {
    margin-bottom: 1rem
}

    .bar-option .button {
        margin-bottom: 0
    }

.box-page-0 ul {
    min-height: 175px
}

    .box-page-0 ul li:nth-child(n+7) {
        display: none
    }

    .box-page-0 ul li:last-child {
        display: block !important
    }

.box {
    padding: 1rem 0
}

.box-fill-white {
    padding: 1rem 0;
    background-color: #fff
}

.box-custom-padding {
    padding: 0 0 2rem 0
}

.back-search {
    padding: 1.3rem;
    position: absolute;
    left: 0;
    z-index: 999
}

.is-open-menu-mobile {
    overflow: hidden;
    position: fixed
}

    .is-open-menu-mobile:after {
        background: rgba(0,0,0,.2);
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }

.logo-mobile {
    display: flex;
    margin: 0;
    padding: 0
}

@media print,screen and (min-width:64em) {
    .logo-mobile {
        margin-top: 0
    }
}

@media screen and (max-width:63.9375em) {
    .logo-mobile .logo {
        max-width: 160px;
        height: auto
    }
}

@media screen and (max-width:320px) {
    .logo-mobile .logo {
        max-width: 130px
    }
}

.wrapper-menu-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    transition: transform .2s cubic-bezier(.19,.26,.17,.99)
}

    .wrapper-menu-mobile.open-left {
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 0
    }

    .wrapper-menu-mobile.open-right {
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        right: 0
    }

    .wrapper-menu-mobile .cont-menu-mobile {
        padding: 15px;
        width: 100%;
        height: 100%;
        position: absolute;
        overflow-x: scroll;
        background: #fff;
        -webkit-overflow-scrolling: touch
    }

.open-left.wrapper-menu-mobile .cont-menu-mobile {
    left: 0
}

.open-right.wrapper-menu-mobile .cont-menu-mobile {
    right: 0
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .wrapper-menu-mobile .cont-menu-mobile {
        width: 50%
    }
}

.wrapper-menu-mobile.open {
    z-index: 100;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .wrapper-menu-mobile.open .cont-menu-mobile {
        position: fixed;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.3)
    }

    .wrapper-menu-mobile.open .close-menu-mobile {
        position: absolute;
        left: auto;
        z-index: 9999;
        height: auto;
        top: 10px;
        left: 0;
        display: block;
        background: transparent
    }

.open-left.wrapper-menu-mobile.open .close-menu-mobile {
    right: 15px;
    left: auto
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .open-left.wrapper-menu-mobile.open .close-menu-mobile {
        right: 0
    }
}

.open-right.wrapper-menu-mobile.open .close-menu-mobile {
    right: auto;
    left: 15px
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .open-right.wrapper-menu-mobile.open .close-menu-mobile {
        left: 0
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .wrapper-menu-mobile.open .close-menu-mobile {
        width: 50%;
        height: 100vh
    }
}

.wrapper-menu-mobile.open .close-menu-mobile svg {
    width: 1em;
    height: 1em;
    stroke: black;
    stroke-width: 3px
}

@media screen and (min-width:40em) {
    .icon-h-menu {
        margin-right: 15px
    }
}

.usr-panel {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    -webkit-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: transform .2s cubic-bezier(.19,.26,.17,.99);
    transition: transform .2s cubic-bezier(.19,.26,.17,.99)
}

@media screen and (min-width:40em) {
    .usr-panel {
        background: transparent
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .usr-panel .close-reveal-slide {
        width: 50%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background: transparent;
        z-index: 999;
        -webkit-tap-highlight-color: transparent
    }
}

.usr-panel ul {
    margin: 2em 15px 0 15px
}

    .usr-panel ul.preference-settings {
        margin-top: 1em
    }

.usr-panel .icon {
    width: 1rem;
    height: 1rem
}

.usr-panel .close-button {
    right: 15px;
    top: 10px;
    font-size: inherit
}

    .usr-panel .close-button svg {
        stroke: black;
        stroke-width: 3px
    }

.usr-panel .fixed-login {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 1em;
    background-color: #fff
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .usr-panel .fixed-login {
        width: 50%
    }
}

.usr-panel .fixed-login .icon {
    margin-right: .6em
}

.usr-panel .fixed-login span {
    display: block;
    margin-bottom: 10px
}

.usr-panel .fixed-login a {
    display: block;
    margin: 0 2em;
    font-weight: bold;
    border-radius: 8px
}

@media screen and (min-width:40em) {
    .usr-panel .fixed-login a {
        margin: 0 auto;
        max-width: 20em
    }
}

.usr-panel .cell {
    margin: 0
}

.usr-panel .wrapper-usr-panel {
    display: flex;
    justify-content: flex-start;
    flex-direction: column
}

@media screen and (min-width:40em) {
    .usr-panel .wrapper-usr-panel {
        width: 50%;
        right: 0 !important;
        float: right;
        background-color: #fff;
        height: 100vh;
        position: relative
    }
}

@media screen and (orientation:landscape) {
    .usr-panel .wrapper-usr-panel {
        height: auto
    }
}

.usr-panel .wrapper-usr-panel .mobile-user-thumb {
    text-align: center;
    padding-bottom: 2em;
    padding-top: 4em;
    background-image: url("/images/user-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    min-height: 160px
}

    .usr-panel .wrapper-usr-panel .mobile-user-thumb .wrapper-thumb {
        position: relative;
        display: inline-block
    }

    .usr-panel .wrapper-usr-panel .mobile-user-thumb .avatar {
        width: 2.8em;
        height: 2.8em;
        line-height: 2.8em;
        font-size: 1.4em;
        -webkit-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5);
        -moz-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5);
        box-shadow: 0 2px 10px 0 rgba(128,128,128,.5)
    }

    .usr-panel .wrapper-usr-panel .mobile-user-thumb img {
        border-radius: 50%;
        border: 2px solid #e4e5e7;
        -webkit-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5);
        -moz-box-shadow: 0 2px 10px 0 rgba(128,128,128,.5);
        box-shadow: 0 2px 10px 0 rgba(128,128,128,.5)
    }

    .usr-panel .wrapper-usr-panel .mobile-user-thumb .ambassador-badge {
        width: 20px;
        height: 20px;
        border-radius: 25px;
        background: #000
    }

    .usr-panel .wrapper-usr-panel .mobile-user-thumb .account-ambassador-badge {
        bottom: 0;
        right: 0
    }

    .usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section {
        text-align: left;
        display: block
    }

        .usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span {
            display: block
        }

            .usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.name {
                color: #313131;
                text-transform: capitalize;
                font-size: 18px;
                font-weight: 500;
                line-height: 1em
            }

            .usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.job {
                text-transform: lowercase;
                color: #313131;
                font-size: 14px;
                margin: .2em 0
            }

            .usr-panel .wrapper-usr-panel .mobile-user-thumb .media-object-section span.ambassador-badge-text {
                font-size: 11px;
                font-weight: 500
            }

.usr-panel .wrapper-usr-panel .auth-utilities li:last-child {
    background-color: #f2f3f6;
    display: block;
    margin-top: 25px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 2em
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .usr-panel .wrapper-usr-panel .auth-utilities li:last-child {
        width: calc(100% - 30px);
        position: absolute;
        bottom: 15px;
        margin-bottom: auto
    }
}

@media screen and (orientation:landscape) {
    .usr-panel .wrapper-usr-panel .auth-utilities li:last-child {
        position: static;
        width: 100%;
        margin-bottom: 20px
    }
}

.usr-panel .wrapper-usr-panel .auth-utilities li:last-child a {
    color: #9b9b9b;
    letter-spacing: 1px;
    border: 0;
    padding: 1rem
}

.usr-panel .wrapper-usr-panel .auth-utilities li a {
    padding: .5rem 0 .5rem 1rem;
    border: 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px
}

.usr-panel.open-left {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0
}

.usr-panel.open-right {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    right: 0
}

#showSearch {
    z-index: 9999;
    padding: 1em;
    border: 1px solid #000;
    margin-bottom: 1.5em;
    margin-top: 3em;
    color: #9b9b9b;
    text-transform: uppercase;
    font-size: 11px
}

    #showSearch svg {
        position: static;
        margin-right: 10px
    }

#openMenuMobile svg {
    width: 30px;
    height: 22px
}

.menu-mobile .social-icon-menu {
    display: flex !important;
    justify-content: space-around;
    padding: .5em 0
}

    .menu-mobile .social-icon-menu a {
        padding: 1rem;
        border: 0
    }

    .menu-mobile .social-icon-menu [class*="icon-"] {
        left: 0
    }

.menu-mobile .thumb-container {
    float: left;
    display: inline-block;
    position: relative
}

    .menu-mobile .thumb-container svg {
        margin: 0
    }

    .menu-mobile .thumb-container .account-ambassador-badge {
        bottom: -2px;
        right: 7px
    }

.menu-mobile .mobile-ambassador-badge-text {
    font-size: .8em;
    display: inline-block;
    margin-top: -3px;
    font-weight: 500
}

.menu-mobile li a {
    font-size: 1rem;
    padding: 1rem 3rem 1rem 3.4rem;
    line-height: 1.3rem;
    border-bottom: 1px solid #e4e5e7;
    position: relative
}

    .menu-mobile li a#settingsButtonMobile {
        border-bottom: 0
    }

.menu-mobile li [class*="icon-"] {
    position: absolute;
    left: 1rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.menu-mobile li.is-submenu-parent-item [class*="icon-"] {
    display: none
}

.menu-mobile li.is-submenu-item a {
    padding-left: 1rem;
    padding-right: 1rem
}

.menu-mobile li.account-link > a {
    padding-left: 1.1rem !important
}

    .menu-mobile li.account-link > a span {
        vertical-align: top
    }

    .menu-mobile li.account-link > a .profile-thumb {
        width: 36px;
        height: 36px;
        overflow: hidden;
        display: inline-block;
        margin-top: -7px;
        margin-right: 10px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 36px;
        float: left
    }

.menu-mobile li.account-link .is-submenu-parent-item img, .menu-mobile li.account-link .is-submenu-parent-item span {
    display: none
}

.menu-mobile li.account-link .is-submenu-parent-item a {
    text-align: center;
    padding-left: 1.1rem
}

    .menu-mobile li.account-link .is-submenu-parent-item a:after {
        content: 'Account'
    }

.menu-mobile li.link-bottom {
    background: #fff
}

    .menu-mobile li.link-bottom a {
        padding-left: 1rem
    }

    .menu-mobile li.link-bottom.has-icon span {
        padding-left: 1.8em;
        font-weight: bold
    }

    .menu-mobile li.link-bottom.has-icon a {
        border: 0;
        padding-top: .8rem;
        padding-bottom: .8rem
    }

    .menu-mobile li.link-bottom .icon-medium {
        width: 1.2em;
        height: 1.2em
    }

.menu-mobile li.link-footer a {
    padding: .5rem 1.1rem;
    font-size: .9375rem;
    border-bottom: none
}

.menu-mobile li.link-business > a {
    background-color: #0a0a0a;
    color: #fff
}

.menu-mobile li.link-business svg[class*='icon'] {
    fill: #fff
}

.menu-mobile li.title-service {
    padding: .8rem 1.1rem .2rem 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    color: #777;
    font-weight: 500;
    background-color: #f7f8fa
}

    .menu-mobile li.title-service.no-bg {
        background-color: transparent;
        margin-bottom: 1em
    }

.menu-mobile li[role*="menuitem"]:first-child > a, .menu-mobile li.js-drilldown-back > a, .menu-mobile li.account-link > a, .menu-mobile li.is-submenu-parent-item > a {
    padding: 1.1rem 1.1rem 1.1rem 3rem;
    height: 60px;
    line-height: 1.5rem
}

.menu-mobile li.is-drilldown-submenu-parent > a:after {
    content: '';
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 19 32'><path d='M2.574 32.013v0c-0.004 0-0.009 0-0.013 0-1.414 0-2.561-1.147-2.561-2.561 0-0.005 0-0.009 0-0.014v0.001c-0-0.007-0-0.015-0-0.023 0-0.694 0.28-1.322 0.734-1.778l-0 0 11.752-11.631-11.725-11.605c-0.47-0.467-0.761-1.113-0.761-1.827 0-1.422 1.153-2.575 2.575-2.575 0.708 0 1.349 0.286 1.814 0.748l13.552 13.432c0.473 0.465 0.767 1.112 0.767 1.827s-0.293 1.362-0.766 1.827l-0 0-13.552 13.419c-0.439 0.45-1.044 0.737-1.716 0.76l-0.004 0zM1.574 28.412v0zM1.574 3.588v0z'></path></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: inline-block;
    border: none
}

.menu-mobile li.is-drilldown-submenu-parent .is-drilldown-submenu {
    background-color: #fff
}

.menu-mobile li.is-drilldown-submenu-parent.link-business > a:after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#fff' viewBox='0 0 19 32'><path d='M2.574 32.013v0c-0.004 0-0.009 0-0.013 0-1.414 0-2.561-1.147-2.561-2.561 0-0.005 0-0.009 0-0.014v0.001c-0-0.007-0-0.015-0-0.023 0-0.694 0.28-1.322 0.734-1.778l-0 0 11.752-11.631-11.725-11.605c-0.47-0.467-0.761-1.113-0.761-1.827 0-1.422 1.153-2.575 2.575-2.575 0.708 0 1.349 0.286 1.814 0.748l13.552 13.432c0.473 0.465 0.767 1.112 0.767 1.827s-0.293 1.362-0.766 1.827l-0 0-13.552 13.419c-0.439 0.45-1.044 0.737-1.716 0.76l-0.004 0zM1.574 28.412v0zM1.574 3.588v0z'></path></svg>")
}

.menu-mobile li.mobile-highlights-link a {
    display: block;
    padding: .8rem 0;
    text-align: center
}

.menu-mobile li.mobile-highlights-link > span span:nth-child(even) {
    border-left: 1px solid #e4e5e7
}

.menu-mobile hr {
    margin: 0
}

.menu-mobile.my-lists li {
    border-bottom: 1px solid #e4e5e7;
    padding: .4em 0
}

    .menu-mobile.my-lists li span {
        padding-left: 2em;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 1.2rem
    }

    .menu-mobile.my-lists li a {
        border: 0;
        padding: .5rem 1rem .5rem 1rem
    }

    .menu-mobile.my-lists li.title-service {
        border: 0;
        padding: .8rem 1.1rem .2rem 1.1rem
    }

        .menu-mobile.my-lists li.title-service:first-child {
            border: 0
        }

    .menu-mobile.my-lists li:first-child {
        border-top: 1px solid #e4e5e7
    }

.js-drilldown-back {
    position: absolute;
    width: 100%;
    z-index: 10
}

    .js-drilldown-back a:before {
        content: '';
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='#000' viewBox='0 0 19 32'><path d='M16.127 0v0c1.403 0.022 2.533 1.157 2.548 2.56v0.001c0 0.001 0 0.003 0 0.004 0 0.702-0.286 1.338-0.747 1.797l-11.712 11.645 11.725 11.551c0.407 0.453 0.656 1.056 0.656 1.717 0 1.422-1.153 2.574-2.574 2.574-0.658 0-1.258-0.247-1.713-0.652l0.003 0.002-13.552-13.366c-0.462-0.472-0.75-1.115-0.76-1.825l-0-0.002c0.002-0.716 0.298-1.363 0.773-1.827l0.001-0.001 13.552-13.432c0.451-0.453 1.072-0.737 1.759-0.747l0.002-0zM17.127 3.602v0zM17.127 28.412v0z'></path></svg>");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        width: 12px;
        height: 12px;
        position: absolute;
        display: block;
        border: none;
        left: 1.1rem;
        margin-top: 6px
    }

    .js-drilldown-back + .is-submenu-parent-item a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.is-submenu-parent-item {
    background: #fff
}

.user-profile-dropdown {
    padding: 0;
    right: 0;
    left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .user-profile-dropdown:before {
        right: 12% !important
    }

    .user-profile-dropdown .user {
        border-bottom: 1px solid #d7d8d9;
        font-size: 14px;
        margin-bottom: 0
    }

        .user-profile-dropdown .user .profile-thumb {
            width: 45px;
            height: 45px;
            overflow: hidden;
            display: block;
            -webkit-border-radius: 45px;
            -moz-border-radius: 45px;
            border-radius: 45px
        }

        .user-profile-dropdown .user .name, .user-profile-dropdown .user .job {
            display: block;
            margin-top: 5px
        }

        .user-profile-dropdown .user .job {
            color: #777;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 220px
        }

    .user-profile-dropdown li a {
        font-size: 14px;
        -webkit-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        transition: background .2s cubic-bezier(.19,.26,.17,.99)
    }

        .user-profile-dropdown li a:hover {
            background: #f7f8fa
        }

svg[class*='icon'].primary {
    fill: #313131
}

svg[class*='icon'].secondary {
    fill: #f3f3f3
}

svg[class*='icon'].success {
    fill: #7cb342
}

svg[class*='icon'].warning {
    fill: #ffae00
}

svg[class*='icon'].alert {
    fill: #d4452e
}

svg[class*='icon'].shop {
    fill: #ff6363
}

svg[class*='icon'].brand-ap {
    fill: #ffe869
}

svg[class*='icon'].light {
    fill: #fff
}

svg[class*='icon'].alpha {
    fill: transparent
}

svg[class*='icon'] {
    display: inline-block;
    stroke-width: 1px;
    stroke: inherit;
    fill: inherit;
    vertical-align: bottom
}

    svg[class*='icon'].middle {
        vertical-align: middle
    }

.icon {
    width: 1.25rem;
    height: 1.25rem
}

.icon-xsmall {
    width: .5rem;
    height: .5rem
}

.icon-small {
    width: .8125rem;
    height: .8125rem
}

.icon-xmedium {
    width: 1rem;
    height: 1rem
}

.icon-medium {
    width: 1.25rem;
    height: 1.25rem
}

.icon-large {
    width: 1.375rem;
    height: 1.375rem
}

.icon-mlarge {
    width: 1.625rem;
    height: 1.625rem
}

.icon-xlarge {
    width: 2rem;
    height: 2rem
}

.icon-xxlarge {
    width: 3.1875rem;
    height: 3.1875rem
}

.network-hello-bar {
    background: #ff6363;
    font-size: .875rem;
    color: #fff
}

@media print,screen and (min-width:40em) {
    .network-hello-bar {
        height: 36px
    }
}

.network-hello-bar .wrapper {
    position: relative;
    padding-top: .5rem;
    padding-bottom: .5rem
}

@media print,screen and (min-width:40em) {
    .network-hello-bar .wrapper {
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:63.9375em) {
    .network-hello-bar .wrapper {
        padding-top: 0
    }
}

.network-hello-bar p {
    line-height: 36px;
    margin: 0;
    letter-spacing: .6px;
    font-size: 13px
}

@media screen and (max-width:39.9375em) {
    .network-hello-bar p {
        line-height: normal;
        padding-right: 25px
    }
}

.network-hello-bar p b {
    border-bottom: 1px dotted #fff
}

    .network-hello-bar p b:hover {
        border-bottom: none
    }

.network-hello-bar p a {
    color: #fff;
    border-bottom: 1px dotted #fff
}

    .network-hello-bar p a:hover {
        border-bottom: none
    }

.network-hello-bar .close-button {
    top: .3rem;
    font-size: 1.5rem
}

    .network-hello-bar .close-button span {
        color: #fff
    }

.network-hello-bar-js {
    background: #ff6363;
    font-size: .875rem;
    color: #fff;
    clear: both
}

    .network-hello-bar-js p {
        margin-bottom: 0;
        padding: 10px 25px;
        text-align: center
    }

@media screen and (max-width:63.9375em) {
    .network-hello-bar-js p {
        padding: 10px 25px 10px 10px;
        text-align: left
    }
}

.network-hello-bar-js .wrapper {
    position: relative
}

    .network-hello-bar-js .wrapper a {
        color: #fff;
        border-bottom: 1px dotted #fff
    }

        .network-hello-bar-js .wrapper a:hover {
            border-bottom: none
        }

    .network-hello-bar-js .wrapper button {
        color: #fff
    }

.network-hello-bar-js .wrap-scroll {
    height: 23px
}

@media screen and (max-width:63.9375em) {
    .network-hello-bar-js .wrap-scroll {
        height: 40px
    }
}

.network-hello-bar-js .scroll-3 {
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media screen and (max-width:63.9375em) {
    .network-hello-bar-js .scroll-3 {
        height: 40px
    }
}

.network-hello-bar-js .scroll-3 span {
    height: inherit !important;
    line-height: inherit !important;
    padding-right: 10px !important
}

.wrap-scroll {
    width: 100%;
    height: auto;
    overflow-y: hidden;
    display: block
}

@media print,screen and (min-width:64em) {
    .wrap-scroll {
        height: 36px
    }
}

@-webkit-keyframes scroll-2 {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-36px)
    }

    90% {
        transform: translateY(-36px)
    }

    100% {
        transform: translateY(-72px)
    }
}

@-moz-keyframes scroll-2 {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-36px)
    }

    90% {
        transform: translateY(-36px)
    }

    100% {
        transform: translateY(-72px)
    }
}

@keyframes scroll-2 {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-36px)
    }

    90% {
        transform: translateY(-36px)
    }

    100% {
        transform: translateY(-72px)
    }
}

@media screen and (min-width:40em) {
    .wrap-scroll .scroll-2 {
        -webkit-animation-name: scroll-2;
        -webkit-animation-duration: 10s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: scroll-2;
        -moz-animation-duration: 10s;
        -moz-animation-timing-function: ease;
        -moz-animation-iteration-count: infinite;
        -o-animation-name: scroll-2;
        -o-animation-duration: 10s;
        -o-animation-timing-function: ease;
        -o-animation-iteration-count: infinite;
        animation-name: scroll-2;
        animation-duration: 10s;
        animation-timing-function: ease;
        animation-iteration-count: infinite
    }
}

.wrap-scroll .scroll-3 {
    transition-property: none !important;
    transform: none !important;
    animation: none !important
}

@-webkit-keyframes scroll-3 {
    0% {
        transform: translateY(0)
    }

    26.66667% {
        transform: translateY(0)
    }

    33.33333% {
        transform: translateY(-36px)
    }

    60% {
        transform: translateY(-36px)
    }

    66.66667% {
        transform: translateY(-72px)
    }

    93.33333% {
        transform: translateY(-72px)
    }

    100% {
        transform: translateY(-108px)
    }
}

@-moz-keyframes scroll-3 {
    0% {
        transform: translateY(0)
    }

    26.66667% {
        transform: translateY(0)
    }

    33.33333% {
        transform: translateY(-36px)
    }

    60% {
        transform: translateY(-36px)
    }

    66.66667% {
        transform: translateY(-72px)
    }

    93.33333% {
        transform: translateY(-72px)
    }

    100% {
        transform: translateY(-108px)
    }
}

@keyframes scroll-3 {
    0% {
        transform: translateY(0)
    }

    26.66667% {
        transform: translateY(0)
    }

    33.33333% {
        transform: translateY(-36px)
    }

    60% {
        transform: translateY(-36px)
    }

    66.66667% {
        transform: translateY(-72px)
    }

    93.33333% {
        transform: translateY(-72px)
    }

    100% {
        transform: translateY(-108px)
    }
}

@media screen and (min-width:40em) {
    .wrap-scroll .scroll-3 {
        -webkit-animation-name: scroll-3;
        -webkit-animation-duration: 10s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: scroll-3;
        -moz-animation-duration: 10s;
        -moz-animation-timing-function: ease;
        -moz-animation-iteration-count: infinite;
        -o-animation-name: scroll-3;
        -o-animation-duration: 10s;
        -o-animation-timing-function: ease;
        -o-animation-iteration-count: infinite;
        animation-name: scroll-3;
        animation-duration: 10s;
        animation-timing-function: ease;
        animation-iteration-count: infinite
    }
}

.wrap-scroll .scroll-3 {
    transition-property: none !important;
    transform: none !important;
    animation: none !important
}

@-webkit-keyframes scroll-4 {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-36px)
    }

    45% {
        transform: translateY(-36px)
    }

    50% {
        transform: translateY(-72px)
    }

    70% {
        transform: translateY(-72px)
    }

    75% {
        transform: translateY(-108px)
    }

    95% {
        transform: translateY(-108px)
    }

    100% {
        transform: translateY(-144px)
    }
}

@-moz-keyframes scroll-4 {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-36px)
    }

    45% {
        transform: translateY(-36px)
    }

    50% {
        transform: translateY(-72px)
    }

    70% {
        transform: translateY(-72px)
    }

    75% {
        transform: translateY(-108px)
    }

    95% {
        transform: translateY(-108px)
    }

    100% {
        transform: translateY(-144px)
    }
}

@keyframes scroll-4 {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-36px)
    }

    45% {
        transform: translateY(-36px)
    }

    50% {
        transform: translateY(-72px)
    }

    70% {
        transform: translateY(-72px)
    }

    75% {
        transform: translateY(-108px)
    }

    95% {
        transform: translateY(-108px)
    }

    100% {
        transform: translateY(-144px)
    }
}

@media screen and (min-width:40em) {
    .wrap-scroll .scroll-4 {
        -webkit-animation-name: scroll-4;
        -webkit-animation-duration: 10s;
        -webkit-animation-timing-function: ease;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: scroll-4;
        -moz-animation-duration: 10s;
        -moz-animation-timing-function: ease;
        -moz-animation-iteration-count: infinite;
        -o-animation-name: scroll-4;
        -o-animation-duration: 10s;
        -o-animation-timing-function: ease;
        -o-animation-iteration-count: infinite;
        animation-name: scroll-4;
        animation-duration: 10s;
        animation-timing-function: ease;
        animation-iteration-count: infinite
    }
}

.wrap-scroll .scroll-3 {
    transition-property: none !important;
    transform: none !important;
    animation: none !important
}

@media screen and (max-width:63.9375em) {
    .wrap-scroll {
        height: 25px
    }

        .wrap-scroll .scroll-3 {
            -webkit-animation-name: scroll-3;
            -webkit-animation-duration: 10s;
            -webkit-animation-timing-function: ease;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-name: scroll-3;
            -moz-animation-duration: 10s;
            -moz-animation-timing-function: ease;
            -moz-animation-iteration-count: infinite;
            -o-animation-name: scroll-3;
            -o-animation-duration: 10s;
            -o-animation-timing-function: ease;
            -o-animation-iteration-count: infinite;
            animation-name: scroll-3;
            animation-duration: 10s;
            animation-timing-function: ease;
            animation-iteration-count: infinite
        }

            .wrap-scroll .scroll-3 span {
                font-size: 12px;
                line-height: 36px;
                height: 36px;
                padding-right: 0
            }

                .wrap-scroll .scroll-3 span:not(first-child) {
                    display: block
                }
}

.wrap-scroll span {
    display: block;
    position: relative;
    line-height: normal;
    padding-right: 25px;
    text-align: left;
    height: 50px
}

    .wrap-scroll span:not(:first-child) {
        display: none
    }

@media screen and (min-width:40em) {
    .wrap-scroll span {
        line-height: 36px;
        height: 36px;
        text-align: center
    }

        .wrap-scroll span:not(:first-child) {
            display: block
        }
}

.wrap-scroll span:not(:first-child) {
    display: block
}

@media screen and (max-width:39.9375em) {
    .small-up-2 > .cell:nth-of-type(2n) {
        padding-left: 3px
    }

    .small-up-2 > .cell:nth-of-type(2n+1) {
        padding-right: 3px
    }
}

.products-list .column, .products-list .columns {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-right: -4px
}

    .products-list .column:last-child:not(:first-child), .products-list .columns:last-child:not(:first-child) {
        float: left
    }

.product {
    position: relative;
    padding-bottom: 1rem;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: box-shadow .3s ease-out .1s,transform .3s ease-out .1s,opacity .2s ease-out .1s;
    -moz-transition: box-shadow .3s ease-out .1s,transform .3s ease-out .1s,opacity .2s ease-out .1s;
    -ms-transition: box-shadow .3s ease-out .1s,transform .3s ease-out .1s,opacity .2s ease-out .1s;
    transition: box-shadow .3s ease-out .1s,transform .3s ease-out .1s,opacity .2s ease-out .1s;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media screen and (max-width:39.9375em) {
    .product {
        padding-bottom: 1.5rem
    }
}

@media print,screen and (min-width:64em) {
    .product:hover {
        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
        -moz-box-shadow: 0 4px 12px rgba(0,0,0,.15);
        box-shadow: 0 4px 12px rgba(0,0,0,.15);
        -moz-transform: translate(0,-4px);
        -ms-transform: translate(0,-4px);
        -webkit-transform: translate(0,-4px);
        transform: translate(0,-4px);
        z-index: 10
    }
}

.product-x .product {
    display: flex;
    width: 100%;
    padding-bottom: 0
}

    .product-x .product:hover {
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

.product .button-save {
    position: absolute !important;
    z-index: 10;
    top: 0;
    right: 0
}

@media screen and (max-width:63.9375em) {
    .product .button-save {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: none;
        margin: .4rem .4rem 0 0
    }
}

@media print,screen and (min-width:64em) {
    .product .button-save {
        opacity: 0;
        top: 1rem;
        right: 1rem;
        -webkit-transition: opacity .5s ease;
        -moz-transition: opacity .5s ease;
        -ms-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    :hover.product .button-save {
        opacity: 1
    }
}

@media screen and (max-width:39.9375em) {
    .product .button-save {
        padding: 0 !important;
        width: 33px;
        height: 33px;
        line-height: 31px
    }

        .product .button-save .icon-small {
            width: .75em;
            height: .75em
        }
}

.product > a {
    display: block;
    position: relative;
    z-index: 1;
    align-items: center
}

.product-x .product > a {
    display: flex;
    width: 100%;
    margin: 0
}

    .product-x .product > a::before {
        content: none
    }

@media print,screen and (min-width:64em) {
    .product > a::before {
        opacity: 0;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: -moz-linear-gradient(top,rgba(10,10,10,.1) 0,rgba(10,10,10,0) 60%);
        background: -webkit-linear-gradient(top,rgba(10,10,10,.1) 0,rgba(10,10,10,0) 60%);
        background: linear-gradient(to bottom,rgba(10,10,10,.1) 0,rgba(10,10,10,0) 60%);
        background: -ms-linear-gradient(top,rgba(10,10,10,.1) 0,rgba(10,10,10,0) 60%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(10, 10, 10, 0.1)',endColorstr='rgba(10, 10, 10, 0)',GradientType=0);
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

    .product > a:hover::before {
        opacity: 1
    }
}

.product > a .cont-image {
    border: none;
    position: relative;
    background: #f7f8fa
}

.product-x .product > a .cont-image {
    flex: 0 1 15rem;
    border: 1px solid #e4e5e7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0
}

.product > a .cont-image .img-placeholder {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    border-radius: 4px
}

@media screen and (max-width:39.9375em) {
    .product > a .cont-image .img-placeholder {
        padding-bottom: 125%
    }

    .product > a .cont-image .utils {
        left: 0;
        padding-left: .7rem
    }

    .product > a .cont-image .sayDuck3d {
        color: #313131;
        background-color: transparent;
        font-size: .6em;
        margin: .7rem 0;
        width: 25px;
        text-align: left
    }

        .product > a .cont-image .sayDuck3d:after {
            content: ' · '
        }

        .product > a .cont-image .sayDuck3d:last-child:after {
            content: ''
        }

    .product > a .cont-image.small-up-1 .img-placeholder {
        padding-bottom: 100%
    }
}

.product > a .cont-image img {
    max-height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    mix-blend-mode: multiply
}

@media screen and (min-width:64.2em) {
    .accordion-products .cont-image {
        min-height: 180px !important
    }
}

.sameCollection .cont-image {
    min-height: 160px !important
}

@media screen and (min-width:64.2em) {
    .sameCollection .cont-image {
        min-height: 160px !important
    }
}

.moreLikeThis .cont-image {
    min-height: 160px !important
}

@media screen and (min-width:64.2em) {
    .moreLikeThis .cont-image {
        min-height: 160px !important
    }
}

.product > a .image-product {
    mix-blend-mode: multiply;
    padding: 0;
    display: block;
    margin: auto
}

.product-width-auto .image-product {
    width: auto;
    height: auto
}

.product > a .brand-logo {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 1rem;
    width: 64px;
    height: 64px;
    background: #fff;
    border: 4px solid #fff;
    box-shadow: 0 0 2px #ddd;
    z-index: 2
}

@media screen and (max-width:39.9375em) {
    .product > a .brand-logo {
        width: 50px;
        height: 50px
    }
}

.product > a .brand-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.product figcaption {
    padding: 1rem
}

@media screen and (max-width:39.9375em) {
    .product figcaption {
        padding: .5rem .7rem
    }
}

.product figcaption .product-manufacturer {
    font-size: .875rem;
    line-height: 1rem;
    font-weight: 500;
    margin-bottom: .2rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-x .product figcaption .product-manufacturer {
    font-size: 1.075rem;
    margin-bottom: .5rem
}

@media screen and (max-width:63.9375em) {
    .product figcaption .product-manufacturer {
        font-size: .75rem;
        line-height: inherit;
        white-space: normal;
        overflow: hidden;
        text-overflow: clip;
        margin-bottom: .1rem
    }
}

.product figcaption .ad-hollow {
    padding: 1px 3px;
    font-size: 8px;
    margin-right: 5px;
    margin-bottom: 0;
    margin-top: 3px;
    line-height: 11px
}

@media print,screen and (min-width:64em) {
    .product figcaption .ad-hollow {
        margin-top: 0
    }
}

.product figcaption .product-title {
    font-size: .8125rem;
    line-height: 1rem;
    margin-bottom: 8px
}

.product-x .product figcaption .product-title {
    font-size: 1.0125rem
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .product figcaption .product-title {
        font-size: .75rem;
        line-height: inherit;
        overflow: hidden;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width:39.9375em) {
    .product figcaption .product-title {
        white-space: normal;
        overflow: hidden;
        display: block;
        display: -webkit-box;
        display: -moz-box;
        max-width: 100%;
        height: 36px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical
    }
}

.product figcaption .price {
    font-weight: 500;
    font-size: .9375rem;
    color: #ff6363;
    margin-right: .5rem;
    letter-spacing: -.2px
}

@media screen and (max-width:63.9375em) {
    .product figcaption .price {
        font-size: .75rem
    }
}

.product figcaption .hideprice {
    font-weight: 500;
    font-size: .8125rem;
    color: #ff6363;
    margin-right: .5rem;
    letter-spacing: -.2px
}

@media print,screen and (min-width:40em) {
    .product figcaption .hideprice {
        font-size: .8125rem
    }
}

.product figcaption .old-price {
    display: inline-block;
    text-decoration: line-through;
    font-size: .9375rem;
    color: #777;
    letter-spacing: -.2px
}

@media screen and (max-width:63.9375em) {
    .product figcaption .old-price {
        font-size: .75rem;
        line-height: 1.125rem
    }
}

@media print,screen and (min-width:40em) {
    .product figcaption .old-price + .price {
        margin-left: .2rem
    }
}

@media print,screen and (min-width:64em) {
    .product figcaption .price-group {
        margin: 0;
        line-height: 1.2
    }
}

@media screen and (max-width:63.9375em) {
    .product figcaption .price-group {
        line-height: 1.125rem
    }
}

.product figcaption .price-group .starting-from {
    font-weight: 500;
    color: #777;
    font-size: 14px
}

.product figcaption .discount {
    font-size: .875rem;
    display: inline-block;
    letter-spacing: -.2px;
    background-color: transparent;
    margin-right: .5rem
}

@media print,screen and (min-width:40em) {
    .product figcaption .discount {
        font-size: 1.035rem
    }
}

.product figcaption .RelatedProductsBrandLogo {
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #e4e5e7;
    position: relative
}

    .product figcaption .RelatedProductsBrandLogo img {
        max-width: calc(100% - 8px) !important;
        max-height: calc(100% - 8px) !important;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 4px;
        right: 4px;
        margin: auto
    }

.product figcaption .RelatedProductsText {
    float: left;
    margin-left: 12px
}

    .product figcaption .RelatedProductsText h5 {
        font-size: .875rem;
        color: #777;
        margin: 6px 0 0
    }

    .product figcaption .RelatedProductsText h6 {
        font-size: 1rem;
        margin: 0
    }

.product.categories {
    min-height: auto;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #f7f8fa
}

    .product.categories > a {
        background-color: #f7f8fa
    }

        .product.categories > a .cont-image {
            border: none
        }

    .product.categories img {
        mix-blend-mode: multiply;
        display: block;
        margin: 0 auto
    }

@media print,screen and (min-width:64em) {
    .product.categories img {
        width: 100%
    }
}

.product.categories figcaption {
    padding: 1rem;
    border: none
}

    .product.categories figcaption h2, .product.categories figcaption h3 {
        font-size: 1.1rem;
        margin: 0;
        position: relative;
        font-weight: 500
    }

        .product.categories figcaption h2:hover, .product.categories figcaption h3:hover {
            text-decoration: underline
        }

.product.categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0 1rem 1rem 1rem
}

    .product.categories ul li a {
        color: #777;
        font-size: .875rem;
        display: block;
        padding-bottom: 5px
    }

        .product.categories ul li a:hover {
            text-decoration: underline
        }

.swatches-list {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    margin: 0;
    padding: 1rem;
    width: 70%;
    line-height: .4rem;
    letter-spacing: -.1px
}

    .swatches-list li {
        width: .5625rem;
        height: .5625rem;
        display: inline-block;
        vertical-align: top;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.06);
        -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.06);
        box-shadow: 0 0 0 1px rgba(0,0,0,.06);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: attr(data-color);
        margin-right: -.2rem
    }

@media print,screen and (min-width:40em) {
    .swatches-list li {
        margin-right: .1875rem
    }
}

.swatches-list li.white {
    background-color: #fff;
    border: 1px solid #e4e5e7
}

.swatches-list li.yellow {
    background-color: #ffe000
}

.swatches-list li.brown {
    background-color: #a0661e
}

.swatches-list li.gray {
    background-color: #808080
}

.swatches-list li.purple {
    background-color: #bb35ba
}

.swatches-list li.blue {
    background-color: #035bd8
}

.swatches-list li.teal {
    background-color: #008281
}

.swatches-list li.orange {
    background-color: #ffa000
}

.swatches-list li.red {
    background-color: #f32a38
}

.swatches-list li.mustard {
    background-color: #b08600
}

.swatches-list li.green {
    background-color: #2db135
}

.swatches-list li.black {
    background-color: #000
}

.swatches-list li.olive {
    background-color: #808000
}

.swatches-list li.darkgreen {
    background-color: #007836
}

.swatches-list li.darkteal {
    background-color: #003434
}

.swatches-list li.pink {
    background-color: #f5bbcf
}

.swatches-list li.maroon {
    background-color: #7a2427
}

.swatches-list li.magenta {
    background-color: #e51b9b
}

.swatches-list li.darkpurple {
    background-color: #390035
}

.swatches-list li.cyan {
    background-color: #00c4d9
}

.swatches-list li.lightblue {
    background-color: #d9f0f5
}

.swatches-list li.navyblue {
    background-color: #0d204b
}

.swatches-list li.darkblue {
    background-color: #0030a2
}

.swatches-list li.gold {
    background-color: #efc802
}

.swatches-list small {
    background: rgba(255,255,255,.5);
    padding: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    letter-spacing: -.5px
}

@media print,screen and (min-width:40em) {
    .swatches-list small {
        padding: 0 .3rem
    }
}

.myproducts {
    position: absolute;
    right: .9rem;
    top: 0;
    z-index: 1
}

@media screen and (max-width:39.9375em) {
    .myproducts {
        right: .3rem;
        padding-top: .6rem
    }
}

.myproducts.button:not(.no-margin) {
    padding-right: .4rem !important
}

.myproducts svg[class*='icon'] {
    fill: rgba(215,216,217,.7) !important
}

.myproducts:hover svg[class*='icon'], .myproducts.is-active svg[class*='icon'] {
    fill: #ff6363 !important
}

.utils .prize, .sayDuck3d {
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    margin: 0 .7rem .7rem 0;
    line-height: 18px;
    background: rgba(10,10,10,.4);
    font-weight: 500;
    display: block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

@media screen and (max-width:39.9375em) {
    .utils .prize, .sayDuck3d {
        margin: .7rem .5rem
    }
}

.utils {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
    z-index: 2;
    display: flex
}

    .utils .prize svg > use {
        fill: #fff
    }

@media screen and (max-width:63.9375em) {
    .utils .prize {
        display: none
    }
}

.sayDuck3d {
    line-height: 21px !important;
    font-size: 9px
}

.bimAuthorContainer {
    overflow: hidden
}

.bimAuthorTitle {
    float: left;
    font: 400 11px/21px 'Roboto',Arial,Sans-serif;
    margin-right: 4px;
    color: #666
}

.bimAuthorImage {
    width: 100px;
    max-height: 100px;
    float: left
}

    .bimAuthorImage img {
        max-width: 100%;
        max-height: 100%
    }

.benefit {
    display: flex;
    justify-content: space-between;
    padding-top: .4rem;
    margin-top: .4rem;
    border-top: 1px dashed #e4e5e7;
    visibility: hidden
}

    .benefit.benefit-show {
        visibility: visible
    }

    .benefit .benefit-desc {
        font-size: .7rem;
        font-style: italic;
        color: #777
    }

    .benefit .benefit-price {
        font-size: .8rem;
        font-weight: 500;
        color: #7cb342
    }

.product-x .product {
    display: flex
}

.product-summary {
    background-color: #f7f8fa;
    font-size: .8rem;
    color: #777;
    padding: .5rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 1rem 1rem
}

    .product-summary .media-object-section:first-child {
        padding-right: 0
    }

.product-tile-variant {
    list-style: none;
    font-size: .8rem;
    padding: 0 1rem 1rem;
    margin: 0
}

    .product-tile-variant .list-tile-variant {
        display: flex;
        border-bottom: 1px dashed #e4e5e7
    }

        .product-tile-variant .list-tile-variant:first-child {
            border-top: 1px dashed #e4e5e7
        }

        .product-tile-variant .list-tile-variant .col-price {
            padding: .3rem 0
        }

            .product-tile-variant .list-tile-variant .col-price:first-child {
                min-width: 4rem;
                font-weight: 500
            }

        .product-tile-variant .list-tile-variant .col-variant {
            padding: .3rem 0
        }

.product-tile-footer {
    padding: 0 1rem
}

.reward-tile {
    padding-top: .6rem;
    font-size: .8rem;
    border-top: 1px dashed #e4e5e7;
    display: block;
    margin: 0 1rem
}

    .reward-tile [data-tooltip] {
        border-bottom: 0
    }

    .reward-tile .ambassador-badge {
        background-color: #333
    }

    .reward-tile .media-object-section {
        padding-right: .5rem
    }

#more_like_this .sayDuck3d, #same_collection .sayDuck3d, #more_like_this .prize, #same_collection .prize {
    display: none
}

.categories-tile {
    display: block;
    padding: 1.2rem;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d7d8d9
}

    .categories-tile p {
        text-align: center;
        font-size: 1.2rem;
        margin-top: 1.2rem;
        overflow: hidden;
        white-space: nowrap !important;
        text-overflow: ellipsis
    }

    .categories-tile.shop {
        border-color: #ff6363
    }

        .categories-tile.shop p {
            color: #ff6363
        }

.breadcrumbs-container {
    padding: 0
}

    .breadcrumbs-container .grid-x {
        min-height: 1.5rem
    }

        .breadcrumbs-container .grid-x ul li {
            line-height: 1.5rem
        }

    .breadcrumbs-container .button-group {
        margin: .5rem 0 0 0;
        text-align: right
    }

        .breadcrumbs-container .button-group .button {
            padding: .6em 1.3em !important
        }

.breadcrumbs-bg {
    background-color: #f7f8fa
}

.breadcrumbs {
    margin: .5rem 0 0 0;
    position: relative
}

    .breadcrumbs li {
        font-size: .8125rem;
        text-transform: none
    }

        .breadcrumbs li:not(:last-child)::after {
            content: "›";
            font-size: 1.2rem;
            line-height: 0
        }

        .breadcrumbs li .current {
            font-weight: 500
        }

        .breadcrumbs li a {
            color: #777
        }

.arrow-nav {
    position: relative
}

    .arrow-nav > div {
        position: absolute;
        top: .3rem;
        right: 0;
        text-align: right
    }

        .arrow-nav > div a {
            color: #f00
        }

.openAlternativeBreadcrumb {
    position: relative
}

    .openAlternativeBreadcrumb svg {
        position: absolute;
        top: -23px;
        width: 9px;
        cursor: pointer;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

    .openAlternativeBreadcrumb.openAlternativeBreadcrumb_opened svg {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        transition: all .2s ease-in
    }

#AlternativeBreadcrumbs #search-navigator {
    display: none
}

.banner-wrapper {
    background: #e4e5e7;
    text-align: center;
    width: 100%;
    line-height: 0;
    font-size: 0;
    padding: .625rem
}

@media print,screen and (min-width:40em) {
    .banner-wrapper {
        padding: .75rem 0
    }
}

.banner-wrapper.bottom {
    margin-top: 25px
}

.banner-wrapper img {
    border: 0;
    padding: 0
}

.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    opacity: 1;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.button {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.2em 1.3em
}

    .button.primary {
        color: #fff
    }

        .button.primary [class*='icon'] {
            fill: #fff
        }

        .button.primary:hover {
            background-color: #2a2a2a;
            color: #fff
        }

    .button.secondary {
        color: #0a0a0a
    }

        .button.secondary [class*='icon'] {
            fill: #0a0a0a
        }

        .button.secondary:hover {
            background-color: #cfcfcf;
            color: #0a0a0a
        }

    .button.success {
        color: #fff
    }

        .button.success [class*='icon'] {
            fill: #fff
        }

        .button.success:hover {
            background-color: #698a47;
            color: #fff
        }

    .button.warning {
        color: #fff
    }

        .button.warning [class*='icon'] {
            fill: #fff
        }

        .button.warning:hover {
            background-color: #b88821;
            color: #fff
        }

    .button.alert {
        color: #fff
    }

        .button.alert [class*='icon'] {
            fill: #fff
        }

        .button.alert:hover {
            background-color: #a0493b;
            color: #fff
        }

    .button.shop {
        color: #fff
    }

        .button.shop [class*='icon'] {
            fill: #fff
        }

        .button.shop:hover {
            background-color: #e04d4d;
            color: #fff
        }

    .button.brand-ap {
        color: #0a0a0a
    }

        .button.brand-ap [class*='icon'] {
            fill: #0a0a0a
        }

        .button.brand-ap:hover {
            background-color: #e0cb52;
            color: #0a0a0a
        }

    .button.light {
        color: #0a0a0a
    }

        .button.light [class*='icon'] {
            fill: #0a0a0a
        }

        .button.light:hover {
            background-color: #d9d9d9;
            color: #0a0a0a
        }

    .button.alpha {
        color: #0a0a0a
    }

        .button.alpha [class*='icon'] {
            fill: #0a0a0a
        }

        .button.alpha:hover {
            background-color: transparent;
            color: #0a0a0a
        }

    .button.x-tiny {
        padding: .7em .8em
    }

@media screen and (max-width:39.9375em) {
    .button.icon-label.iconized, .button.icon-label {
        padding: .7em .8em;
        font-size: .625rem
    }

        .button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] {
            display: block;
            margin: auto;
            position: static;
            margin-bottom: .5rem
        }
}

.button.tiny {
    padding: 1em 1em
}

@media screen and (max-width:39.9375em) {
    .button.icon-label.iconized, .button.icon-label {
        padding: 1em 1em;
        font-size: .625rem
    }

        .button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] {
            display: block;
            margin: auto;
            position: static;
            margin-bottom: .5rem
        }
}

.button.small {
    padding: 1em 1.2em
}

@media screen and (max-width:39.9375em) {
    .button.icon-label.iconized, .button.icon-label {
        padding: 1em 1.2em;
        font-size: .625rem
    }

        .button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] {
            display: block;
            margin: auto;
            position: static;
            margin-bottom: .5rem
        }
}

.button.large {
    padding: 1.3em 1.3em
}

@media screen and (max-width:39.9375em) {
    .button.icon-label.iconized, .button.icon-label {
        padding: 1.3em 1.3em;
        font-size: .625rem
    }

        .button.icon-label.iconized [class*='icon'], .button.icon-label [class*='icon'] {
            display: block;
            margin: auto;
            position: static;
            margin-bottom: .5rem
        }
}

.button.iconized {
    position: relative;
    padding-left: 3.3em
}

    .button.iconized [class*='icon'] {
        left: 1.3em;
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        margin: auto
    }

        .button.iconized [class*='icon'].icon-x-tiny {
            left: .8em
        }

        .button.iconized [class*='icon'].icon-tiny {
            left: 1em
        }

        .button.iconized [class*='icon'].icon-small {
            left: 1.2em
        }

        .button.iconized [class*='icon'].icon-large {
            left: 1.3em
        }

.button.hollow.secondary {
    color: #777
}

.button.alpha {
    color: #0a0a0a
}

    .button.alpha:hover, .button.alpha:focus {
        color: #0a0a0a
    }

.button.light.border {
    border-color: #e4e5e7
}

    .button.light.border:hover {
        border-color: #c9cbcf
    }

.button.no-border {
    border: 0
}

.button.cta.primary {
    border-bottom: 2px solid #0b0b0b
}

.button.cta.secondary {
    border-bottom: 2px solid #cdcdcd
}

.button.cta.success {
    border-bottom: 2px solid #557b2d
}

.button.cta.warning {
    border-bottom: 2px solid #b37a00
}

.button.cta.alert {
    border-bottom: 2px solid #97301f
}

.button.cta.shop {
    border-bottom: 2px solid #ff1717
}

.button.cta.brand-ap {
    border-bottom: 2px solid #ffdc1d
}

.button.cta.light {
    border-bottom: 2px solid #d9d9d9
}

.button.cta.alpha {
    border-bottom: 2px solid transparent
}

.button.dropdown:after {
    top: auto;
    vertical-align: middle;
    float: none;
    border-color: #777 transparent transparent
}

.button.sending img, .button.sending svg {
    -webkit-animation: spin 1s infinite linear;
    margin-right: 12px;
    width: 20px;
    margin-top: -4px
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

.button.sent img, .button.sent svg {
    margin-left: 12px;
    fill: #fff
}

.button.hollow:hover {
    background-color: transparent
}

.button.button-topbar {
    background-color: transparent;
    color: #ff6363;
    border: 1px solid #ff6363;
    padding: .7em 1.2em;
    font-size: .7em;
    margin-left: .5rem
}

    .button.button-topbar:hover {
        background-color: #ff6363
    }

.button-group .button {
    margin: 0
}

.icon.off {
    fill: #0a0a0a !important;
    display: block !important
}

.icon.on {
    fill: #ff6363 !important;
    display: none !important
}

.is-active .icon.off {
    fill: #0a0a0a !important;
    display: none !important
}

.is-active .icon.on {
    fill: #ff6363 !important;
    display: block !important
}

@media print,screen and (min-width:64em) {
    .my-products .button.secondary.iconized {
        padding: 1.2em 1.3em
    }
}

@media print,screen and (min-width:64em) {
    .my-products .button.secondary.iconized [class*='icon'] {
        position: static
    }
}

@media print,screen and (min-width:64em) {
    .my-products .button.secondary span {
        display: none
    }
}

.button.success:hover, .button.success:focus {
    color: #fff
}

.thumbnail {
    padding: .5rem;
    position: relative
}

    .thumbnail[class*="logo"] {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
        background-color: #fff
    }

        .thumbnail[class*="logo"].logo-medium {
            width: 6rem;
            height: 6rem
        }

        .thumbnail[class*="logo"].logo-large {
            width: 8rem;
            height: 8rem
        }

        .thumbnail[class*="logo"].logo-xlarge {
            padding-bottom: 100%;
            width: 100%;
            display: block
        }

            .thumbnail[class*="logo"].logo-xlarge img {
                position: absolute;
                display: block;
                margin: auto;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                padding: .8rem
            }

@media screen and (max-width:39.9375em) {
    .tabs {
        overflow: auto;
        white-space: nowrap;
        word-spacing: -4px;
        -webkit-overflow-scrolling: touch
    }
}

.tabs.center {
    text-align: center;
    word-spacing: 0
}

.tabs .tabs-title {
    background-color: #f7f8fa;
    border-left: none;
    border: 1px solid #e4e5e7;
    margin-left: -1px
}

    .tabs .tabs-title > a:focus {
        background-color: #fff
    }

@media screen and (max-width:39.9375em) {
    .tabs .tabs-title {
        float: none;
        display: inline-block
    }
}

.tabs .tabs-title.center {
    float: none !important;
    display: inline-block;
    margin-left: -5px
}

@media screen and (max-width:39.9375em) {
    .tabs .tabs-title.center a {
        font-size: .8125rem
    }
}

.tabs .tabs-title.is-active {
    border-bottom-color: #fff;
    font-weight: 500
}

    .tabs .tabs-title.is-active > a {
        background-color: #fff
    }

.tabs .tabs-title:first-child {
    border-left: 1px solid #e4e5e7;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
    margin-left: 0
}

.tabs .tabs-title:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

.tabs .tabs-title > a:hover {
    text-decoration: none
}

.tabs .tabs-title > a:focus {
    outline: none;
    background-color: #fff
}

.tabs-panel::before, .tabs-panel::after {
    display: table;
    content: ' '
}

.tabs-panel::after {
    clear: both
}

.tabs-panel.is-active {
    display: block
}

.tabs-panel.center {
    border-top: 1px solid #e4e5e7;
    margin-top: -1px
}

    .tabs-panel.center p {
        font-size: .875rem
    }

        .tabs-panel.center p a b {
            text-decoration: underline
        }

.underline-tabs .tabs li {
    border: none !important
}

    .underline-tabs .tabs li a {
        padding-left: 0;
        padding-right: 0;
        margin: 0 1rem 0 0;
        font-size: .9375rem;
        font-weight: 400;
        text-transform: capitalize;
        color: #777;
        border-bottom: 2px solid #f7f8fa
    }

        .underline-tabs .tabs li a:hover {
            background: none;
            border-bottom: 2px solid #0a0a0a;
            color: #0a0a0a
        }

        .underline-tabs .tabs li.is-active a, .underline-tabs .tabs li a:focus, .underline-tabs .tabs li a[aria-selected='true'] {
            background: none;
            border-bottom: 2px solid #0a0a0a;
            color: #0a0a0a
        }

.underline-tabs .tabs.double-dotted li a {
    border-bottom: 0
}

    .underline-tabs .tabs.double-dotted li a:hover {
        border-bottom: 2px solid #000
    }

    .underline-tabs .tabs.double-dotted li.is-active a, .underline-tabs .tabs.double-dotted li a:focus, .underline-tabs .tabs.double-dotted li a[aria-selected='true'] {
        background: none;
        border-bottom: 4px solid #0a0a0a;
        color: #0a0a0a
    }

.tabs-gray .tabs {
    background-color: transparent;
    margin-bottom: 0;
    white-space: nowrap;
    border-bottom: none;
    padding-left: 30px !important
}

@media screen and (max-width:39.9375em) {
    .tabs-gray .tabs {
        overflow: scroll;
        padding-left: 0 !important
    }
}

.tabs-gray .tabs .tabs-title {
    display: inline-block;
    float: none;
    border: none;
    background: #fff;
    border-bottom: none !important;
    border-radius: 0
}

@media print,screen and (min-width:40em) {
    .tabs-gray .tabs .tabs-title {
        border: 1px solid #f2f3f6
    }
}

.tabs-gray .tabs .tabs-title > a {
    position: relative;
    font-size: 13px;
    color: #313131;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    transition: color .2s ease;
    padding-left: 50px;
    line-height: 54px;
    height: 54px;
    padding-top: 0;
    padding-bottom: 0
}

    .tabs-gray .tabs .tabs-title > a:hover {
        color: #0a0a0a
    }

    .tabs-gray .tabs .tabs-title > a:focus {
        background-color: transparent;
        outline-width: 0
    }

    .tabs-gray .tabs .tabs-title > a svg {
        position: absolute;
        top: 18px;
        left: 16px
    }

.tabs-gray .tabs .tabs-title.is-active {
    background-color: #f7f8fa
}

    .tabs-gray .tabs .tabs-title.is-active > a {
        position: relative;
        background-color: transparent;
        color: #0a0a0a;
        font-weight: 500
    }

.tabs-gray .tabs-content {
    background-color: #f7f8fa !important;
    border: none
}

.news {
    position: relative;
    background-color: #fff;
    height: auto;
    border: none;
    overflow: hidden
}

    .news .img-placeholder {
        position: relative;
        overflow: hidden
    }

        .news .img-placeholder img {
            -webkit-transition: transform .5s ease,opacity .5s ease !important;
            -moz-transition: transform .5s ease,opacity .5s ease !important;
            -ms-transition: transform .5s ease,opacity .5s ease !important;
            transition: transform .5s ease,opacity .5s ease !important
        }

@media print,screen and (min-width:64em) {
    :hover.news .img-placeholder img {
        -moz-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        -ms-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        -webkit-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        transform: scale3d(1.1,1.1,1) translate3d(0,0,0)
    }
}

@media print,screen and (min-width:40em) {
    .news {
        border: 1px solid #e4e5e7;
        height: 440px;
        margin-bottom: 1.5rem
    }

        .news:hover {
            border: 1px solid #d7d8d9
        }
}

@media screen and (max-width:39.9375em) {
    .news {
        border: 1px solid #e4e5e7;
        margin: 5px 0
    }
}

.news picture {
    position: relative;
    overflow: hidden;
    width: 9rem;
    float: left;
    padding: .8rem;
    display: block
}

@media screen and (max-width:39.9375em) {
    .news-primary.news picture {
        width: 100%;
        float: none;
        padding: 0
    }
}

@media print,screen and (min-width:40em) {
    .news picture {
        width: 100%;
        float: none;
        padding: 0
    }

        .news picture img {
            width: 100%;
            max-width: inherit;
            max-height: 304px;
        }
}

@media screen and (max-width:39.9375em) {
    .news-primary.news picture img {
        max-height: 100%;
        min-width: 100%
    }

    .large-4 .img-placeholder {
        min-height: 120px
    }

    .large-8 .img-placeholder {
        min-height: 190px
    }
}

@media print,screen and (min-width:64em) {
    .news-primary.news picture img {
        height: 100%;
        max-height: 100%;
        min-width: 100%
    }
}

.news .news-box-title {
    padding: .8rem .8rem .8rem 0;
    overflow: hidden;
    background-color: #fff;
    position: relative
}

@media print,screen and (min-width:40em) {
    .news .news-box-title {
        margin: -3rem 1rem 0;
        padding: 1.3rem 1.8rem;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        min-height: 12rem
    }
}

@media screen and (max-width:39.9375em) {
    .news-primary.news .news-box-title {
        margin: -3rem 1rem 0;
        padding: 1.3rem 1.3rem 2.3rem;
        right: auto
    }
}

@media print,screen and (min-width:64em) {
    .news-primary.news .news-box-title {
        position: absolute;
        right: auto;
        margin: 1rem;
        max-width: 54%;
        min-height: 9rem
    }
}

.news .news-box-title .categories {
    text-transform: uppercase;
    color: #777;
    font-size: .8125rem;
    margin: 0
}

@media print,screen and (min-width:40em) {
    .news .news-box-title .categories {
        margin: .2rem
    }
}

.news .news-box-title .news-title {
    font-size: 1.1rem;
    line-height: 1.2;
    margin-bottom: 0;
    font-family: "Noto Serif",serif
}

@media print,screen and (min-width:40em) {
    .news .news-box-title .news-title {
        font-size: 14pt;
        font-weight:600;
        margin: 0 0 .5rem 0
    }
}

.news .news-box-title .news-subtitle {
    display: none
}

@media print,screen and (min-width:40em) {
    .news .news-box-title .news-subtitle {
        font-size: 1rem;
        line-height: 1.4;
        color: #777;
        text-align:justify;
        display: block
    }
}

.news .news-box-title .viewmore {
    display: none
}

@media print,screen and (min-width:40em) {
    .news .news-box-title .viewmore {
        font-size: .875rem;
        color: #777
    }
}

.news .news-brand-logo {
    display: none
}

@media print,screen and (min-width:40em) {
    .news .news-brand-logo {
        width: 120px;
        height: 60px;
        margin: auto;
        position: relative;
        margin-top: .5rem;
        display: block
    }
}

.news .news-brand-logo img {
    max-height: 100%;
    max-width: 100%
}

@media print,screen and (min-width:40em) {
    .news .news-brand-logo img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
}

.news .empty-news-image {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkkAQAAB8AG7jymN8AAAAASUVORK5CYII=);
    background-repeat: repeat;
    width: 100%;
    height: 90px;
    position: relative
}

@media print,screen and (min-width:40em) {
    .news .empty-news-image {
        height: 295px
    }
}

.news .empty-news-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 50%;
    max-width: 60%;
    mix-blend-mode: multiply
}

@media print,screen and (min-width:64em) {
    .fuorisalone-news-tile .news {
        height: 385px
    }

        .fuorisalone-news-tile .news picture img {
            max-height: 224px
        }
}

.autocomplete {
    width: 100%;
    position: relative
}

    .autocomplete input {
        font-size: .9375rem;
        color: #777;
        width: 100%;
        padding: .4rem .4rem .4rem 1rem;
        -webkit-transition: padding-left .1s ease;
        -moz-transition: padding-left .1s ease;
        -ms-transition: padding-left .1s ease;
        transition: padding-left .1s ease
    }

        .autocomplete input::-webkit-input-placeholder {
            color: #777
        }

        .autocomplete input::-moz-placeholder {
            color: #777
        }

        .autocomplete input:-moz-placeholder {
            color: #777
        }

        .autocomplete input:-ms-input-placeholder {
            color: #777
        }

@media screen and (max-width:63.9375em) {
    .autocomplete input {
        padding: 0 3.5rem 0 3.5rem;
        border-left: 0;
        border-top: 0
    }
}

.autocomplete input:focus {
    background: #fff
}

    .autocomplete input:focus ~ .icon-search {
        display: none
    }

.autocomplete ul {
    position: absolute;
    left: 0;
    width: 100%;
    border: 1px solid #e4e5e7;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-top: none;
    z-index: 11;
    margin: 0;
    background-color: #fff;
    padding-bottom: .6rem
}

@media screen and (max-width:63.9375em) {
    .autocomplete ul {
        border: none;
        top: 60px
    }
}

.autocomplete ul li {
    text-align: left;
    list-style: none;
    font-size: .9375rem;
    letter-spacing: .2px;
    line-height: 1
}

    .autocomplete ul li.first {
        border-top: 1px solid #e4e5e7;
        margin-top: .6rem;
        position: relative;
        padding: .4rem 1rem;
        content: attr(data-label);
        display: block;
        font-size: 1rem;
        font-weight: 500
    }

        .autocomplete ul li.first:first-of-type {
            border: none;
            padding-top: 0
        }

        .autocomplete ul li.first:before {
            padding: .4rem 1rem;
            display: block;
            font-size: 1rem;
            font-weight: 500;
            content: attr(data-label)
        }

    .autocomplete ul li > span {
        padding: .4rem 1rem;
        display: block;
        cursor: pointer;
        color: #5e5e5e;
        -webkit-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        transition: background-color .2s cubic-bezier(.19,.26,.17,.99)
    }

        .autocomplete ul li > span .highlight {
            font-weight: 500;
            color: #0a0a0a
        }

        .autocomplete ul li > span.ui-state-active {
            background-color: #f7f8fa
        }

    .autocomplete ul li.active > span {
        background-color: #f7f8fa
    }

.autocomplete .highlight {
    font-weight: 500
}

.autocomplete-submit-button {
    position: absolute;
    right: 5px;
    top: 0;
    border: none !important;
    height: 100%
}

.label {
    border: 1px solid transparent
}

.label-middle {
    vertical-align: middle
}

.label.small {
    border-radius: 2px;
    font-size: 9px;
    margin: 0 0 0 2px;
    padding: .2rem .2rem;
    cursor: pointer
}

    .label.small:hover {
        text-decoration: none !important
    }

.label-tag {
    line-height: 2rem;
    height: 2rem;
    padding: 0 .5rem;
    border-radius: 4px;
    font-size: .875rem;
    color: #777
}

    .label-tag [data-close] {
        padding: 0 .3125rem
    }

.discount {
    border-color: #ff6363;
    color: #ff6363;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    font-weight: 500
}

.label[href] {
    -webkit-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    transition: background-color .2s cubic-bezier(.19,.26,.17,.99)
}

    .label[href]:hover {
        cursor: pointer
    }

    .label[href].primary:hover {
        background-color: #181818
    }

    .label[href].secondary:hover {
        background-color: #dadada
    }

    .label[href].success:hover {
        background-color: #628e34
    }

    .label[href].warning:hover {
        background-color: #cc8b00
    }

    .label[href].alert:hover {
        background-color: #ac3623
    }

    .label[href].shop:hover {
        background-color: #ff3030
    }

    .label[href].brand-ap:hover {
        background-color: #ffe036
    }

    .label[href].light:hover {
        background-color: #e6e6e6
    }

    .label[href].alpha:hover {
        background-color: transparent
    }

.label.primary {
    color: #fff
}

.label.secondary {
    color: #0a0a0a
}

.label.success {
    color: #fff
}

.label.warning {
    color: #fff
}

.label.alert {
    color: #fff
}

.label.shop {
    color: #fff
}

.label.brand-ap {
    color: #0a0a0a
}

.label.light {
    color: #0a0a0a
}

.label.alpha {
    color: #0a0a0a
}

.profile-header-container {
    background: #f7f8fa;
    border-bottom: 1px solid #e4e5e8;
    padding-top: 1rem;
    margin-bottom: 1rem
}

@media print,screen and (min-width:40em) {
    .profile-header-container {
        margin-bottom: 0
    }
}

.profile-header-container .tabs {
    margin-bottom: -1px
}

.wrapper-header-image {
    background: #f7f8fa
}

.profile-header-image {
    height: 330px;
    background-size: cover;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat
}

@media print,screen and (min-width:64em) {
    .profile-header-image {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        overflow: hidden
    }
}

@media screen and (max-width:39.9375em) {
    .profile-header-image {
        height: 100px
    }
}

.profile-header-image.no-image {
    height: 75px
}

.profile-header-image.small-image {
    height: 100px
}

.brand-object {
    margin-bottom: 1.8rem
}

@media screen and (max-width:39.9375em) {
    .brand-object {
        margin-bottom: 1rem
    }

        .brand-object .media-object-section {
            display: block;
            text-align: center;
            margin-top: 5.5rem
        }

            .brand-object .media-object-section:first-child {
                padding-right: 0;
                display: block;
                text-align: center;
                margin: auto
            }

            .brand-object .media-object-section > :last-child {
                margin: auto;
                margin-top: -5rem
            }
}

.header-profile-logo {
    position: relative;
    width: 8rem;
    height: 8rem;
    background: #fff;
    border: 1px solid #e4e5e7
}

@media print,screen and (min-width:40em) {
    .header-profile-logo {
        width: 10rem;
        height: 10rem;
        margin-top: -5rem
    }
}

.header-profile-logo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: .3rem;
    max-width: 100%;
    max-height: 100%
}

.header-profile-logo svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #777
}

.header-profile-info .name, .header-profile-info .job, .header-profile-info .country {
    margin: 0;
    font-size: 1.6rem
}

@media screen and (max-width:39.9375em) {
    .header-profile-info .name {
        font-size: 1.3rem
    }
}

.header-profile-info .job {
    font-size: .9375rem;
    margin-bottom: 5px;
    color: #777
}

.header-profile-info .country {
    font-size: .9375rem
}

@media screen and (max-width:39.9375em) {
    .header-profile-info .country {
        font-size: 14px
    }
}

.header-profile-info .country svg {
    vertical-align: top;
    height: 11px;
    margin-top: 4px
}

.header-profile-info .link-al {
    display: block;
    margin-top: 8px;
    font-size: .875rem;
    font-weight: 500
}

    .header-profile-info .link-al:hover {
        text-decoration: underline
    }

.header-profile-info-buttons {
    margin-top: 10px
}

    .header-profile-info-buttons .button {
        margin-left: .5rem
    }

    .header-profile-info-buttons .header-profile-button {
        margin-right: .3rem
    }

@media screen and (max-width:39.9375em) {
    .header-profile-info-buttons .header-profile-button {
        font-size: 12px
    }
}

.header-profile-info-buttons .header-profile-button img, .header-profile-info-buttons .header-profile-button svg {
    fill: #000
}

@media screen and (max-width:39.9375em) {
    .header-profile-info-buttons .header-profile-button img, .header-profile-info-buttons .header-profile-button svg {
        height: 11px
    }
}

.profile-overview-intro-text {
    font-family: "Noto Serif";
    font-size: 1rem
}

    .profile-overview-intro-text .intro-description-toggler-button {
        font-weight: 700 !important
    }

@media print,screen and (min-width:40em) {
    .profile-overview-intro-text {
        margin-top: 2rem
    }
}

.profile-overview-intro-text:first-letter {
    font-size: 34px;
    line-height: 40px
}

.profile-overview-intro-text h1, .profile-overview-intro-text h2, .profile-overview-intro-text h3, .profile-overview-intro-text h4 {
    font-family: "Noto Serif"
}

.profile-overview-intro-text strong, .profile-overview-intro-text b {
    font-weight: 700
}

.profile-overview-intro-text a {
    font-weight: 700;
    text-decoration: none;
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 50%,transparent 50%);
    background-repeat: repeat-x;
    background-size: 2px 1px;
    background-position: 0 100%;
    -webkit-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
    transition: background-color .2s cubic-bezier(.19,.26,.17,.99)
}

    .profile-overview-intro-text a:hover {
        background-color: #f7f8fa
    }

    .profile-overview-intro-text a svg {
        vertical-align: middle
    }

.responsive-embed.flex-video iframe {
    width: auto;
    height: auto
}

@media print,screen and (min-width:40em) {
    .responsive-embed.flex-video iframe {
        max-height: 70%;
        max-width: 70%;
        width: 100% !important;
        height: 100% !important
    }
}

@media screen and (min-width:40em) {
    .responsive-embed.flex-video iframe {
        width: auto !important;
        height: auto !important
    }
}

@media print,screen and (min-width:64em) {
    .responsive-embed.flex-video iframe {
        max-height: 70%;
        max-width: 70%;
        width: 100% !important;
        height: 100% !important
    }
}

.event-box {
    width: 100%;
    border: 1px solid #e4e5e7;
    padding: 1rem;
    display: block;
    background: #f7f8fa
}

    .event-box h2 {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 1rem
    }

    .event-box h3 {
        font-size: 1rem;
        font-weight: 500
    }

    .event-box p {
        margin-bottom: 0;
        font-size: .875rem
    }

        .event-box p.place {
            margin-bottom: 1rem
        }

    .event-box .linkFairDisabled {
        cursor: default !important
    }

.event-carousel .owl-dots {
    position: relative;
    margin-top: -30px
}

.download-app-box {
    border: 1px solid #e4e5e7;
    padding: 1rem;
    display: block;
    background: #f7f8fa
}

    .download-app-box h2 {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 1rem
    }

    .download-app-box .img-store {
        margin-top: 1rem;
        display: block
    }

.prize-box {
    border: 1px solid #e4e5e7;
    padding: 1rem;
    display: block;
    background: #f7f8fa
}

    .prize-box h2 {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 1rem
    }

    .prize-box h4 {
        font-size: .8125rem;
        margin-top: 1rem
    }

@media screen and (max-width:39.9375em) {
    .prize-box {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

.profile-about-social {
    margin-bottom: 12px
}

    .profile-about-social a {
        padding: .5rem .2rem;
        display: inline-block
    }

        .profile-about-social a:hover img, .profile-about-social a:hover svg {
            fill: #313131
        }

        .profile-about-social a img, .profile-about-social a svg {
            height: 16px;
            fill: #9b9b9b;
            display: inline-block;
            vertical-align: middle
        }

.profile-about-head h2 {
    font-size: 1.25rem;
    font-weight: 500
}

.profile-about-head address {
    font-size: .8125rem;
    font-style: normal
}

@media screen and (max-width:39.9375em) {
    .profile-about-head .profile-about-info-buttons {
        width: 44%;
        float: right;
        display: inline-block
    }
}

.profile-about-head .profile-about-info-buttons .profile-about-contact-button {
    text-transform: capitalize !important;
    margin-right: 6px;
    padding-left: 35px;
    position: relative
}

    .profile-about-head .profile-about-info-buttons .profile-about-contact-button img, .profile-about-head .profile-about-info-buttons .profile-about-contact-button svg {
        margin-right: 6px;
        position: absolute;
        top: 8px;
        left: 10px;
        height: 18px
    }

@media screen and (max-width:39.9375em) {
    .profile-about-head .profile-about-info-buttons .profile-about-contact-button img, .profile-about-head .profile-about-info-buttons .profile-about-contact-button svg {
        height: 14px
    }
}

@media screen and (max-width:39.9375em) {
    .profile-about-head .profile-about-info-buttons .profile-about-contact-button {
        float: right;
        display: inline-block
    }
}

@media screen and (max-width:39.9375em) {
    .profile-about-head .profile-about-info-buttons .profile-about-website-button {
        width: 34px;
        float: left;
        display: inline-block;
        padding: 10px 0;
        float: right;
        margin-right: 6px
    }
}

.profile-about-head .profile-about-info-buttons .profile-about-website-button img, .profile-about-head .profile-about-info-buttons .profile-about-website-button svg {
    height: 14px;
    fill: #000
}

.profile-about-body {
    margin-top: .75rem;
    margin-bottom: 1.5rem;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 1.125rem
}

    .profile-about-body p, .profile-about-body h2 {
        font-family: Georgia,'Times New Roman',Times,serif
    }

.reseller-tile {
    background: #f7f8fa;
    padding: 1rem;
    display: block;
    margin-bottom: .7rem;
    overflow: hidden
}

@media print,screen and (min-width:40em) {
    .reseller-tile {
        padding: 1.875rem
    }
}

.reseller-tile .reseller-tile-logo {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1rem;
    background: #fff;
    position: relative
}

@media print,screen and (min-width:40em) {
    .reseller-tile .reseller-tile-logo {
        margin-bottom: 0
    }
}

.reseller-tile .reseller-tile-logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px;
    max-width: 100%;
    max-height: 100%
}

@media print,screen and (min-width:40em) {
    .reseller-tile .reseller-tile-logo img {
        max-width: 100%;
        max-height: 100%
    }
}

.reseller-tile .reseller-tile-logo svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    fill: #777
}

.reseller-tile h2, .reseller-tile h4 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reseller-tile .reseller-address, .reseller-tile adress {
    color: #777;
    font-style: normal;
    font-size: .8125rem;
    display: inline-block
}

@media print,screen and (min-width:40em) {
    .reseller-tile .reseller-address, .reseller-tile adress {
        font-size: .875rem;
        line-height: 21px
    }
}

.reseller-tile .reseller-tile-direction {
    color: #777
}

    .reseller-tile .reseller-tile-direction p {
        float: left;
        font-size: .8125rem;
        margin-bottom: 0
    }

    .reseller-tile .reseller-tile-direction span {
        float: right;
        display: inline-block;
        font-size: .8125rem
    }

.reseller-profile {
    margin-bottom: 30px;
    margin-top: 30px
}

.reseller-profile-info h2 {
    font-size: 1.25rem;
    font-weight: 500
}

.reseller-profile-time address {
    font-size: .8125rem;
    color: #313131;
    font-style: normal;
    margin-bottom: 12px
}

.reseller-profile-time h6 {
    font-weight: 500;
    font-size: .8125rem
}

.reseller-profile-time h4 {
    font-size: 1.25rem;
    font-weight: 500
}

.reseller-profile-time p {
    font-size: .8125rem
}

.reseller-profile-closing-time h6 {
    font-weight: 500;
    margin-bottom: 4px;
    display: inline-block
}

.reseller-profile-other-brand {
    margin-bottom: 30px
}

.header-fiere-container {
    padding-top: 1rem;
    background: #f7f8fa;
    border-bottom: 1px solid #e4e5e8;
    margin-bottom: 1rem
}

@media print,screen and (min-width:40em) {
    .header-fiere-container {
        margin-bottom: 0
    }
}

.header-fiere-container.header-multi-fiere {
    margin-bottom: 0;
    padding-top: 0;
    background: #fff
}

    .header-fiere-container.header-multi-fiere .menu li a {
        font-size: 15px;
        color: #313131
    }

@media print,screen and (min-width:40em) {
    .header-fiere-container.header-multi-fiere .menu li a {
        line-height: 50px;
        border-bottom: 2px solid transparent
    }
}

@media print,screen and (min-width:40em) {
    .header-fiere-container.header-multi-fiere .menu li a.active, .header-fiere-container.header-multi-fiere .menu li a:hover {
        border-bottom: 2px solid #313131
    }
}

.header-fiere-container.header-multi-fiere .menu li a.active {
    font-weight: 500
}

.header-fiere {
    padding-top: 38px;
    padding-bottom: 34px
}

    .header-fiere h1 {
        margin: 0;
        padding: 4px 0 0;
        font-size: 2.125rem
    }

    .header-fiere p {
        margin: 0;
        padding: 0;
        font-size: 1.125rem
    }

.header-fiere-logo {
    width: 90px;
    height: 90px;
    background: #fff;
    padding: 10px;
    margin-right: 35px;
    border: 1px solid #f7f8fa
}

.header-fiere-button a {
    margin-top: 12px
}

#events-main-gallery .item img {
    display: block;
    width: 100%;
    height: auto
}

.menu-fiere .tabs {
    margin-bottom: -1px
}

.fairs-content .tabs-panel {
    padding-top: 0
}

.event-gallery {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .event-gallery {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.event-gallery .events-gallery-nav .prev {
    position: absolute;
    left: -60px;
    z-index: 2;
    top: 160px;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.event-gallery .events-gallery-nav .next {
    position: absolute;
    right: -60px;
    z-index: 2;
    top: 160px;
    opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.event-gallery:hover .events-gallery-nav .prev {
    left: 20px;
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.event-gallery:hover .events-gallery-nav .next {
    right: 20px;
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.event-gallery .owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 10
}

.mdw-boxes a {
    display: block;
    background: #f7f7f7;
    margin-bottom: 15px;
    overflow: hidden
}

    .mdw-boxes a p {
        padding-left: 365px;
        padding-top: 30px
    }

.fair-partner {
    display: block
}

    .fair-partner:hover {
        background: #f7f8fa
    }

.video-tile {
    display: block;
    margin-bottom: 1.5rem;
    position: relative
}

    .video-tile .img-placeholder {
        position: relative;
        text-align: center;
        background: #e4e5e7
    }

        .video-tile .img-placeholder img {
            background: #e4e5e7;
            text-indent: -99999px;
            overflow: hidden
        }

@media screen and (min-width:40em) {
    .video-tile .img-placeholder img {
        min-height: 135px
    }
}

.video-tile .img-placeholder:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    transition: background .2s cubic-bezier(.19,.26,.17,.99)
}

.video-tile .img-placeholder:hover:after {
    background: rgba(0,0,0,.2)
}

.video-tile .title {
    display: block;
    font-size: .875rem;
    padding: 6px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
    background: #fff
}

.video-tile .video-icon-player {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: auto;
    width: 4rem;
    height: 4rem
}

@media screen and (max-width:39.9375em) {
    .video-tile .video-icon-player {
        width: 2rem;
        height: 2rem
    }
}

.video-tile .video-icon-player img, .video-tile .video-icon-player svg {
    width: 100%;
    height: 100%;
    fill: #fff
}

    .video-tile .video-icon-player img line, .video-tile .video-icon-player img circle, .video-tile .video-icon-player svg line, .video-tile .video-icon-player svg circle {
        stroke: #fff
    }

.presencesTile {
    border: 1px solid #ccc;
    min-height: 200px;
    display: block;
    box-sizing: border-box;
    padding: 1rem
}

.focus-box-container {
    margin-bottom: 1.875rem;
    border: 1px solid #e4e5e7;
    display: block;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.25rem;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

    .focus-box-container::before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: -moz-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: -webkit-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: -ms-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f9',endColorstr='#dedfe8',GradientType=0);
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -ms-transition: opacity .2s linear;
        transition: opacity .2s linear;
        opacity: 0
    }

:hover.focus-box-container::before {
    opacity: 1
}

@media print,screen and (min-width:40em) {
    .focus-box-container {
        padding: 2.5rem
    }
}

.focus-box-container .arrow-focus {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 1rem;
    height: 2rem
}

@media print,screen and (min-width:40em) {
    .focus-box-container .arrow-focus {
        display: none
    }
}

.focus-box-container h2 {
    position: relative;
    font-family: 'Noto Serif';
    font-weight: 700;
    font-size: 1.575rem;
    line-height: 2.2rem;
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .focus-box-container h2 {
        font-size: 1.875rem;
        line-height: 2.5rem;
        margin-bottom: 20px
    }
}

.focus-box-container .thumbs img {
    mix-blend-mode: multiply;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.focus-box-container .number {
    color: #777;
    margin-bottom: 0;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px
}

@media print,screen and (min-width:40em) {
    .focus-box-container .number {
        font-size: 16px;
        margin-bottom: 0
    }
}

.focus-box-container .icon-share {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2.5rem
}

    .focus-box-container .icon-share svg {
        fill: #777
    }

.focus-box-container.large img:nth-child(1), .focus-box-container.large img:nth-child(2), .focus-box-container.large img:nth-child(3) {
    width: 33.333%
}

.focus-box-container.large img:nth-child(3) {
    clear: none !important
}

.focus-box-container.large img:nth-child(4) {
    clear: both
}

.focus-box-container.large img {
    width: 25%
}

.callout {
    padding: 0
}

@media screen and (max-width:63.9375em) {
    .callout.small-padding {
        padding: 1rem !important
    }
}

@media print,screen and (min-width:64em) {
    .callout {
        padding: 1.5rem
    }
}

.callout.light {
    background-color: #f7f8fa
}

.callout.transparent {
    background-color: transparent;
    border-color: transparent
}

.callout.alert {
    border: none;
    background-color: #d4452e;
    color: #fff;
    padding: .8125rem .9375rem !important;
    font-size: .8125rem;
    margin: 0;
    margin-bottom: 1rem
}

.callout.success {
    font-size: .875rem;
    margin: 0;
    padding: .8125rem .9375rem !important;
    color: #557b2d;
    background: #e1efd2;
    border: none;
    margin-bottom: 1rem
}

    .callout.success a {
        text-decoration: underline;
        color: #557b2d
    }

.callout h5 {
    margin: 1rem 0;
    text-align: center
}

@media print,screen and (min-width:64em) {
    .callout h5 {
        text-align: left
    }
}

.callout.box-product-info {
    border-color: transparent
}

@media print,screen and (min-width:64em) {
    .callout.box-product-info {
        border-color: #e4e5e7;
        background-color: #f7f8fa
    }
}

.callout.box-product-contact {
    border-color: transparent
}

@media print,screen and (min-width:64em) {
    .callout.box-product-contact {
        border-color: #e4e5e7
    }
}

.widget-1 {
    display: block
}

    .widget-1 .img-placeholder {
        position: relative;
        overflow: hidden
    }

        .widget-1 .img-placeholder img {
            -webkit-transition: transform .5s ease,opacity .5s ease !important;
            -moz-transition: transform .5s ease,opacity .5s ease !important;
            -ms-transition: transform .5s ease,opacity .5s ease !important;
            transition: transform .5s ease,opacity .5s ease !important
        }

@media print,screen and (min-width:64em) {
    :hover.widget-1 .img-placeholder img {
        -moz-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        -ms-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        -webkit-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
        transform: scale3d(1.1,1.1,1) translate3d(0,0,0)
    }
}

.widget-1 figure {
    position: relative
}

    .widget-1 figure img {
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .widget-1 figure figcaption {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        margin: 1rem
    }

@media print,screen and (min-width:40em) {
    .widget-1 figure figcaption {
        margin: 2rem
    }

    .large-7 figure figcaption {
        margin-right: 30%
    }

    .large-5 figure figcaption {
        margin-right: 40%
    }
}

.widget-1 figure figcaption h2 {
    font-size: 1.25rem;
    letter-spacing: .2px;
    color: #0a0a0a
}

@media print,screen and (min-width:64em) {
    .widget-1 figure figcaption h2 {
        font-size: 1.625rem
    }
}

.widget-1 figure figcaption p {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: .2px;
    display: none
}

@media print,screen and (min-width:64em) {
    .widget-1 figure figcaption p {
        display: block
    }
}

.home-category-tile {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

    .home-category-tile figcaption {
        position: absolute;
        top: 0;
        left: 0;
        margin: 1rem
    }

@media print,screen and (min-width:40em) {
    .home-category-tile figcaption {
        margin: 2rem
    }
}

.home-category-tile figcaption .title {
    font-size: 1.375rem
}

.home-category-tile figcaption .description {
    font-size: .875rem;
    display: block
}

.more-streaming {
    width: 100%;
    text-align: center
}

@media print,screen and (min-width:40em) {
    .more-streaming {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        height: 410px;
        padding-top: 250px;
        background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 45%);
        background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 45%);
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 45%);
        background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 45%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)',endColorstr='white',GradientType=0)
    }
}

.widget-banner {
    position: relative;
    padding: 3rem 0
}

    .widget-banner.primary {
        background-color: #313131
    }

        .widget-banner.primary div, .widget-banner.primary p, .widget-banner.primary b {
            color: #fff
        }

    .widget-banner.secondary {
        background-color: #f3f3f3
    }

        .widget-banner.secondary div, .widget-banner.secondary p, .widget-banner.secondary b {
            color: #0a0a0a
        }

    .widget-banner.success {
        background-color: #7cb342
    }

        .widget-banner.success div, .widget-banner.success p, .widget-banner.success b {
            color: #fff
        }

    .widget-banner.warning {
        background-color: #ffae00
    }

        .widget-banner.warning div, .widget-banner.warning p, .widget-banner.warning b {
            color: #fff
        }

    .widget-banner.alert {
        background-color: #d4452e
    }

        .widget-banner.alert div, .widget-banner.alert p, .widget-banner.alert b {
            color: #fff
        }

    .widget-banner.shop {
        background-color: #ff6363
    }

        .widget-banner.shop div, .widget-banner.shop p, .widget-banner.shop b {
            color: #0a0a0a
        }

    .widget-banner.brand-ap {
        background-color: #ffe869
    }

        .widget-banner.brand-ap div, .widget-banner.brand-ap p, .widget-banner.brand-ap b {
            color: #0a0a0a
        }

    .widget-banner.light {
        background-color: #fff
    }

        .widget-banner.light div, .widget-banner.light p, .widget-banner.light b {
            color: #0a0a0a
        }

    .widget-banner.alpha {
        background-color: transparent
    }

        .widget-banner.alpha div, .widget-banner.alpha p, .widget-banner.alpha b {
            color: #fff
        }

    .widget-banner.bg-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }

    .widget-banner .content-text {
        position: relative;
        z-index: 1
    }

    .widget-banner h5 {
        font-size: 1.875rem;
        font-weight: 500
    }

.large.widget-banner h5 {
    font-size: 2.25rem
}

.widget-banner .lead {
    font-size: .875rem;
    color: #777
}

.large.widget-banner .lead {
    font-size: 1.375rem;
    font-weight: 300
}

.widget-banner input {
    border-color: #e4e5e7;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.widget-banner.overlay::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10,10,10,.5);
    z-index: 0
}

.widget-brand {
    padding: 1rem 0
}

    .widget-brand p {
        font-size: .875rem
    }

.best-brand {
    display: block;
    padding: 1.1rem;
    background: #fff;
    margin-bottom: 0
}

    .best-brand img {
        width: 100%;
        display: block
    }

.fairSponsorBg {
    background: #f7f8fa;
    padding-top: 1rem;
    margin-bottom: 1rem
}

[data-id="static3-4"] figure {
    display: block;
    position: relative;
    padding-bottom: 53.33333%;
    overflow: hidden
}

    [data-id="static3-4"] figure img {
        max-height: 100%;
        width: auto;
        position: absolute
    }

        [data-id="static3-4"] figure img[src=""] {
            opacity: 0
        }

        [data-id="static3-4"] figure img:not([src]) {
            opacity: 0
        }

[data-id="banner7-5"] .medium-7 figure, [data-id="banner5-7"] .medium-7 figure {
    display: block;
    position: relative;
    padding-bottom: 85%;
    overflow: hidden
}

@media print,screen and (min-width:40em) {
    [data-id="banner7-5"] .medium-7 figure, [data-id="banner5-7"] .medium-7 figure {
        padding-bottom: 59.88024%
    }
}

[data-id="banner7-5"] .medium-7 figure img, [data-id="banner5-7"] .medium-7 figure img {
    position: absolute
}

    [data-id="banner7-5"] .medium-7 figure img[src=""], [data-id="banner5-7"] .medium-7 figure img[src=""] {
        opacity: 0
    }

    [data-id="banner7-5"] .medium-7 figure img:not([src]), [data-id="banner5-7"] .medium-7 figure img:not([src]) {
        opacity: 0
    }

[data-id="banner7-5"] .medium-5 figure, [data-id="banner5-7"] .medium-5 figure {
    display: block;
    position: relative;
    padding-bottom: 84.45946%;
    overflow: hidden
}

    [data-id="banner7-5"] .medium-5 figure img, [data-id="banner5-7"] .medium-5 figure img {
        position: absolute
    }

        [data-id="banner7-5"] .medium-5 figure img[src=""], [data-id="banner5-7"] .medium-5 figure img[src=""] {
            opacity: 0
        }

        [data-id="banner7-5"] .medium-5 figure img:not([src]), [data-id="banner5-7"] .medium-5 figure img:not([src]) {
            opacity: 0
        }

#categoryCarousel {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    padding-top: 10px
}

@media screen and (min-width:40em) {
    #categoryCarousel {
        max-width: 80em
    }
}

#categoryCarousel h4 {
    text-transform: uppercase;
    font-size: .6em;
    text-align: center;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-weight: 500
}

#categoryCarousel ul {
    list-style-type: none;
    padding: 0;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0
}

#categoryCarousel li {
    display: inline-block;
    position: relative;
    text-align: left;
    width: auto;
    height: 100px;
    margin: 0 3px
}

@media screen and (min-width:40em) {
    #categoryCarousel li {
        height: 200px
    }
}

#categoryCarousel li img {
    border-radius: 50%
}

@media screen and (max-width:39.9375em) {
    #categoryCarousel li img {
        width: 70px;
        height: 70px
    }
}

#categoryCarousel li img[src=""] {
    opacity: 0
}

#categoryCarousel li img:not([src]) {
    opacity: 0
}

#categoryCarousel li .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    white-space: normal
}

.brand {
    border: 1px solid #e4e5e7;
    padding-bottom: 2rem;
    background-color: #fff;
    -webkit-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99)
}

    .brand:hover {
        background-color: #eaedf2
    }

    .brand .media-object {
        margin: 1rem
    }

@media print,screen and (min-width:40em) {
    .brand .media-object {
        margin: 2rem 2rem 1.5rem 2rem
    }
}

.brand .media-object .media-object-section:first-child {
    padding-right: .7rem
}

.brand .media-object .media-object-section .thumbnail {
    padding: .3rem
}

.designers.brand .media-object .media-object-section .thumbnail {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

    .designers.brand .media-object .media-object-section .thumbnail img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.brand .media-object .media-object-section .thumbnail img {
    width: 3rem;
    height: 3rem;
    display: inline
}

@media print,screen and (min-width:40em) {
    .brand .media-object .media-object-section .thumbnail img {
        width: 4rem;
        height: 4rem
    }
}

.brand .media-object .media-object-section .brand-title {
    margin: 0;
    font-size: .9375rem;
    font-weight: 500
}

@media print,screen and (min-width:40em) {
    .brand .media-object .media-object-section .brand-title {
        white-space: normal;
        font-size: 1.375rem
    }
}

.brand .media-object .media-object-section .location {
    font-size: .8rem;
    color: #777
}

@media print,screen and (min-width:40em) {
    .brand .media-object .media-object-section .location {
        font-size: .875rem
    }
}

.brand .media-object .media-object-section .location svg {
    width: .5rem;
    vertical-align: top;
    margin-top: 2px
}

    .brand .media-object .media-object-section .location svg path {
        fill: #777
    }

.brand .content-product {
    margin: 0 1rem;
    position: relative;
    overflow: hidden;
    max-height: 195px
}

@media print,screen and (min-width:40em) {
    .brand .content-product {
        margin: 0 2rem;
        max-height: none;
        padding-bottom: 1.5rem
    }
}

.brand .content-product .owl-dots {
    position: absolute;
    width: 100%;
    bottom: -2rem
}

:hover.brand .content-product .owl-nav .owl-prev {
    left: 0;
    -webkit-transition: left .2s ease;
    -moz-transition: left .2s ease;
    -ms-transition: left .2s ease;
    transition: left .2s ease
}

:hover.brand .content-product .owl-nav .owl-next {
    right: 0;
    -webkit-transition: right .2s ease;
    -moz-transition: right .2s ease;
    -ms-transition: right .2s ease;
    transition: right .2s ease
}

.map-container {
    height: 450px;
    position: relative;
    margin-bottom: 30px
}

    .map-container .map {
        width: 100%;
        height: 450px;
        background-color: #f5f5f5;
        margin-bottom: 30px
    }

        .map-container .map .labels {
            color: #fff;
            text-align: center;
            margin: 0 auto;
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px
        }

    .map-container .map-place {
        width: 200px;
        position: absolute;
        left: 30px;
        top: 15px;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 2px;
        border: none;
        box-shadow: 0 1px 2px rgba(0,0,0,.1)
    }

    .map-container .map-toggle-icon {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 2px;
        right: 30px;
        bottom: 12px;
        background: #fff;
        padding: 8px;
        cursor: pointer !important
    }

        .map-container .map-toggle-icon img, .map-container .map-toggle-icon svg {
            width: 14px;
            fill: #777;
            cursor: pointer !important
        }

    .map-container .map-popUp {
        background: #fff;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-sizing: border-box;
        padding: 20px
    }

        .map-container .map-popUp:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 9px 9px 0 9px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            bottom: -9px;
            left: 30px
        }

        .map-container .map-popUp:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: rgba(0,0,0,.1) transparent transparent transparent;
            position: absolute;
            bottom: -10px;
            left: 29px
        }

        .map-container .map-popUp .map-popUp-logo {
            width: 70px;
            height: 70px;
            border: 1px solid #e4e5e7;
            padding: 10px;
            float: left;
            position: relative;
            line-height: 50px
        }

            .map-container .map-popUp .map-popUp-logo img {
                max-width: 50px;
                max-height: 50px;
                background: #fff
            }

                .map-container .map-popUp .map-popUp-logo img[src=''] {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: '';
                    width: 100%;
                    height: 100%;
                    max-width: none;
                    max-height: none;
                    display: block;
                    background-image: url("/images/icon-house.svg");
                    background-repeat: no-repeat;
                    background-position: center center;
                    opacity: .3;
                    text-indent: -999px;
                    overflow: hidden
                }

        .map-container .map-popUp .map-popUp-text {
            padding-left: 90px
        }

            .map-container .map-popUp .map-popUp-text .map-popUp-name {
                font-size: 15px;
                font-weight: 500
            }

            .map-container .map-popUp .map-popUp-text .map-popUp-adress {
                font-size: 13px
            }

            .map-container .map-popUp .map-popUp-text .map-popUp-link {
                font-size: 13px;
                text-decoration: underline;
                margin-top: 6px;
                display: inline-block
            }

#geoRes {
    position: absolute !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 10px 15px !important;
    width: 280px !important;
    height: 100% !important;
    left: 662px !important;
    top: 0 !important;
    background: #f9f9f9 !important;
    box-shadow: -1px 0 0 rgba(0,0,0,.08),0 -1px 0 rgba(0,0,0,.06),1px 0 0 rgba(0,0,0,.06),0 1px 0 rgba(0,0,0,.08),inset 1px 0 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.8) !important
}

.accordion-products .accordion-title {
    border: none;
    border-top: 1px solid #e4e5e7;
    font-size: 1.125rem;
    font-weight: 500
}

    .accordion-products .accordion-title::before {
        content: '';
        top: 1.9rem;
        line-height: .7rem;
        background-image: url("/images/icon-plus.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px
    }

.is-active > .accordion-title::before {
    background-image: url("/images/icon-minus.svg")
}

.accordion-products .accordion-content {
    border: none;
    font-size: .9375rem
}

.navigation-accordion {
    background: none
}

@media screen and (max-width:39.9375em) {
    .navigation-accordion {
        margin-bottom: 0
    }
}

.navigation-accordion .accordion-item.is-active svg, .navigation-accordion .accordion-item.is-active img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation-accordion .accordion-title {
    border: none !important;
    font-size: 1rem;
    font-weight: 500
}

@media print,screen and (min-width:40em) {
    .navigation-accordion .accordion-title {
        padding-left: 0
    }
}

.navigation-accordion .accordion-title:before {
    opacity: 0
}

@media print,screen and (min-width:40em) {
    .navigation-accordion .accordion-title:hover, .navigation-accordion .accordion-title:focus {
        background: none;
        cursor: default
    }
}

.navigation-accordion .accordion-title > span {
    display: inline-block
}

    .navigation-accordion .accordion-title > span.ico {
        margin-right: 5px
    }

.navigation-accordion .accordion-content {
    background: none;
    border: none !important
}

@media print,screen and (min-width:40em) {
    .navigation-accordion .accordion-content {
        padding: 0
    }
}

@media print,screen and (min-width:64em) {
    .navigation-accordion .accordion-content {
        display: block !important
    }
}

.navigation-accordion .accordion-content > ul li > a {
    padding: .5rem 0;
    font-size: .875rem;
    display: inline-block
}

    .navigation-accordion .accordion-content > ul li > a:hover {
        text-decoration: underline
    }

.bim-accordion ul {
    padding-top: 6px
}

    .bim-accordion ul li a {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 6px;
        display: inline-block
    }

        .bim-accordion ul li a:hover {
            text-decoration: underline
        }

.designer-object .thumbnail {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0
}

    .designer-object .thumbnail img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.designer-object .designer-intro {
    font-size: .8125rem;
    color: #777
}

.designer-object .designer-name {
    font-size: 1rem;
    font-weight: 500
}

.composite-box-container {
    background-color: #f7f8fa;
    margin-bottom: 1.875rem;
    padding: 1rem;
    display: block;
    border: 1px solid #e4e5e7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99);
    transition: border-color .2s cubic-bezier(.19,.26,.17,.99),background-color .2s cubic-bezier(.19,.26,.17,.99)
}

    .composite-box-container:hover {
        background-color: #eaedf2
    }

    .composite-box-container .wrap-logo {
        display: table;
        margin: 0 auto 1rem
    }

        .composite-box-container .wrap-logo .thumbnail {
            background: transparent;
            border: none
        }

            .composite-box-container .wrap-logo .thumbnail img {
                mix-blend-mode: multiply
            }

    .composite-box-container .composite-box-products-container {
        padding-bottom: 1.875rem
    }

        .composite-box-container .composite-box-products-container .thumb {
            float: left;
            width: 50%
        }

        .composite-box-container .composite-box-products-container img {
            border: 1px solid transparent;
            mix-blend-mode: multiply
        }

    .composite-box-container .composite-box-info-container {
        padding-bottom: 20px
    }

        .composite-box-container .composite-box-info-container h2, .composite-box-container .composite-box-info-container h4 {
            font-weight: 500;
            font-size: 1.125rem;
            line-height: 1.5rem
        }

        .composite-box-container .composite-box-info-container p {
            font-weight: 400;
            font-size: .8125rem;
            line-height: 1.3125rem;
            margin-bottom: 0
        }

.my-products-global-container {
    min-height: 400px
}

    .my-products-global-container .history-back a {
        color: #777;
        font-size: .9375rem;
        line-height: 30px
    }

    .my-products-global-container .history-back img {
        transform: rotate(-180deg);
        margin-right: 6px
    }

    .my-products-global-container .history-back svg {
        vertical-align: middle !important
    }

    .my-products-global-container .my-products-modify-list-name {
        cursor: pointer
    }

        .my-products-global-container .my-products-modify-list-name svg {
            width: 12px;
            fill: #666
        }

    .my-products-global-container .my-products-container {
        margin-top: 30px
    }

@media screen and (max-width:63.9375em) {
    .my-products-global-container .my-products-container .add-list-mobile {
        margin: 0 auto !important
    }

    .my-products-global-container .my-products-container .float-right.add-list-mobile {
        float: none !important
    }

    .my-products-global-container .my-products-container #product-list-mobile {
        text-align: center
    }
}

.my-products-global-container .my-products-container h1 {
    margin: 0;
    font-weight: 500;
    font-size: 30px
}

.my-products-global-container .my-products-container .desc {
    color: #777;
    font-size: 1rem;
    position: relative;
    padding-bottom: 18px;
    padding-top: 6px
}

    .my-products-global-container .my-products-container .desc a svg {
        vertical-align: sub
    }

@media screen and (min-width:40em) {
    .my-products-global-container .my-products-container .desc a:hover {
        text-decoration: underline
    }
}

.my-products-global-container .my-products-container .warningTextIcon {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 20px;
    border: 1px solid #eee;
    text-align: center
}

.my-products-global-container .my-products-info p {
    font-size: .875rem;
    margin-bottom: 0;
    font-weight: 500
}

.my-products-global-container .my-products-number-item p {
    font-size: 1rem
}

.my-products-global-container .callout p {
    padding: 1rem !important;
    color: #777
}

@media screen and (max-width:63.9375em) {
    .my-products-global-container .manageProductsList {
        width: 100%
    }
}

.my-products-list {
    margin-top: 12px
}

    .my-products-list .card {
        border: none;
        height: 290px;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        color: #fff;
        position: relative;
        margin-bottom: 30px;
        overflow: hidden;
        background-color: #313131;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

        .my-products-list .card:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.3);
            position: absolute;
            z-index: 2
        }

        .my-products-list .card h2 {
            padding-top: 110px;
            font-size: 28px;
            font-weight: 500;
            position: relative;
            z-index: 4
        }

        .my-products-list .card p {
            font-size: 16px;
            position: relative;
            z-index: 3
        }

    .my-products-list .warningTextIcon {
        display: inline-block;
        width: 24px;
        height: 24px;
        border-radius: 20px;
        border: 1px solid #fff;
        text-align: center;
        color: #fff;
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10;
        box-shadow: 0 1px 2px rgba(0,0,0,.2)
    }

.my-products-list-products input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    opacity: 0;
    height: 0;
    width: 0;
    display: none
}

    .my-products-list-products input[type="checkbox"]:checked + .myProductCheckToModify {
        background: #7cb342;
        border: none;
        box-shadow: none
    }

        .my-products-list-products input[type="checkbox"]:checked + .myProductCheckToModify svg {
            display: inline-block;
            fill: #fff
        }

.my-products-list-products .myProductCheckToModify {
    position: absolute;
    right: 0;
    top: 6px;
    width: 25px;
    height: 25px;
    display: block;
    background: #fff;
    z-index: 10;
    border-radius: 25px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #d7d8d9;
    box-shadow: inset 0 0 4px #b2b2b2;
    -webkit-box-shadow: inset 0 0 4px #b2b2b2;
    -moz-box-shadow: inset 0 0 4px #b2b2b2;
    -o-box-shadow: inset 0 0 4px #b2b2b2
}

    .my-products-list-products .myProductCheckToModify svg {
        display: none;
        fill: #fff
    }

.setting-dropdown-button:after {
    vertical-align: super !important;
    margin-left: .7rem !important
}

.setting-dropdown-pane {
    width: 170px;
    padding: 0 !important;
    z-index: 11
}

@media screen and (min-width:40em) {
    .setting-dropdown-pane {
        width: auto !important
    }
}

.setting-dropdown-pane a {
    border-bottom: 1px solid #e4e5e7
}

    .setting-dropdown-pane a:hover {
        background: #f7f8fa
    }

.myProductsStatusBar {
    padding: 12px;
    background: #7cb342;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    line-height: 38px;
    z-index: 100
}

@media screen and (max-width:39.9375em) {
    .myProductsStatusBar .flex-row {
        display: flex;
        align-items: center
    }

        .myProductsStatusBar .flex-row .small-4 {
            order: 2
        }

        .myProductsStatusBar .flex-row .small-8 {
            order: 1
        }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .myProductsStatusBar .flex-row .secondary {
        font-size: 11px;
        line-height: 1rem
    }
}

.myProductsStatusBar .button.disabled.secondary:hover, .myProductsStatusBar .button.disabled.secondary:focus, .myProductsStatusBar .button[disabled].secondary:hover, .myProductsStatusBar .button[disabled].secondary:focus {
    color: #0a0a0a
}

.myProductsStatusBar .manage-products-abort {
    color: #fff;
    line-height: 23px;
    font-size: 16px;
    padding: .5rem
}

@media screen and (max-width:39.9375em) {
    .myProductsStatusBar .manage-products-abort {
        font-size: 12px
    }
}

.myProductsStatusBar .manage-products-abort svg {
    fill: #fff !important;
    margin-right: 6px
}

.myProductsStatusBar .manage-products-abort:hover {
    color: #fff
}

@media screen and (max-width:39.9375em) {
    .myProductsStatusBar .manage-products-abort {
        float: right
    }

        .myProductsStatusBar .manage-products-abort svg {
            float: right;
            margin-right: 0;
            margin-left: 6px;
            width: 18px;
            margin-bottom: 0
        }
}

.remove-product {
    position: absolute;
    right: .6rem;
    top: .6rem;
    z-index: 1;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 16px;
    background: rgba(215,216,217,.6);
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px
}

    .remove-product:hover {
        background: #313131
    }

        .remove-product:hover svg {
            fill: #fff
        }

.my-products-panel-list .dropdown-pane {
    padding: 0;
    max-width: 260px
}

    .my-products-panel-list .dropdown-pane h5 {
        font-size: 1rem;
        padding: 12px;
        border-bottom: 1px solid #e4e5e7;
        font-weight: 500;
        margin-bottom: 0
    }

    .my-products-panel-list .dropdown-pane:before {
        right: 10px !important
    }

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane {
        position: fixed;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: translateX(0) !important;
        top: auto !important;
        max-width: none;
        z-index: 9999;
        border: 0 !important
    }

        .my-products-panel-list .dropdown-pane:before {
            content: none !important
        }
}

@media screen and (min-width:40em) {
    .my-products-panel-list .dropdown-pane .my-products-pane-list {
        max-height: 200px;
        overflow-y: auto
    }
}

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane .my-products-pane-list {
        max-height: none;
        overflow-y: auto
    }

        .my-products-panel-list .dropdown-pane .my-products-pane-list:after {
            content: attr(name);
            background: #f7f8fa;
            position: absolute;
            left: 0;
            right: 0;
            font-size: 11px;
            padding: .4375rem .9375rem;
            color: #777;
            border-bottom: 1px solid #d7d8d9;
            top: -32px
        }
}

.my-products-panel-list .dropdown-pane li {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    -moz-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    -ms-transition: background .2s cubic-bezier(.19,.26,.17,.99);
    transition: background .2s cubic-bezier(.19,.26,.17,.99)
}

    .my-products-panel-list .dropdown-pane li:hover {
        background: #f7f8fa
    }

.my-products-panel-list .dropdown-pane .my-products-checked {
    float: right;
    display: none;
    padding-right: .75rem;
    position: relative
}

    .my-products-panel-list .dropdown-pane .my-products-checked svg {
        fill: #7cb342
    }

    .my-products-panel-list .dropdown-pane .my-products-checked:before {
        content: 'Saved';
        position: absolute;
        right: 36px;
        font-size: 12px;
        top: 9px;
        color: #ff6363;
        font-weight: 500;
        opacity: 0
    }

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane .my-products-checked:before {
        line-height: 2.5
    }
}

.my-products-panel-list .dropdown-pane label {
    display: block;
    border-bottom: 1px solid #e4e5e7;
    margin-left: 0;
    font-size: .875rem;
    padding: .4375rem .9375rem;
    margin: 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane label {
        line-height: 2.5
    }
}

.my-products-panel-list .dropdown-pane label:hover {
    cursor: pointer
}

.my-products-panel-list .dropdown-pane input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    opacity: 0;
    height: 0;
    width: 0;
    display: none
}

.my-products-panel-list .dropdown-pane .my-product-new-list-input::-webkit-input-placeholder {
    color: #999
}

.my-products-panel-list .dropdown-pane .my-product-new-list-input:focus::-webkit-input-placeholder {
    color: #d0d0d0
}

.my-products-panel-list .dropdown-pane .my-product-new-list-input, .my-products-panel-list .dropdown-pane .my-product-new-list-input:focus {
    width: 50%;
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    font-size: .875rem
}

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane .my-product-new-list-input, .my-products-panel-list .dropdown-pane .my-product-new-list-input:focus {
        width: 70%;
        height: 50px
    }
}

.my-products-panel-list .dropdown-pane .ico-add {
    padding-left: .9375rem
}

    .my-products-panel-list .dropdown-pane .ico-add svg {
        fill: #777
    }

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane .ico-add {
        line-height: 1.8
    }
}

.my-products-panel-list .dropdown-pane .my-products-add-list {
    margin: 2px 2px 0
}

    .my-products-panel-list .dropdown-pane .my-products-add-list[disabled] {
        display: none
    }

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .dropdown-pane .my-products-add-list {
        margin: 8px 5px
    }
}

.my-products-panel-list.my-products-reveal .dropdown-pane {
    visibility: visible;
    border: 0;
    width: 100%;
    max-width: 100%;
    position: relative
}

    .my-products-panel-list.my-products-reveal .dropdown-pane label {
        padding: 12px 1.5rem
    }

    .my-products-panel-list.my-products-reveal .dropdown-pane .ico-add {
        padding-left: 1.5rem;
        padding-top: .25rem
    }

    .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked {
        float: right;
        padding-right: 1.5rem;
        padding-top: 8px
    }

        .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked svg {
            fill: #ff6363
        }

        .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-checked:before {
            right: 50px;
            top: 14px
        }

    .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list {
        border-bottom: 1px solid #e4e5e7
    }

        .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input {
            padding: 0;
            margin: 4px 10px
        }

            .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input::-webkit-input-placeholder {
                color: #999
            }

            .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-product-new-list-input:focus::-webkit-input-placeholder {
                color: #d0d0d0
            }

        .my-products-panel-list.my-products-reveal .dropdown-pane .my-products-reveal-add-list .my-products-add-list {
            margin-right: 20px;
            margin-top: 8px
        }

.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked + .my-products-reveal-heart .my-products-added {
    display: block
}

.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked + .my-products-reveal-heart .my-products-not-added {
    display: none
}

.my-products-panel-list.my-products-reveal input[type="checkbox"]:checked + .my-products-reveal-heart .icon {
    fill: #ff6363
}

.my-products-panel-list.my-products-reveal .my-products-reveal-heart {
    margin-top: 14px;
    margin-right: 20px;
    font-size: 13px;
    color: #777
}

    .my-products-panel-list.my-products-reveal .my-products-reveal-heart .my-products-added {
        display: none
    }

    .my-products-panel-list.my-products-reveal .my-products-reveal-heart .my-products-not-added {
        display: block
    }

    .my-products-panel-list.my-products-reveal .my-products-reveal-heart .icon {
        margin-left: 10px;
        vertical-align: top
    }

@media screen and (max-width:39.9375em) {
    .my-products-panel-list .my-products-blackpanel {
        opacity: .5;
        position: fixed;
        background-color: #000;
        z-index: 20;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: none
    }
}

@media screen and (max-width:39.9375em) {
    .my-products-panel-list > span.is-open .my-products-blackpanel {
        display: block
    }
}

@media print,screen and (min-width:40em) {
    .my-products-reveal-container {
        width: 400px !important
    }
}

.my-products-reveal-container .my-products-reveal-title {
    padding: 1.5rem 1.5rem 1rem;
    border-bottom: 1px solid #e4e5e7
}

    .my-products-reveal-container .my-products-reveal-title img {
        max-width: 90px;
        max-height: 70px;
        margin-bottom: 10px;
        border: 1px solid #f7f8fa
    }

    .my-products-reveal-container .my-products-reveal-title h5 {
        font-weight: 500;
        margin-top: 8px
    }

@media screen and (max-width:39.9375em) {
    .my-products-reveal-container .dropdown-pane .my-products-pane-list:after {
        display: none
    }
}

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

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeInFadeOut {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInFadeOut {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.myProductsAdviceBaloon {
    position: absolute;
    top: 60px;
    right: 3.9rem;
    z-index: 1;
    width: 265px;
    font-size: 13px;
    border: solid 1px #e4e5e7
}

@media screen and (max-width:63.9375em) {
    .myProductsAdviceBaloon {
        display: none
    }
}

.myProductsAdviceBaloon:after {
    content: '';
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -10px;
    right: 30px
}

.myProductsAdviceBaloon:before {
    content: '';
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #e4e5e7 transparent;
    position: absolute;
    top: -11px;
    right: 28px
}

.myProductsAdviceBaloon .myProductsAdviceBaloonContainer {
    background: #fff;
    padding: 16px 20px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    border-radius: 2px
}

    .myProductsAdviceBaloon .myProductsAdviceBaloonContainer p {
        margin-bottom: .7rem
    }

.myProductAddInColumn {
    padding-top: 1rem;
    padding-bottom: .5rem
}

    .myProductAddInColumn .myproducts {
        width: 100%;
        position: relative;
        right: 0;
        padding: 16px;
        font-size: 1.1rem;
        font-weight: 400 !important;
        margin-top: 12px !important
    }

        .myProductAddInColumn .myproducts svg {
            margin-right: .4rem;
            left: 23px;
            top: 14px;
            position: absolute
        }

.product input[type="checkbox"]:checked + .my-products-reveal-heart .my-products-added {
    display: block
}

.product input[type="checkbox"]:checked + .my-products-reveal-heart .my-products-not-added {
    display: none
}

.product input[type="checkbox"]:checked + .my-products-reveal-heart .icon {
    fill: #ff6363
}

.product .my-products-reveal-heart {
    margin-top: 12px;
    margin-right: 9px;
    font-size: 11px;
    color: #777
}

    .product .my-products-reveal-heart .my-products-added {
        display: none
    }

    .product .my-products-reveal-heart .my-products-not-added {
        display: block
    }

    .product .my-products-reveal-heart .icon {
        margin-left: 10px;
        vertical-align: top
    }

.myProductMoveProducts select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.min-height-skeleton {
    min-height: 600px;
    position: relative
}

.main-grid-container {
    background: #fff;
    position: relative
}

.editable-customfield {
    border: 1px solid #fff;
    padding: 1px 6px 0;
    margin-left: -3px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    position: relative
}

    .editable-customfield .renameSpan {
        position: absolute;
        background: #333;
        color: #fff;
        font-size: 12px;
        font-weight: 400 !important;
        bottom: -24px;
        left: 35%;
        padding: 2px 4px;
        display: none
    }

        .editable-customfield .renameSpan:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent #333 transparent;
            content: '';
            display: block;
            position: absolute;
            top: -6px;
            left: 40%
        }

    .editable-customfield svg {
        visibility: hidden
    }

    .editable-customfield:hover {
        border: 1px solid #ddd
    }

        .editable-customfield:hover svg {
            visibility: visible
        }

        .editable-customfield:hover .renameSpan {
            display: block !important
        }

.projects-box-container {
    margin-bottom: 1.5rem;
    border: 1px solid #e4e5e7;
    display: block;
    position: relative;
    padding: 1.25rem 2.5rem 1.25rem 1.25rem;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

    .projects-box-container::before {
        content: "";
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: -moz-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: -webkit-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        background: -ms-linear-gradient(-45deg,#f5f6f9 0%,#dedfe8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f9',endColorstr='#dedfe8',GradientType=0);
        -webkit-transition: opacity .2s linear;
        -moz-transition: opacity .2s linear;
        -ms-transition: opacity .2s linear;
        transition: opacity .2s linear;
        opacity: 0
    }

:hover.projects-box-container::before {
    opacity: 1
}

@media print,screen and (min-width:40em) {
    .projects-box-container {
        padding: 2.5rem
    }
}

.projects-box-container .arrow-focus {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    width: 1rem;
    height: 2rem
}

@media print,screen and (min-width:40em) {
    .projects-box-container .arrow-focus {
        display: none
    }
}

.projects-box-container:hover h2 {
    text-decoration: underline
}

.projects-box-container h2 {
    position: relative;
    font-family: roboto,Arial,Sans-serif;
    font-weight: 500;
    font-size: 1.575rem;
    line-height: 2.2rem;
    margin-bottom: 0
}

@media print,screen and (min-width:40em) {
    .projects-box-container h2 {
        font-size: 26px;
        line-height: 2.5rem;
        margin-bottom: 16px
    }
}

.projects-box-container .thumbs {
    position: relative
}

@media screen and (max-width:39.9375em) {
    .projects-box-container .thumbs.align-right {
        justify-content: flex-start
    }
}

.projects-box-container .thumbs img {
    mix-blend-mode: multiply;
    margin-left: 6px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 70px !important;
    max-height: 52px !important
}

@media print,screen and (min-width:64em) {
    .projects-box-container .thumbs img {
        max-width: 110px !important;
        max-height: 83px !important
    }
}

.projects-box-container .thumbs img + img + img + img + span {
    display: block !important;
    position: absolute;
    right: auto;
    left: 232px;
    top: 0;
    background: rgba(209,210,212,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 70px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #fff
}

@media print,screen and (min-width:40em) {
    .projects-box-container .thumbs img + img + img + img + span {
        right: 0;
        left: auto
    }
}

@media print,screen and (min-width:64em) {
    .projects-box-container .thumbs img + img + img + img + span {
        width: 110px !important;
        height: 83px !important;
        line-height: 83px !important;
        font-size: 26px
    }
}

.projects-box-container .thumbs span {
    display: none
}

.projects-box-container .number {
    color: #777;
    margin-bottom: 0;
    position: relative;
    font-size: 12px;
    margin-bottom: 10px
}

    .projects-box-container .number span {
        padding-right: 8px
    }

@media print,screen and (min-width:40em) {
    .projects-box-container .number {
        font-size: 16px;
        margin-bottom: 0
    }
}

.archived-projects .archived-projects-button:hover {
    background: #f7f8fa
}

.archived-projects .archived-projects-list {
    border-top: 1px solid #d8d8d8;
    padding: 6px 0
}

    .archived-projects .archived-projects-list .title {
        padding-top: 11px;
        padding-left: 16px
    }

    .archived-projects .archived-projects-list .button.alpha {
        color: #bfbfbf
    }

        .archived-projects .archived-projects-list .button.alpha:hover {
            color: #313131;
            text-decoration: underline
        }

.archived-projects .icon.arrow-down {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1)
}

.myProjects-startPage-header {
    background: #f7f8fa
}

.estimateLink:hover {
    text-decoration: underline
}

.tooltip {
    max-width: 12em
}

.myProjects-detailPage-breadcrumb {
    background: #4e555f
}

    .myProjects-detailPage-breadcrumb a {
        line-height: 44px;
        font-size: 14px;
        color: #fff
    }

    .myProjects-detailPage-breadcrumb svg {
        fill: #fff;
        margin-right: 6px
    }

.myProjects-detailPage-header {
    background: #fff;
    position: relative
}

    .myProjects-detailPage-header.border-bottom {
        border-bottom: 1px solid #d8d8d8
    }

    .myProjects-detailPage-header .tabs-title {
        background: transparent
    }

        .myProjects-detailPage-header .tabs-title a {
            border-bottom: 2px solid transparent !important
        }

        .myProjects-detailPage-header .tabs-title.is-active a {
            border-bottom: 2px solid #0a0a0a !important
        }

    .myProjects-detailPage-header h2 {
        margin-top: 2px
    }

.myProjects-actionBar .button {
    margin-left: 4px
}

@media screen and (max-width:39.9375em) {
    .myProjects-actionBar .button.small-expanded {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem
    }
}

.myProjects-actionBar .button.brand-ap {
    margin-bottom: .4rem !important
}

@media screen and (max-width:39.9375em) {
    .myProjects-actionBar .setting-dropdown-button {
        position: absolute;
        top: -2px;
        right: 10px
    }
}

.product-tile-h {
    border-radius: 4px;
    border: 1px solid #e4e5e7;
    position: relative
}

    .product-tile-h.setup-incomplete {
        border: 1px solid #ffae00
    }

    .product-tile-h.setup-impossible {
        opacity: .4;
        cursor: default !important
    }

    .product-tile-h img {
        width: 260px
    }

    .product-tile-h .tile-h-info {
        padding: 1rem 0 3rem
    }

        .product-tile-h .tile-h-info p {
            margin-bottom: 0;
            font-size: 14px
        }

            .product-tile-h .tile-h-info p.grey {
                color: #777;
                font-size: 13px;
                line-height: 17px
            }

            .product-tile-h .tile-h-info p.orange {
                font-size: 11px;
                font-weight: 500;
                margin-top: .5rem;
                margin-bottom: .2rem;
                color: #ffae00
            }

        .product-tile-h .tile-h-info .button {
            color: #333;
            font-weight: 700
        }

    .product-tile-h .tile-h-prices {
        position: absolute;
        bottom: 1rem
    }

        .product-tile-h .tile-h-prices .original-price {
            font-size: 13px;
            color: #777;
            text-decoration: line-through;
            font-weight: 500
        }

            .product-tile-h .tile-h-prices .original-price + .final-price {
                margin-left: 12px
            }

        .product-tile-h .tile-h-prices .final-price {
            font-size: 13px;
            color: #0a0a0a;
            font-weight: 500
        }

        .product-tile-h .tile-h-prices .reward-price {
            font-size: 13px;
            font-weight: 500;
            color: #7cb342;
            padding-left: 12px
        }

        .product-tile-h .tile-h-prices .no-price {
            font-size: 11px;
            font-weight: 500;
            color: #777
        }

    .product-tile-h .manage-list {
        position: absolute;
        right: 1rem;
        bottom: 0
    }

        .product-tile-h .manage-list select {
            font-size: 11px;
            padding-top: 0;
            padding-bottom: 0;
            height: 26px;
            -webkit-appearance: none
        }

    .product-tile-h .delete-product-from-list {
        position: absolute;
        right: 0;
        top: 0
    }

        .product-tile-h .delete-product-from-list svg {
            fill: #d1d1d1 !important
        }

    .product-tile-h .product-tile-h-check-column {
        padding-right: 0;
        padding-left: 10px
    }

        .product-tile-h .product-tile-h-check-column label {
            margin-right: 5px !important
        }

    .product-tile-h .border-right {
        border-right: 1px solid #e4e5e7
    }

.estimate-list .more-points {
    border-radius: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    position: relative;
    margin-right: 3px;
    cursor: pointer
}

    .estimate-list .more-points:hover {
        background: #f7f7f7
    }

        .estimate-list .more-points:hover .dropdown-pane {
            display: block
        }

.estimate-list .dropdown-pane {
    right: 10px;
    top: 25px;
    display: none
}

.single-element .product {
    overflow: visible
}

.single-element .old-price, .single-element .price, .single-element .col-price b {
    font-size: 12px
}

.single-element .more-points {
    position: absolute;
    right: 5px;
    top: 3px;
    border-radius: 30px;
    padding: 8px 10px;
    z-index: 999;
    line-height: 1
}

    .single-element .more-points:hover {
        background: #fff
    }

        .single-element .more-points:hover .dropdown-pane {
            display: block;
            z-index: 9999;
            right: 0
        }

.single-element:hover .more-points {
    display: block
}

.single-element svg:hover .is-open {
    display: block
}

.single-element .setting-dropdown-pane {
    display: none
}

    .single-element .setting-dropdown-pane a {
        white-space: nowrap
    }

@media screen and (max-width:39.9375em) {
    .modalContext {
        top: 0 !important;
        width: 100%;
        padding-top: 3em !important;
        height: 100vh;
        border: 0
    }
}

.group-list-button {
    border-color: #e4e5e7 !important;
    border-radius: 4px !important;
    margin-bottom: 9px !important;
    color: #333 !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 500 !important;
    padding: 0 !important;
    position: relative;
    min-height: 50px
}

    .group-list-button .group-element {
        padding: 1.1rem 1rem 1rem !important;
        display: inline-block;
        position: relative;
        width: 85%;
        float: left
    }

@media screen and (max-width:63.9375em) {
    .group-list-button .group-element {
        width: 77% !important
    }
}

.group-list-button .button-drag {
    display: inline-block;
    width: 15%;
    float: left;
    padding: 1rem .5rem !important;
    text-align: center
}

    .group-list-button .button-drag:hover {
        cursor: grab;
        cursor: -moz-grab
    }

    .group-list-button .button-drag:active {
        cursor: grabbing !important;
        cursor: -moz-grabbing !important
    }

.group-list-button.text-left {
    text-align: left !important
}

.group-list-button.textfield input {
    padding-top: 0 !important;
    border: 0;
    font-size: 12px
}

.group-list-button .more-points {
    display: none;
    border-radius: 30px;
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 7px
}

@media screen and (max-width:39.9375em) {
    .group-list-button .more-points {
        display: none
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .group-list-button .more-points {
        display: none
    }
}

.group-list-button .more-points:hover {
    background: #fff
}

    .group-list-button .more-points:hover .dropdown-pane {
        display: block
    }

.group-list-button .dropdown-pane {
    right: 10px;
    top: 25px;
    display: none
}

.group-list-button:hover {
    border-color: #e4e5e7 !important;
    background: rgba(0,0,0,.05) !important
}

    .group-list-button:hover .more-points {
        display: block
    }

@media screen and (max-width:63.9375em) {
    .group-list-button:hover {
        background: none !important
    }

        .group-list-button:hover .more-points {
            display: none !important
        }
}

.group-list-button input {
    margin: 0;
    display: inline-block;
    width: 90%;
    padding: 0;
    border: 0;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    font-size: 12.8px;
    font-weight: 400;
    margin-top: -1px;
    margin-bottom: -1px
}

    .group-list-button input:focus {
        border: 0 !important;
        background: transparent;
        box-shadow: none
    }

    .group-list-button input::-webkit-input-placeholder {
        color: #9b9b9b;
        font-weight: 400
    }

    .group-list-button input::-moz-placeholder {
        color: #9b9b9b;
        font-weight: 400
    }

    .group-list-button input::-ms-input-placeholder {
        color: #9b9b9b;
        font-weight: 400
    }

    .group-list-button input::-moz-placeholder {
        color: #9b9b9b;
        font-weight: 400
    }

.group-list-button.active {
    font-weight: 500 !important
}

    .group-list-button.active:hover {
        border-color: #ddd !important
    }

.group-list-button.editing {
    font-weight: 500 !important;
    border-color: #333 !important
}

.group-list-button.hollow-white {
    border-color: #fff !important
}

    .group-list-button.hollow-white:hover {
        background: #fff !important
    }

.group-list-button.makeNewList {
    text-align: left;
    padding-left: 0 !important;
    font-weight: 400 !important;
    margin-top: 1rem
}

    .group-list-button.makeNewList .group-plus {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #333;
        color: #fff;
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        font-size: 22px;
        float: left
    }

.group-list-button.group-unassigned {
    border-top: 1px solid #d1d1d1 !important;
    margin-top: 2rem !important;
    padding: .6rem 1.13rem !important;
    border-radius: 0 0 4px 4px !important
}

.group-list-button.sortable-chosen[draggable="true"] {
    background-color: #fff !important;
    opacity: 1 !important
}

.group-list-button.sortable-ghost {
    border-style: dashed !important;
    color: transparent !important;
    background-color: #fff !important;
    border-color: #aaa !important
}

    .group-list-button.sortable-ghost .button-drag {
        opacity: 0
    }

.group-list-button.active {
    border: 1px solid #ddd !important;
    background: rgba(0,0,0,.05) !important
}

.button-rounded {
    border-radius: 24px !important;
    padding: 7px 10px;
    margin-bottom: 0 !important
}

    .button-rounded:hover {
        box-shadow: 0 0 3px #666
    }

.editableTextfield {
    display: inline-block
}

    .editableTextfield input {
        padding: 20px 6px;
        box-shadow: none;
        -webkit-appearance: none;
        margin-bottom: 0;
        font-size: 28px;
        letter-spacing: .2px;
        font-weight: 500;
        text-align: left
    }

@media screen and (max-width:39.9375em) {
    .editableTextfield input {
        width: 200px;
        font-size: 20px !important
    }
}

.customHide {
    height: 0;
    width: 0;
    overflow: hidden
}

.capitalize {
    text-transform: capitalize !important;
    font-weight: 400 !important
}

.revealFullHeader {
    background: #f7f8fa;
    padding: 10px
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .revealFullHeader {
        padding: 20px
    }
}

@media print,screen and (min-width:64em) {
    .revealFullHeader {
        padding: 40px
    }
}

.revealFullHeader h4 {
    margin-bottom: 0;
    margin-left: 4px;
    display: inline-block;
    font-weight: 500
}

@media screen and (max-width:39.9375em) {
    .revealFullHeader .button.small-expanded {
        width: 100%;
        margin: 1rem 0 0 !important
    }
}

.revealFullBody .border-top-black {
    border-top: 1px solid #000;
    padding-top: 2rem
}

@media screen and (max-width:39.9375em) {
    .revealFullBody .button.small-expanded {
        width: 100%;
        margin: 1rem 0 0 !important
    }
}

.revealHeader {
    border-bottom: 1px solid #e4e5e7;
    height: 54px;
    line-height: 58px;
    padding-left: 1.5rem
}

    .revealHeader span {
        background: #ffae00;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 20px;
        display: inline-block;
        margin-right: 6px
    }

.navigation-tabs {
    background: #4e555f;
    padding: 8px 0
}

@media print,screen and (min-width:40em) {
    .navigation-tabs {
        padding: 22px 0
    }
}

.navigation-tabs a {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 10px;
    border-radius: 8px;
    margin-right: 13px
}

@media print,screen and (min-width:40em) {
    .navigation-tabs a {
        font-size: 14px;
        letter-spacing: 1px
    }
}

.navigation-tabs a:hover {
    background: #5e6570
}

.navigation-tabs.tab-wishlist-active #tab-wishlist {
    background: #5e6570;
    font-weight: 500
}

.navigation-tabs.tab-projects-active #tab-projects {
    background: #5e6570;
    font-weight: 500
}

.navigation-tabs.tab-quotes-active #tab-quotes {
    background: #5e6570;
    font-weight: 500
}

.myList-status0 p {
    color: #9b9b9b
}

@media screen and (max-width:39.9375em) {
    .myList-status0 a {
        width: 100%;
        margin-bottom: .5rem
    }
}

.myProj-status0 p {
    color: #9b9b9b
}

@media screen and (max-width:39.9375em) {
    .myProj-status0 .media-object-section.middle {
        padding: 16px
    }

        .myProj-status0 .media-object-section.middle .button {
            width: 100%
        }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .myProj-status0 .media-object.stack-for-small .media-object-section {
        padding: 16px;
        padding-bottom: 1rem;
        display: block
    }

        .myProj-status0 .media-object.stack-for-small .media-object-section img {
            width: 100%
        }

        .myProj-status0 .media-object.stack-for-small .media-object-section .button {
            width: 100%
        }
}

.heading-medium h1 {
    font-size: 26px
}

@media print,screen and (min-width:40em) {
    .heading-medium h1 {
        font-size: 30px
    }
}

.group-recap {
    margin: 0;
    position: relative
}

    .group-recap h3 {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 6px !important;
        color: #313131
    }

    .group-recap p {
        font-size: 13px;
        line-height: 21px;
        color: #757575;
        margin-bottom: 20px !important
    }

    .group-recap .group-modify {
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 30px;
        text-align: center;
        display: block;
        cursor: pointer;
        border: 1px solid #d7d8d9
    }

        .group-recap .group-modify svg {
            fill: #9b9b9b
        }

        .group-recap .group-modify:hover {
            background: #333;
            border: 1px solid #333
        }

            .group-recap .group-modify:hover svg {
                fill: #fff
            }

    .group-recap.edit-active .group-info:hover {
        border-bottom: 1px solid #ddd
    }

    .group-recap.edit-active .group-info .group-name {
        padding: 8px 4px !important;
        background: transparent
    }

        .group-recap.edit-active .group-info .group-name input {
            border: 1px solid #fff
        }

            .group-recap.edit-active .group-info .group-name input:hover {
                border: 1px solid #ddd
            }

    .group-recap.edit-active .group-info .group-count {
        display: none
    }

    .group-recap.edit-active .group-info .group-actions {
        display: block
    }

        .group-recap.edit-active .group-info .group-actions svg {
            fill: #9b9b9b
        }

        .group-recap.edit-active .group-info .group-actions .button {
            padding: .2rem !important
        }

            .group-recap.edit-active .group-info .group-actions .button:hover {
                background: #333
            }

                .group-recap.edit-active .group-info .group-actions .button:hover svg {
                    fill: #fff
                }

    .group-recap .notassigned-active {
        font-weight: 500 !important;
        background: #e4e5e7;
        border-radius: 4px !important;
        border-top: 1px solid #fff !important
    }

        .group-recap .notassigned-active:hover {
            background: #e4e5e7 !important
        }

    .group-recap.group-disabled {
        pointer-events: none;
        opacity: .5
    }

.group-info {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff
}

    .group-info .group-name {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        padding: 8px 20px;
        background: #f2f3f6;
        border-radius: 15px;
        cursor: pointer
    }

        .group-info .group-name.group-active {
            background: #313131;
            color: #fff
        }

        .group-info .group-name:hover {
            background: #313131;
            color: #fff
        }

        .group-info .group-name input {
            margin: 0;
            display: inline;
            width: auto;
            padding: 0;
            border: 0;
            height: auto;
            border-radius: 0;
            box-shadow: none;
            background: transparent;
            font-size: 12px;
            font-weight: 500;
            color: #333
        }

    .group-info .group-count {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color: #757575;
        padding: 8px;
        margin-right: 12px
    }

@media print,screen and (min-width:40em) {
    .group-info .group-count {
        margin-right: 0
    }
}

.group-input-container {
    border: 1px solid #fff;
    margin-bottom: .5rem;
    border-radius: 4px;
    cursor: pointer
}

    .group-input-container:hover {
        border: 1px solid #ddd
    }

    .group-input-container.border-active {
        border: 1px solid #ddd
    }

    .group-input-container .group-input-plus {
        text-align: center;
        line-height: 39px
    }

    .group-input-container .group-input {
        font-size: 12px;
        line-height: 39px;
        color: #777
    }

        .group-input-container .group-input input {
            border: none;
            box-shadow: none;
            font-size: 12px;
            padding-left: 0;
            margin-bottom: 0;
            cursor: pointer
        }

.group-manage-fixed {
    background: #fff;
    width: 100%;
    height: 80px;
    bottom: 0;
    top: auto;
    left: 0;
    position: fixed;
    padding: 16px 0;
    box-shadow: 0 -2px 6px #ccc;
    z-index: 999
}

@media print,screen and (min-width:64em) {
    .group-manage-fixed {
        height: 50px;
        bottom: auto;
        top: 0;
        left: auto;
        position: absolute;
        padding: 0;
        box-shadow: none;
        z-index: 0
    }

        .group-manage-fixed .button.success {
            border-radius: 0 4px 4px 0
        }
}

.group-manage-fixed p {
    margin: 0;
    line-height: 48px;
    margin: 0 10px;
    font-weight: 500;
    font-size: 13px
}

.group-manage-fixed .textfield {
    width: 130px;
    margin: 0
}

@media print,screen and (min-width:40em) {
    .group-manage-fixed .textfield {
        width: 250px
    }
}

.group-manage-fixed .textfield select {
    border-radius: 4px 0 0 4px !important
}

.group-manage-fixed .button.secondary {
    margin-left: 18px
}

    .group-manage-fixed .button.secondary svg {
        fill: #9b9b9b;
        margin-right: 8px
    }

@media screen and (max-width:39.9375em) {
    .group-manage-fixed .button.secondary svg {
        margin-right: 0
    }
}

.sort-categories {
    width: 100%
}

@media print,screen and (min-width:64em) {
    .sort-categories {
        width: 24%;
        margin-right: 2%
    }

        .sort-categories + .sort-order {
            width: 24% !important
        }
}

.sort-order {
    width: 100%
}

@media print,screen and (min-width:64em) {
    .sort-order {
        width: 43%;
        margin-right: 2.8%
    }

        .sort-order + .sort-search {
            width: 43%
        }
}

.sort-order select {
    border-radius: 4px !important
}

.sort-search {
    width: 100%
}

@media print,screen and (min-width:64em) {
    .sort-search {
        width: 74%
    }
}

.sort-search input {
    border-radius: 4px !important
}

.product-grid .cell {
    position: relative
}

    .product-grid .cell .manage-product-dot {
        position: absolute;
        left: 6px;
        top: 6px;
        background: #c7c7c7;
        width: 22px;
        height: 22px;
        border-radius: 22px;
        z-index: 100;
        cursor: pointer;
        display: none
    }

        .product-grid .cell .manage-product-dot svg {
            position: absolute;
            top: 5px;
            left: 4px;
            fill: #fff
        }

    .product-grid .cell:hover .manage-product-dot {
        display: block
    }

.product-grid.product-active .product {
    border-radius: 4px;
    border: 1px solid #ccc !important
}

.product-grid.product-active .cell .manage-product-dot {
    display: block
}

@media screen and (max-width:39.9375em) {
    .product-grid.product-active .cell .manage-product-dot {
        display: inline-block !important
    }
}

.product-grid.product-active .cell .manage-product-dot:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    left: -.5rem;
    top: -.5rem;
    right: 0;
    bottom: 0
}

.product-grid.product-active .cell.prod-active .product {
    -webkit-box-shadow: 0 0 0 3px #6cc10f;
    -moz-box-shadow: 0 0 0 3px #6cc10f;
    box-shadow: 0 0 0 3px #6cc10f;
    border-radius: 4px
}

.product-grid.product-active .cell.prod-active .manage-product-dot {
    background: #6cc10f
}

    .product-grid.product-active .cell.prod-active .manage-product-dot svg {
        fill: #fff
    }

.product-grid .product {
    border-radius: 4px !important
}

@media screen and (max-width:39.9375em) {
    .mobile-fake-modal {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 999;
        margin: 0 !important;
        width: 100% !important;
        height: 100vh;
        overflow: scroll
    }

        .mobile-fake-modal .mobile-fake-modal-head {
            border-bottom: 1px solid #e4e5e7;
            margin-bottom: 16px
        }

            .mobile-fake-modal .mobile-fake-modal-head .mobile-fake-modal-title {
                line-height: 60px;
                padding-left: 16px;
                font-weight: 500
            }

            .mobile-fake-modal .mobile-fake-modal-head .button.alpha {
                padding-top: 24px
            }

        .mobile-fake-modal .group-info {
            padding: 0 16px
        }

        .mobile-fake-modal .group-recap {
            padding: 0 16px
        }

            .mobile-fake-modal .group-recap .group-info {
                padding: 0
            }

        .mobile-fake-modal .mobile-padding {
            padding: 0 16px
        }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .mobile-fake-modal {
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 999;
        margin: 0 !important;
        width: 100% !important;
        height: 100vh;
        overflow: scroll
    }

        .mobile-fake-modal .mobile-fake-modal-head {
            border-bottom: 1px solid #e4e5e7;
            margin-bottom: 16px
        }

            .mobile-fake-modal .mobile-fake-modal-head .mobile-fake-modal-title {
                line-height: 46px;
                padding-left: 16px;
                font-weight: 500
            }

        .mobile-fake-modal .group-info {
            padding: 0 16px
        }

        .mobile-fake-modal .group-recap {
            padding: 0 16px
        }

            .mobile-fake-modal .group-recap .group-info {
                padding: 0
            }

        .mobile-fake-modal .mobile-padding {
            padding: 0 16px
        }
}

@media screen and (max-width:39.9375em) {
    .small-margin-top-1 {
        margin-top: 1rem !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .small-margin-top-1 {
        margin-top: 1rem !important
    }
}

@media screen and (max-width:39.9375em) {
    .small-margin-top-2 {
        margin-top: 2rem !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .small-margin-top-2 {
        margin-top: 2rem !important
    }
}

@media screen and (max-width:39.9375em) {
    .small-margin-bottom-1 {
        margin-bottom: 1rem !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .small-margin-bottom-1 {
        margin-bottom: 1rem !important
    }
}

@media screen and (max-width:39.9375em) {
    .small-margin-bottom-2 {
        margin-bottom: 2rem !important
    }
}

@media screen and (min-width:40em) and (max-width:63.9375em) {
    .small-margin-bottom-2 {
        margin-bottom: 2rem !important
    }
}

.button-setup-container {
    padding: 0 1rem 0 !important;
    position: relative;
    max-height: 85px;
    overflow: hidden
}

    .button-setup-container svg {
        position: absolute;
        right: 30px;
        bottom: 18px;
        fill: #757575;
        z-index: 100
    }

    .button-setup-container .button-setup {
        text-align: left;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 400;
        color: #757575;
        padding-right: 40px;
        line-height: 18px;
        max-height: 85px;
        overflow: hidden
    }

        .button-setup-container .button-setup.setup-recap span:last-child span {
            display: none
        }

    .button-setup-container .badge.warning b {
        color: #fff;
        font-size: 13px
    }

    .button-setup-container .warning-fake-tooltip {
        background: #f8e9d1;
        font-size: 13px;
        line-height: 16px;
        padding: 10px 12px;
        color: #313131;
        position: relative;
        border-radius: 4px
    }

        .button-setup-container .warning-fake-tooltip:before {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 10px 0;
            border-color: transparent #f8e9d1 transparent transparent;
            position: absolute;
            left: -10px;
            top: 17px
        }

.resumeSearckKey {
    margin: .7rem 0 2rem;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.33px
}

    .resumeSearckKey svg {
        fill: #d7d8d9;
        margin-left: 4px;
        cursor: pointer
    }

.boards-container h2 {
    font-size: 20px;
    color: #313131;
    font-weight: 500;
    letter-spacing: 1.43px
}

.boards-container p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1.14px;
    color: #313131;
    font-weight: 400
}

.boards-container .button:hover {
    background: #fff !important;
    border: 1px solid #ff6363 !important;
    color: #ff6363 !important;
    cursor: default !important
}

.fake-dropdown-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #777 transparent transparent;
    position: absolute;
    right: 12px;
    top: 20px
}

.visible-price {
    background-color: #f7f8fa;
    padding: 1em .5em
}

    .visible-price .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px
    }

        .visible-price .switch input {
            display: none
        }

        .visible-price .switch.switch-md {
            width: 47px;
            height: 26px
        }

@media screen and (max-width:39.9375em) {
    .visible-price .switch.switch-md {
        margin: 0 auto;
        display: block
    }
}

.visible-price .switch.switch-md .slider {
    -webkit-transition: .3s;
    transition: .3s
}

    .visible-price .switch.switch-md .slider:before {
        width: 20px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s
    }

.visible-price .switch.switch-md input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.visible-price .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .visible-price .switch .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 3px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

    .visible-price .switch .slider.round {
        border-radius: 34px
    }

        .visible-price .switch .slider.round:before {
            border-radius: 50%
        }

.visible-price .switch input:checked + .slider {
    background-color: #7cb342
}

    .visible-price .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px)
    }

.visible-price .switch input:focus + .slider {
    box-shadow: 0 0 1px #7cb342
}

.move-settings .secondary {
    background-color: #6cc10f;
    color: #fff
}

    .move-settings .secondary.disabled {
        background-color: #e4e5e7;
        opacity: 1
    }

        .move-settings .secondary.disabled:hover {
            background-color: #e4e5e7
        }

    .move-settings .secondary:hover {
        background-color: #6cc10f;
        color: #fff
    }

.move-settings .white {
    background-color: #fff;
    color: #313131;
    border: 1px solid #e4e5e7
}

    .move-settings .white:hover {
        background-color: #fff;
        color: #313131
    }

@media print,screen and (min-width:40em) {
    .myproducts__modal {
        width: 45rem;
        overflow-y: visible
    }
}

.myproducts__modal .header {
    padding: 1rem;
    margin: 0;
    border-bottom: 1px solid #e4e5e7
}

.myproducts__modal .title {
    font-size: 1.2rem;
    font-weight: 500
}

.myproducts__modal .content-list {
    border-left: 1px solid #e4e5e7
}

    .myproducts__modal .content-list .thumb {
        width: 7rem
    }

@media print,screen and (min-width:40em) {
    .myproducts__modal .thumb {
        padding: 2rem;
        max-height: 250px
    }
}

.myproducts__modal .myproducts__list {
    min-height: 150px;
    max-height: 250px;
    overflow-y: auto;
    padding-top: 1rem
}

@media screen and (max-width:63.9375em) {
    .myproducts__modal .myproducts__list {
        max-height: 77vh;
        min-height: 77vh
    }
}

.myproducts__modal .myproducts__list .myproducts__list-item {
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    transition: background-color .2s ease;
    cursor: pointer;
    line-height: 1
}

    .myproducts__modal .myproducts__list .myproducts__list-item .list-content {
        display: flex;
        align-items: center;
        padding: .6rem 1.5rem
    }

        .myproducts__modal .myproducts__list .myproducts__list-item .list-content:hover {
            background-color: #f7f8fa
        }

            .myproducts__modal .myproducts__list .myproducts__list-item .list-content:hover .button {
                opacity: 1
            }

        .myproducts__modal .myproducts__list .myproducts__list-item .list-content.listOpened {
            background-color: #f7f8fa
        }

            .myproducts__modal .myproducts__list .myproducts__list-item .list-content.listOpened .button {
                opacity: 1;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

@media screen and (max-width:63.9375em) {
    .myproducts__modal .myproducts__list .myproducts__list-item .list-content .triangle {
        opacity: 1
    }
}

.myproducts__modal .myproducts__list .myproducts__list-item .list-content .triangle div {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #797979 transparent transparent transparent
}

.myproducts__modal .myproducts__list .myproducts__list-item .sublist-content {
    display: flex;
    align-items: center;
    padding: .3rem 1.5rem .3rem 3.7rem;
    background-color: #f7f8fa
}

    .myproducts__modal .myproducts__list .myproducts__list-item .sublist-content:hover {
        background-color: #e4e5e7
    }

        .myproducts__modal .myproducts__list .myproducts__list-item .sublist-content:hover .button {
            opacity: 1
        }

.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-init {
    flex: 0 1 auto;
    padding-right: 1rem
}

.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-main {
    flex: auto 0;
    width: 100%;
    padding-right: 5px;
    line-height: 1.4em
}

.myproducts__modal .myproducts__list .myproducts__list-item .list-cont-end {
    flex: auto 0 0
}

.myproducts__modal .myproducts__list .myproducts__list-item a:hover {
    text-decoration: underline
}

.myproducts__modal .myproducts__list .myproducts__list-item .button {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0
}

    .myproducts__modal .myproducts__list .myproducts__list-item .button.triangle {
        opacity: 1
    }

.myproducts__modal .myproducts__list .title {
    display: block;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5
}

    .myproducts__modal .myproducts__list .title span {
        color: #757575;
        font-weight: 400
    }

.myproducts__modal .myproducts__list [class*="icon"] {
    vertical-align: middle
}

.myproducts__modal .myproducts__modal-footer {
    padding: 1.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media print,screen and (min-width:40em) {
    .myproducts__modal .myproducts__modal-footer {
        position: static
    }
}

.myproducts__modal .myproducts__modal-footer a {
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    color: #777
}

    .myproducts__modal .myproducts__modal-footer a:hover {
        text-decoration: underline
    }

    .myproducts__modal .myproducts__modal-footer a [class*="icon"] {
        margin-right: .5rem
    }

.myproducts__modal .close-button {
    z-index: 100
}

.myproducts__modal .create_list {
    position: relative;
    margin: 0
}

    .myproducts__modal .create_list:hover {
        cursor: pointer
    }

        .myproducts__modal .create_list:hover input {
            background-color: #f7f8fa
        }

    .myproducts__modal .create_list input {
        box-shadow: none;
        border-color: #777;
        margin: 0
    }

        .myproducts__modal .create_list input ~ label {
            display: flex;
            position: absolute;
            color: #777;
            top: 0;
            bottom: 0;
            left: .5rem;
            margin: auto;
            vertical-align: middle;
            align-items: center;
            pointer-events: none
        }

            .myproducts__modal .create_list input ~ label [class*="icon"] {
                margin-right: .5rem
            }

        .myproducts__modal .create_list input:focus ~ label, .myproducts__modal .create_list input:active ~ label {
            display: none
        }

            .myproducts__modal .create_list input:focus ~ label ~ .cont-button, .myproducts__modal .create_list input:active ~ label ~ .cont-button {
                opacity: 1
            }

        .myproducts__modal .create_list input:valid ~ .cont-button {
            opacity: 1
        }

    .myproducts__modal .create_list .cont-button {
        position: absolute;
        top: 0;
        right: -1px;
        bottom: 0;
        left: auto;
        opacity: 0
    }

        .myproducts__modal .create_list .cont-button .button {
            border: none;
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            height: 39px
        }

.myproducts__modal .myproducts__modal-login {
    padding: 1.5rem;
    border-top: 1px solid #e4e5e7;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

@media print,screen and (min-width:40em) {
    .myproducts__modal .myproducts__modal-login {
        position: static
    }
}

.myproducts__modal .myproducts__modal-login .myproducts__content-login {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.myproducts__modal .myproducts__modal-login [class*="icon"] {
    vertical-align: inherit;
    stroke: black;
    stroke-width: .3;
    margin-right: .5rem
}

.myproducts__modal .myproducts__modal-login .title {
    font-size: 1rem;
    font-weight: normal
}

.myproducts__modal .myproducts__modal-login .desc {
    font-size: 1rem;
    margin-bottom: 0;
    color: #777
}

.brand-box {
    margin-top: 1.5rem
}

.brand-column {
    border: 1px solid #e4e4e6;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 1.5rem
}

    .brand-column .brand-column-cover-image {
        margin-bottom: -41px;
        height: 150px;
        width: 100%;
        background-size: cover;
        background-position: center center
    }

    .brand-column .brand-column-info {
        overflow: hidden;
        position: relative;
        z-index: 10
    }

        .brand-column .brand-column-info .cont-logo {
            background: #fff;
            margin-right: 5%
        }

            .brand-column .brand-column-info .cont-logo .logo-large {
                width: 5.625rem;
                height: 5.625rem
            }

        .brand-column .brand-column-info div.brand-column-text {
            width: 54%
        }

@media screen and (min-width:80em) {
    .brand-column .brand-column-info div.brand-column-text {
        width: 60%
    }
}

.brand-column .brand-column-info h4 {
    font-size: 1.375rem;
    margin-bottom: 0;
    color: #313131
}

    .brand-column .brand-column-info h4 a:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 50%,transparent 50%);
        background-repeat: repeat-x;
        background-size: 2px 1px;
        background-position: 0 100%;
        -webkit-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        transition: background-color .2s cubic-bezier(.19,.26,.17,.99);
        background-color: transparent !important
    }

        .brand-column .brand-column-info h4 a:hover:hover {
            background-color: #f7f8fa
        }

.brand-column .brand-column-info h6 {
    font-size: .875rem;
    color: #313131
}

    .brand-column .brand-column-info h6 svg {
        fill: #313131;
        height: 11px;
        float: left;
        margin-top: 3px
    }

.brand-column .brand-column-products a {
    height: 90px !important;
    background-size: cover !important;
    background-position: center !important;
    border: 4px solid #fff
}

    .brand-column .brand-column-products a:hover {
        opacity: .8;
        overflow: hidden
    }

.brand-column .brand-column-navigator {
    padding: 15px 0
}

.brand-reseller {
    padding-top: .5rem
}

    .brand-reseller a {
        font-size: .8125rem
    }

        .brand-reseller a:hover {
            text-decoration: underline
        }

@media screen and (max-width:39.9375em) {
    .menu.docs-nav {
        margin-top: 0;
        margin-bottom: 2rem;
        border-top: 1px solid #e4e5e7;
        padding-top: 1rem
    }
}

.menu.docs-nav li {
    position: relative
}

    .menu.docs-nav li.current {
        font-weight: 500
    }

    .menu.docs-nav li a {
        font-size: .875rem
    }

@media screen and (max-width:39.9375em) {
    .menu.docs-nav li a {
        padding-left: 0
    }
}

.menu.docs-nav li a:hover {
    text-decoration: underline
}

.docs-nav-title {
    margin-top: 2rem;
    padding: 0 1rem .7rem;
    font-size: .8125rem;
    font-size: 1rem;
    color: #777
}

@media screen and (max-width:39.9375em) {
    .docs-nav-title {
        padding-left: 0
    }
}

.footer .menu.docs-nav {
    margin-top: 0;
    margin-bottom: 0;
    border: none;
    padding: 0
}

    .footer .menu.docs-nav li.current {
        font-weight: 400 !important
    }

.footer .menu li a {
    display: inline-block !important
}

.dropdown-triangle {
    border: 1px solid #d7d8d9;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
}

    .dropdown-triangle:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        border: 6px solid transparent;
        border-color: transparent transparent #fff #fff;
        box-shadow: -1px 1px 0 0 #d7d8d9;
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -6px;
        z-index: 1;
        margin: auto;
        right: 10px
    }

.angular-dropdown-triangle .dropdown-pane {
    border: 1px solid #d7d8d9;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
}

    .angular-dropdown-triangle .dropdown-pane:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        border: 6px solid transparent;
        border-color: transparent transparent #fff #fff;
        box-shadow: -1px 1px 0 0 #d7d8d9;
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -6px;
        z-index: 1;
        margin: auto;
        right: 10px
    }

.dropdown-custom {
    padding: 0
}

    .dropdown-custom ul {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

        .dropdown-custom ul li {
            padding: 0
        }

            .dropdown-custom ul li a:hover {
                background-color: rgba(0,0,0,.05)
            }

._cart-menu-button {
    position: relative
}
._wishlist-menu-button {
  position: relative
}
.cart-info {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    border: 1px solid #d7d8d9;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem;
    right: 0;
    margin-top: 14px;
    color: #313131;
    border: 1px solid #d7d8d9;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)
}

    .cart-info:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
        border: 6px solid transparent;
        border-color: transparent transparent #fff #fff;
        box-shadow: -1px 1px 0 0 #d7d8d9;
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: -6px;
        z-index: 1;
        margin: auto;
        right: 10px
    }

    .cart-info:before {
        right: 6% !important
    }

@media screen and (max-width:39.9375em) {
    .cart-info:before {
        right: 0 !important
    }
}

.cart-info .drawer-content {
    height: 100%;
    overflow-x: hidden
}

.cart-info .item-mini {
    display: block
}

    .cart-info .item-mini ul {
        margin: 0;
        list-style-type: none;
        max-height: 500px;
        overflow-x: hidden;
        overflow-y: auto
    }

@media screen and (max-width:63.9375em) {
    .cart-info .item-mini ul {
        max-height: 300px
    }
}

.cart-info .item-mini ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent
}

.cart-info .item-mini ul::-webkit-scrollbar {
    width: 8px;
    background-color: transparent
}

.cart-info .item-mini ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,.5)
}

.cart-info .item-mini ul::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.cart-info .item-mini ul li {
    position: relative;
    border-bottom: 1px solid #d7d8d9;
    padding: 1rem
}

    .cart-info .item-mini ul li:last-child {
        border-bottom: 0
    }

    .cart-info .item-mini ul li figure {
        width: 100%
    }

        .cart-info .item-mini ul li figure .cover, .cart-info .item-mini ul li figure figcaption {
            display: table-cell;
            vertical-align: top
        }

        .cart-info .item-mini ul li figure .cover {
            width: 60px;
            height: 60px;
            line-height: 50px;
            /*border: 1px solid #d7d8d9*/
        }

        .cart-info .item-mini ul li figure figcaption {
            padding-left: 15px;
            padding-right: 15px;
            text-align: left;
            font-size: .8125rem
        }

            .cart-info .item-mini ul li figure figcaption .name, .cart-info .item-mini ul li figure figcaption .cont-price {
                display: block
            }

            .cart-info .item-mini ul li figure figcaption .name {
                line-height: 17px;
                font-weight: 600;
                margin-bottom: 6px
            }

            .cart-info .item-mini ul li figure figcaption .qty-mini {
                margin-right: 10px;
                font-weight: 600
            }

    .cart-info .item-mini ul li .remove {
        position: absolute;
        cursor: pointer;
        padding: 1rem;
        opacity: .5;
        top: 0;
        right: 0;
        font-size: 0
    }

        .cart-info .item-mini ul li .remove:before {
            content: '';
            background-image: url("/images/icon-close.svg");
            background-repeat: no-repeat;
            background-position: center center;
            width: 10px;
            height: 10px;
            display: block;
            line-height: 0
        }

        .cart-info .item-mini ul li .remove:hover {
            opacity: 1
        }

.cart-info .item-mini .subtotal {
    display: block;
    border-top: 1px solid #d7d8d9;
    border-bottom: 1px solid #d7d8d9;
    padding: 1rem;
    text-align: right;
    font-size: .875rem
}

    .cart-info .item-mini .subtotal > span {
        font-weight: 600
    }

.cart-info .item-mini footer {
    padding: 1rem
}

    .cart-info .item-mini footer > button {
        background: #313131;
        padding: .7em 1.3em;
        display: block;
        width: 100%;
        color: #fff;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        -moz-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        -ms-transition: background .2s cubic-bezier(.19,.26,.17,.99);
        transition: background .2s cubic-bezier(.19,.26,.17,.99)
    }

        .cart-info .item-mini footer > button:hover {
            cursor: pointer;
            background: #000
        }

.share-dropdown {
    padding: 0 !important;
    background: #fff;
    width: auto
}

    .share-dropdown .Social-Share {
        display: block;
        cursor: pointer;
        text-align: center;
        position: relative;
        padding: 10px;
        line-height: 0
    }

        .share-dropdown .Social-Share svg, .share-dropdown .Social-Share img {
            width: 23px;
            height: 23px;
            fill: #777;
            -webkit-transition: fill .2s cubic-bezier(.19,.26,.17,.99);
            -moz-transition: fill .2s cubic-bezier(.19,.26,.17,.99);
            -ms-transition: fill .2s cubic-bezier(.19,.26,.17,.99);
            transition: fill .2s cubic-bezier(.19,.26,.17,.99)
        }

    .share-dropdown .facebook:hover {
        background: #3b5999
    }

        .share-dropdown .facebook:hover svg {
            fill: #fff
        }

    .share-dropdown .twitter:hover {
        background: #55acee
    }

        .share-dropdown .twitter:hover svg {
            fill: #fff
        }

    .share-dropdown .pinterest:hover {
        background: #ce2123
    }

        .share-dropdown .pinterest:hover svg {
            fill: #fff
        }

    .share-dropdown .tumblr:hover {
        background: #304a64
    }

        .share-dropdown .tumblr:hover svg {
            fill: #fff
        }

#myShareDialog #shareThis ul {
    margin-bottom: 0
}

#myShareDialog li:hover svg {
    fill: #0a0a0a
}

#myShareDialog li:hover label {
    color: #0a0a0a
}

#myShareDialog li .textfield {
    display: inline-block;
    margin-top: .9rem
}

    #myShareDialog li .textfield input {
        cursor: text;
        width: 260px;
        float: left;
        padding-top: 0;
        color: #9e9e9e;
        font-size: .8125rem
    }

        #myShareDialog li .textfield input:hover, #myShareDialog li .textfield input:focus {
            border-color: #e4e5e7
        }

#myShareDialog .dropdown-pane label {
    padding: 1.5rem 1.5rem 1rem;
    color: #0a0a0a
}

@media screen and (max-width:39.9375em) {
    #myShareDialog .dropdown-pane label {
        line-height: 1rem;
        padding: 1.2rem 1.5rem 1.2rem
    }
}

#myShareDialog .dropdown-pane .my-products-pane-list {
    max-height: none
}

#myShareDialog .dropdown-pane li a {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: unset
}

    #myShareDialog .dropdown-pane li a svg {
        margin-right: 0;
        vertical-align: bottom
    }

#myShareDialog span > span {
    padding: 1.5rem 1.5rem 1rem;
    position: relative;
    top: -4px;
    line-height: unset
}

@media screen and (max-width:39.9375em) {
    #myShareDialog span > span {
        padding: .8rem .8rem .8rem 1.3rem;
        top: 0
    }
}

@media screen and (max-width:39.9375em) {
    #myShareDialog .mail-icon span > span {
        top: .6rem
    }
}

#myShareDialog svg {
    fill: #9e9e9e
}

@media screen and (max-width:39.9375em) {
    #share-button-ot {
        margin-bottom: 15px
    }
}

@media screen and (max-width:39.9375em) {
    .header-profile-info-buttons #share-button-ot {
        margin-bottom: 0
    }
}

.box-loader {
    position: relative;
    width: 100%;
    min-height: 600px
}

    .box-loader.show {
        display: block
    }

    .box-loader.full {
        position: fixed;
        width: 100%;
        min-height: 100vh;
        z-index: 1000;
        left: 0;
        top: 0;
        background: rgba(255,255,255,.8)
    }

.loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px
}

    .loader:before {
        content: '';
        display: block;
        padding-top: 100%
    }

.circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes color {
    100%,0% {
        stroke: #0a0a0a
    }
}

@media screen and (max-width:39.9375em) {
    .reveal-autosize {
        margin: 1rem;
        height: auto;
        min-height: 0;
        width: auto
    }
}

.reveal .callout {
    padding: 2.2rem 1.5rem 1.5rem !important
}

.reveal {
    outline: none
}

    .reveal.spot-popup {
        padding: 1.5rem
    }

        .reveal.spot-popup .close-button {
            font-size: 1.5em;
            line-height: .5
        }

    .reveal.custom-styles {
        padding: 40px !important
    }

        .reveal.custom-styles.medium-up-fixed-width {
            width: 100%
        }

@media screen and (min-width:40em) {
    .reveal.custom-styles.medium-up-fixed-width {
        width: 490px
    }
}

.reveal.custom-styles .font-size-13 {
    font-size: 13px !important
}

.reveal.custom-styles .font-size-16 {
    font-size: 16px !important
}

.reveal.custom-styles .font-weight-500 {
    font-weight: 500 !important
}

.reveal.custom-styles .letter-spacing-1 {
    letter-spacing: 1px !important
}

.reveal.custom-styles .margin-bottom-0 {
    margin-bottom: 0 !important
}

.reveal.custom-styles .badge.warning b {
    color: #fff;
    font-size: 13px
}

.reveal.custom-styles .warning-fake-tooltip {
    background: #f7f8fa;
    font-size: 13px;
    line-height: 16px;
    padding: 15px 18px;
    color: #313131;
    position: relative;
    border-radius: 4px
}

@media print,screen and (min-width:64em) {
    .reveal.very-tiny {
        width: 320px
    }
}

.reveal.custom-reveal {
    padding: 0;
    border-radius: 5px
}

    .reveal.custom-reveal .reveal-header {
        border-bottom: 1px solid #d7d8d9;
        padding: 20px
    }

        .reveal.custom-reveal .reveal-header h6 {
            font-size: 16px;
            font-weight: 500;
            line-height: 19px;
            margin-bottom: 0
        }

        .reveal.custom-reveal .reveal-header .icon {
            float: left;
            padding: 1px;
            margin-right: 10px
        }

    .reveal.custom-reveal .reveal-body {
        padding: 35px 20px
    }

    .reveal.custom-reveal .reveal-footer {
        padding: 20px
    }

        .reveal.custom-reveal .reveal-footer .button {
            margin-left: .5rem
        }

@media screen and (max-width:39.9375em) {
    .reveal-small-close-position {
        color: #fff;
        right: 0;
        top: 0;
        font-size: 22px;
        padding: 12px;
        background: #000;
        line-height: 14px
    }
}

.change-geolocalization .change-geolocalization-bg-container {
    background-image: url("/images/geo-bg.png");
    background-size: cover;
    padding-bottom: 25px
}

    .change-geolocalization .change-geolocalization-bg-container .change-geolocalization-head-icon {
        height: 40px;
        fill: #ff6363;
        margin-top: 33px;
        margin-bottom: 14px
    }

    .change-geolocalization .change-geolocalization-bg-container .change-geolocalization-title h4 {
        font-size: 22px;
        line-height: 25px;
        font-weight: 700
    }

    .change-geolocalization .change-geolocalization-bg-container .change-geolocalization-subtitle p {
        font-size: 16px;
        line-height: 20px
    }

    .change-geolocalization .change-geolocalization-bg-container .medium-7 {
        margin-bottom: 2rem
    }

.change-geolocalization #automaticZipCode {
    width: 100%;
    background: #fff;
    padding-bottom: 2rem
}

.change-geolocalization .change-geolocalization-gps input {
    border-color: #cacaca;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none
}

.change-geolocalization .change-geolocalization-gps .button {
    height: 48px !important;
    line-height: 45px !important;
    padding: 0;
    float: left;
    margin-left: 2%
}

    .change-geolocalization .change-geolocalization-gps .button.iconized {
        background-color: #f3f3f3;
        color: #0a0a0a
    }

        .change-geolocalization .change-geolocalization-gps .button.iconized:hover, .change-geolocalization .change-geolocalization-gps .button.iconized:focus {
            background-color: #f3f3f3;
            color: #0a0a0a
        }

        .change-geolocalization .change-geolocalization-gps .button.iconized .icon.small {
            fill: #ff6363 !important
        }

.change-geolocalization .change-geolocalization-footer-text {
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #9a9a9a;
    font-style: italic
}

@media print,screen and (min-width:40em) {
    .content-border-bottom {
        border-bottom: 1px solid #e4e5e7;
        margin-bottom: 1rem;
        padding: .5rem;
        margin-bottom: 2rem
    }
}

.content-quote {
    display: block;
    padding: 0 0 1rem 0
}

@media print,screen and (min-width:64em) {
    .content-quote {
        padding: 1rem;
        border: 1px solid #e4e5e7;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease
    }

        .content-quote:hover {
            -webkit-box-shadow: 0 2px 25px 0 rgba(10,10,10,.09);
            -moz-box-shadow: 0 2px 25px 0 rgba(10,10,10,.09);
            box-shadow: 0 2px 25px 0 rgba(10,10,10,.09)
        }
}

.content-quote .media-object {
    margin: 0
}

    .content-quote .media-object:focus {
        outline: none
    }

.promo-list {
    font-size: .75rem !important;
    color: #4a4a4a !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

    .switch input {
        display: none
    }

    .switch.switch-md {
        width: 47px;
        height: 26px
    }

@media screen and (max-width: 39.9375em) {
    .switch.switch-md {
        margin: 0 auto;
        display: block
    }
}

.switch.switch-md .slider {
    -webkit-transition: .3s;
    transition: .3s
}

    .switch.switch-md .slider:before {
        width: 20px;
        height: 20px;
        -webkit-transition: .3s;
        transition: .3s
    }

.switch.switch-md input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.switch.switch-md.tiny {
    width: 28px;
    height: 20px
}

    .switch.switch-md.tiny .slider:before {
        width: 14px;
        height: 14px;
        left: 3px;
        bottom: 3px
    }

    .switch.switch-md.tiny input:checked + .slider {
        background-color: #313131
    }

        .switch.switch-md.tiny input:checked + .slider:before {
            -webkit-transform: translateX(8px);
            -ms-transform: translateX(8px);
            transform: translateX(8px)
        }

.switch.switch-md.inline-block {
    display: inline-block;
    vertical-align: middle
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 3px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

    .switch .slider.round {
        border-radius: 34px
    }

        .switch .slider.round:before {
            border-radius: 50%
        }

.switch input:checked + .slider {
    background-color: #7cb342
}

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px)
    }

.switch input:focus + .slider {
    box-shadow: 0 0 1px #7cb342
}



.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.72222rem;
    font-weight: normal;
    margin-bottom: 1.11111rem;
    padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
    position: relative;
    transition: opacity 300ms ease-out;
    background-color: #008CBA;
    border-color: #0078a0;
    color: #FFFFFF;
}

    .alert-box.radius {
        border-radius: 3px;
    }

    .alert-box.success {
        background-color: #43AC6A;
        border-color: #3a945b;
        color: #FFFFFF;
    }

    .alert-box.warning {
        background-color: #f08a24;
        border-color: #de770f;
        color: #FFFFFF;
    }

    .alert-box.alert {
        background-color: #f04124;
        border-color: #de2d0f;
        color: #FFFFFF;
    }



.rating {
    display: inline-block;
    height: 16px;
    width: 80px;
    background-repeat: repeat-x;
    background-position: 0 50%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAInSURBVDiNnZI/TBNhGMZ/vV7va3vXu4otYCSNxYIJhBhDAiZUEjdlcXJhAMKkCXFycyNOmJgYZiMDAWTBxdGlaU10hiJaSgKKloZE24Y7Kr3PgT8BQ5vos715/rxvvueDBsikU5cz6VRPI43aiASmgBhwq55AabA9GQqZw5FINJlJp4b/KSCTTnmB6eaWFqLRKMBUJp0yztN6/jL2Aq3AndbWSxPhC2GkdCmVynzf3p4DngOVgeTg2klAJp1KAO+AmK4b+DQflhVGDwbZrzpIKdE0DcepUtzZwXVr2LYN8AO4pwwkB3P5/MZ0KBSi81onbW1tBAICZ98GQEqJbduoqpf2q+10dfdgmibZ1ezrgeTgRy/A0tKb9zf7+2JCiBuqquI4NlJyElCrHeA4NgcHv9n+9pXl5ZW3o2PjI3CqxpXV1QemZcWFJm77g36qVQePRwEktVoNVfVRKe+Rz298yOXW75/7iDOvXsbj8Sv5REeCSqWConhwXYmULoYRIvdlnc3NrdjI6NjWuTU2NTUlgvphW16vghCCQCCAqh4equs6VtjqOO05EyCE6DF0AyECBIMG5fIev36WEELH7w9iWiZC0/pOe858ZVX1deuGQaFQYKdQyDmO80xKKsVi8Ulzc0vXxUgEn0/rrxsgpXv989qn/O7u7ovJyaczK9ls6YiaW5iffRiJRB8ritJLPczPzY7XJY+wuLjwaGjobvh49sjjwv8TfwCXtcZoRHu4ugAAAABJRU5ErkJggg==");
}

    .rating > * {
        position: relative;
        display: inline-block;
        height: 16px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAHxSURBVDiNpZIxaNNBFMZ/7/5/i6k1xDa1CCYa0ii2HaQIGUToVBy03QQHuziqKLrUoSpOLhYSECcX3dpFp3RwFS2aQehQEoJFBYeKjW1qYu5/dw5pYgtJQPzg8R73vu/dd7yDLviQ3Z9YeRpKdOP43ZqnTsYyIiJQuNiN1xaF59HxWi5ia0sR+3VxaLwTT3VqxI8cmFOuLB5lGRwI3funAeVXh69gytOiQPmg7MbUdm5oph1XsjP0X5qIXPN7+054vkt5nk4p9avfkwqeD6LAGTD0YWzohzU9RRNIMahuF3JvN5741Tra1n5OmaB8hh5gXyPEBxyIgHNgTQWrK/1GkzaatA0kX62T8V6vUE8PsxCPMiHCURGQpj8H1jYc2ADs3/wuX2LycpZND2Bxmd/jCRYSg5wTiDfFzu2IzR7xm+UC5y88YhN2XQawdJdjpxOsKQ+Uary/ZcY2hhS/kTg7x1rbLeRLrBuNMxoCDUEdzE4OdKP++In1jmtMDTJiNGLq0IxgV200JKOM7Nbs+crDA4wZDa5hfxPhhQjOOWacJewcHD/EGPC+rYNwSI2agFrNHJwvbcWS8Vtcj93kxmo5lqzZ8LzRUvWQ0Y4OVqO3q0b1zk5ffZiBrdb55IMv34E7L5/d/+zbygA8bvXEOcf/4A98LtzAZGRLlgAAAABJRU5ErkJggg==");
    }

    .rating.rating-small {
        height: 11px;
        width: 60px;
        padding: 1px 0;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAArrAAAK6wGCiw1aAAABqElEQVR4nHXQv08TYRwG8JPz1NxgYGlM2sV0qIlL33CMJFwnR4kbClZCWhbCn1BvMVAolGuZwE2rG2kFBgM4GAyUk6PUpFzveu97P9prCRMrw8NmotXhuzxPPsPz5QBwf1+xoMaLBXXsX11fMCJJg18q5c+7O9u7I5L06L9AFEWeEHK/Ut5KtizzymH0ulLemieEPBBFceA3SMhyJCHLzz+VPs5rJ8cF46Jh9noBut0ODKPhVKtH2VLpw2xClscTsvyYS6dTw98O9nTGbARBG5eXAXrdDoLARxC00W57cBjF/t5XI5WaGeUEQbj76uXEix+H323fd+F5FL7vwPMoGLPguhTHR4f+1NTkpCAIAgeAi0ajA/n8SvJXvQZKTVjWBUyzgVbLQP38DMWCOhOLxfg/RitvM091XQNjFmy7CdtuglIT+ukJFCXzpO9LS9nFCctswnXZTb1e69Rquu849Ma2TWSzC8k+kMstv9O0qvt+c2NjNp16Nj39ZkxV8+unPzV3Jbe83gcUJfOakLgUiUSGeJ6/A4ALhUIPCYkPr62tzoXD4XsAuFsNdFcqOpvrDgAAAABJRU5ErkJggg==");
    }

        .rating.rating-small > * {
            height: 11px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAAsSAAALEgHS3X78AAABkUlEQVR4nH2QzyvDcRzGn+9nM/t+5+t7wpm2UiQpXyOyE7kYLiSEcXHQDtSYA+1GmdYkbLG20BZJ8quU4uIfwMlBttmwkcks7e0gByaH5/I8z+vwPCAi/JZnNEdes4jyX1mGUVOSJV6s5geuPAWBujKV+C+gVIBN9UmtyT0+9H4ohGwmqVWpAPsB6HWc1CxnlxurecNYh9D7upt7ntpn9HHEKHkgnY93Cr0tNbzBqFeX1xZzErxDTI64+NMHnyb47FenEluMkjug913Q2w6jxJY6Fd/QBO89/On2CKtCZRE0xxMYDi8hHPOCnjdALwFQYhP04gc9rYOiKwif2TCs10EDIkJFIZQH4zBF3aBHDyju+1LMC3pYBZ1MYkDWQvljtLkJYmgB6cgyKOoG3btBURfobhE00YbcjJdsbSi5mQPdOpAOOhELzSMWdCJ96wDNdqI0A1jp59qvp1n8clrw27sUPfYuRffFjOC/nmFx3yA6MgC72WByWRssslaVJ/KMy+EZJ2tVecvWRovdXD/w3fsEds8eHEa+5bkAAAAASUVORK5CYII=");
        }




/*.background-color {
            background-color: #F7F8FA;
        }*/
.padding-top-0 {
    padding-top: 0 !important;
}

.hidden-text {
    display: none !important;
}

.pre-wrap {
    white-space: pre-wrap;
}

.text-color-white {
    color: white !important;
}

.text-color-black {
    color: black !important;
}

.text-color-white-thin-black-shadow {
    color: white !important;
    text-shadow: -1px 0 0 rgba(0, 0, 0, .4), 0 -1px 0 rgba(0, 0, 0, .4), 1px 0 0 rgba(0, 0, 0, .4), 0 1px 0 rgba(0, 0, 0, .4);
}

.text-color-black-thin-white-shadow {
    color: black !important;
    text-shadow: -1px 0 0 rgba(255, 255, 255, .4), 0 -1px 0 rgba(255, 255, 255, .4), 1px 0 0 rgba(255, 255, 255, .4), 0 1px 0 rgba(255, 255, 255, .4);
}

.text-color-white-thick-black-shadow {
    color: white !important;
    text-shadow: 0 0 5px rgba(0, 0, 0, .9);
}

.text-color-black-thick-white-shadow {
    color: black !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, .9);
}

.text-color-white-spread-black-shadow {
    color: white !important;
    text-shadow: 0 0 15px rgba(0, 0, 0, .8);
}

.text-color-black-spread-white-shadow {
    color: black !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, .8);
}

.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.black-italic-serif, .black-italic-serif-big, .white-italic-serif, .white-italic-serif-big {
    font-style: italic !important;
    font-family: serif !important;
}

.black-italic-serif, .black-italic-serif-big {
    color: black !important;
}

.white-italic-serif, .white-italic-serif-big {
    color: white !important;
}

.black-italic-serif-big, .white-italic-serif-big {
    font-size: 2.5em !important;
}



/*field-validation-error*/
.field-validation-error {
    border: none;
    color: #d4452e;
}

/*Tab Product Detail*/
.tabs {
    /*background-color: aliceblue;*/
    /*border-left: none;
    border: 1px solid #e4e5e7;
    margin-left: -1px;*/
}

.tabs-panel.is-active {
    display: block;
    border: 1px solid #e4e5e7;
}

.validation-summary-valid {
 display: none !important
}
.validation-summary-errors ul {
  list-style: none
}
.textfield > input.input-validation-error, .textfield > [type='text'].input-validation-error, .textfield > [type='password'].input-validation-error, .textfield select.input-validation-error {
  border: 1px solid #d4452e;
  background: #fff;
  color: #d4452e !important;
}
  .textfield > input.input-validation-error ~ label, .textfield > [type='text'].input-validation-error ~ label, .textfield > [type='password'].input-validation-error ~ label, .textfield select.input-validation-error ~ label {
    color: #d4452e !important;
  }



.select-like ul {
  border: 1px solid #e4e5e7;
  border-radius: 4px;
  display: block;
  margin: 0
}

  .select-like ul li {
    background-color: #fff;
    z-index: 1;
    padding: 5px;
    display: none;
    list-style: none;
    cursor: default;
    font-size: 100%;
    font-weight: 500;
    letter-spacing: .2px;
    border: none;
    margin-bottom: 0;
    text-transform: capitalize;
    padding: .5rem 2rem .5rem 1rem
  }

    .select-like ul li:first-child {
      padding: .8rem 2rem .8rem 1rem;
      position: relative
    }

      .select-like ul li:first-child:before {
        content: '';
        top: 1.9rem;
        font-size: 1.4rem;
        line-height: .7rem;
        background-image: url(/images/carret-right.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 7px;
        height: 13px;
        position: absolute;
        top: 50%;
        right: 1rem;
        margin-top: -.3rem
      }

    .select-like ul li a {
      font-size: .8em;
      display: block
    }

.select-like.is-active ul li:first-child:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.select-like ul li:first-child:hover {
  background-color: #f7f8fa
}

.select-like ul li:first-child {
  display: block
}




.product.categories {
  min-height: auto;
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: #f7f8fa
}

@media screen and (max-width: 39.9375em) {
  .product.categories {
    overflow: visible !important
  }

    .product.categories::before {
      content: "";
      display: block;
      border-bottom: 1px solid #f0f2f7;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: -10px;
      z-index: 10;
      width: 100%
    }
}

@media screen and (max-width: 39.9375em) {
  .product.categories .img-placeholder {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px white,0 0 0 2px #e4e5e7;
    -moz-box-shadow: 0 0 0 1px white,0 0 0 2px #e4e5e7;
    box-shadow: 0 0 0 1px white,0 0 0 2px #e4e5e7;
    width: 4.5rem;
    height: 4.5rem;
    margin: 2px;
    background-color: #f7f8fa
  }
}

.product.categories > a {
  background-color: #fff
}

@media screen and (max-width: 39.9375em) {
  .product.categories > a {
    display: flex;
    width: 100%
  }
}

@media print,screen and (min-width: 40em) {
  .product.categories > a {
    background-color: #f7f8fa
  }
}

.product.categories > a .cont-image {
  border: none
}

.product.categories img {
  mix-blend-mode: multiply;
  display: block;
  margin: 0 auto
}

@media print,screen and (min-width: 64em) {
  .product.categories img {
    width: 100%
  }
}

.product.categories figcaption {
  padding: 1rem;
  border: none
}

  .product.categories figcaption h2, .product.categories figcaption h3 {
    font-size: 1.1rem;
    margin: 0;
    position: relative
  }

    .product.categories figcaption h2:hover, .product.categories figcaption h3:hover {
      text-decoration: underline
    }

.product.categories [class*="icon-"] {
  margin-left: auto;
  margin-right: .5rem;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.product.categories ul {
  list-style-type: none;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  display: none
}

@media print,screen and (min-width: 40em) {
  .product.categories ul {
    display: block
  }
}

.product.categories ul li a {
  color: #777;
  font-size: .875rem;
  display: block;
  padding-bottom: 5px
}

  .product.categories ul li a:hover {
    text-decoration: underline
  }