@charset "UTF-8";.grid {
    *zoom:1;list-style: none;
    margin: 0 0 0 -22px;
    padding: 0
}

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

.grid__item {
    float: left;
    padding-left: 22px;
    width: 100%
}

.grid__item[class*="--push"] {
    position: relative
}

.grid--full {
    margin-left: 0;
    width: 100%!important
}

.grid--full>.grid__item {
    padding-left: 0
}

.grid--flex {
    display: flex;
    flex-wrap: wrap
}

.grid--flex:after,.grid--flex:before {
    content: none;
    display: none
}

.grid--flex .grid__item {
    flex: 1 1 0;
    max-width: 100%;
    width: auto
}

.grid--double-gutter {
    margin-left: -44px
}

.grid--double-gutter>.grid__item {
    padding-left: 44px
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev>.grid__item {
    direction: ltr;
    float: right;
    text-align: left
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.3333333333%
}

.two-thirds {
    width: 66.6666666667%
}

.one-quarter {
    width: 25%
}

.two-quarters {
    width: 50%
}

.three-quarters {
    width: 75%
}

.one-fifth {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.6666666667%
}

.two-sixths {
    width: 33.3333333333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.6666666667%
}

.five-sixths {
    width: 83.3333333333%
}

.one-eighth {
    width: 12.5%
}

.two-eighths {
    width: 25%
}

.three-eighths {
    width: 37.5%
}

.four-eighths {
    width: 50%
}

.five-eighths {
    width: 62.5%
}

.six-eighths {
    width: 75%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.two-tenths {
    width: 20%
}

.three-tenths {
    width: 30%
}

.four-tenths {
    width: 40%
}

.five-tenths {
    width: 50%
}

.six-tenths {
    width: 60%
}

.seven-tenths {
    width: 70%
}

.eight-tenths {
    width: 80%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.3333333333%
}

.two-twelfths {
    width: 16.6666666667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.3333333333%
}

.five-twelfths {
    width: 41.6666666667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.3333333333%
}

.eight-twelfths {
    width: 66.6666666667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.3333333333%
}

.eleven-twelfths {
    width: 91.6666666667%
}

.grid--flex .auto {
    flex: 0 0 auto;
    max-width: none;
    width: auto
}

.grid--flex .expand {
    flex: 1 1 0;
    max-width: 100%;
    width: auto
}

.grid--flex .one-whole {
    flex: 0 0 100%;
    max-width: 100%
}

.grid--flex .one-half {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .one-third {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.grid--flex .two-thirds {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.grid--flex .one-quarter {
    flex: 0 0 25%;
    max-width: 25%
}

.grid--flex .two-quarters {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .three-quarters {
    flex: 0 0 75%;
    max-width: 75%
}

.grid--flex .one-fifth {
    flex: 0 0 20%;
    max-width: 20%
}

.grid--flex .two-fifths {
    flex: 0 0 40%;
    max-width: 40%
}

.grid--flex .three-fifths {
    flex: 0 0 60%;
    max-width: 60%
}

.grid--flex .four-fifths {
    flex: 0 0 80%;
    max-width: 80%
}

.grid--flex .one-sixth {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.grid--flex .two-sixths {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.grid--flex .three-sixths {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .four-sixths {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.grid--flex .five-sixths {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.grid--flex .one-eighth {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.grid--flex .two-eighths {
    flex: 0 0 25%;
    max-width: 25%
}

.grid--flex .three-eighths {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.grid--flex .four-eighths {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .five-eighths {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.grid--flex .six-eighths {
    flex: 0 0 75%;
    max-width: 75%
}

.grid--flex .seven-eighths {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.grid--flex .one-tenth {
    flex: 0 0 10%;
    max-width: 10%
}

.grid--flex .two-tenths {
    flex: 0 0 20%;
    max-width: 20%
}

.grid--flex .three-tenths {
    flex: 0 0 30%;
    max-width: 30%
}

.grid--flex .four-tenths {
    flex: 0 0 40%;
    max-width: 40%
}

.grid--flex .five-tenths {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .six-tenths {
    flex: 0 0 60%;
    max-width: 60%
}

.grid--flex .seven-tenths {
    flex: 0 0 70%;
    max-width: 70%
}

.grid--flex .eight-tenths {
    flex: 0 0 80%;
    max-width: 80%
}

.grid--flex .nine-tenths {
    flex: 0 0 90%;
    max-width: 90%
}

.grid--flex .one-twelfth {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.grid--flex .two-twelfths {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.grid--flex .three-twelfths {
    flex: 0 0 25%;
    max-width: 25%
}

.grid--flex .four-twelfths {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.grid--flex .five-twelfths {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.grid--flex .six-twelfths {
    flex: 0 0 50%;
    max-width: 50%
}

.grid--flex .seven-twelfths {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.grid--flex .eight-twelfths {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.grid--flex .nine-twelfths {
    flex: 0 0 75%;
    max-width: 75%
}

.grid--flex .ten-twelfths {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.grid--flex .eleven-twelfths {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.show {
    display: block!important
}

.hide {
    display: none!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,.text-center {
    text-align: center!important
}

@media only screen and (max-width: 479px) {
    .xsmall--one-whole {
        width:100%
    }

    .xsmall--one-half {
        width: 50%
    }

    .xsmall--one-third {
        width: 33.3333333333%
    }

    .xsmall--two-thirds {
        width: 66.6666666667%
    }

    .xsmall--one-quarter {
        width: 25%
    }

    .xsmall--two-quarters {
        width: 50%
    }

    .xsmall--three-quarters {
        width: 75%
    }

    .xsmall--one-fifth {
        width: 20%
    }

    .xsmall--two-fifths {
        width: 40%
    }

    .xsmall--three-fifths {
        width: 60%
    }

    .xsmall--four-fifths {
        width: 80%
    }

    .xsmall--one-sixth {
        width: 16.6666666667%
    }

    .xsmall--two-sixths {
        width: 33.3333333333%
    }

    .xsmall--three-sixths {
        width: 50%
    }

    .xsmall--four-sixths {
        width: 66.6666666667%
    }

    .xsmall--five-sixths {
        width: 83.3333333333%
    }

    .xsmall--one-eighth {
        width: 12.5%
    }

    .xsmall--two-eighths {
        width: 25%
    }

    .xsmall--three-eighths {
        width: 37.5%
    }

    .xsmall--four-eighths {
        width: 50%
    }

    .xsmall--five-eighths {
        width: 62.5%
    }

    .xsmall--six-eighths {
        width: 75%
    }

    .xsmall--seven-eighths {
        width: 87.5%
    }

    .xsmall--one-tenth {
        width: 10%
    }

    .xsmall--two-tenths {
        width: 20%
    }

    .xsmall--three-tenths {
        width: 30%
    }

    .xsmall--four-tenths {
        width: 40%
    }

    .xsmall--five-tenths {
        width: 50%
    }

    .xsmall--six-tenths {
        width: 60%
    }

    .xsmall--seven-tenths {
        width: 70%
    }

    .xsmall--eight-tenths {
        width: 80%
    }

    .xsmall--nine-tenths {
        width: 90%
    }

    .xsmall--one-twelfth {
        width: 8.3333333333%
    }

    .xsmall--two-twelfths {
        width: 16.6666666667%
    }

    .xsmall--three-twelfths {
        width: 25%
    }

    .xsmall--four-twelfths {
        width: 33.3333333333%
    }

    .xsmall--five-twelfths {
        width: 41.6666666667%
    }

    .xsmall--six-twelfths {
        width: 50%
    }

    .xsmall--seven-twelfths {
        width: 58.3333333333%
    }

    .xsmall--eight-twelfths {
        width: 66.6666666667%
    }

    .xsmall--nine-twelfths {
        width: 75%
    }

    .xsmall--ten-twelfths {
        width: 83.3333333333%
    }

    .xsmall--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .xsmall--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .xsmall--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .xsmall--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .xsmall--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xsmall--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xsmall--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xsmall--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xsmall--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xsmall--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xsmall--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xsmall--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xsmall--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xsmall--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xsmall--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xsmall--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xsmall--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .xsmall--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xsmall--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .xsmall--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .xsmall--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xsmall--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .xsmall--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .xsmall--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xsmall--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .xsmall--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xsmall--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xsmall--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .xsmall--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xsmall--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .xsmall--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .xsmall--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xsmall--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xsmall--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xsmall--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .xsmall--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xsmall--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .xsmall--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xsmall--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xsmall--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xsmall--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xsmall--flex-row {
        flex-direction: row!important
    }

    .xsmall--flex-column {
        flex-direction: column!important
    }

    .xsmall--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xsmall--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .xsmall--flex-wrap {
        flex-wrap: wrap!important
    }

    .xsmall--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .xsmall--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .xsmall--flex-fill {
        flex: 1 1 auto!important
    }

    .xsmall--flex-grow-0 {
        flex-grow: 0!important
    }

    .xsmall--flex-grow-1 {
        flex-grow: 1!important
    }

    .xsmall--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .xsmall--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .xsmall--justify-content-start {
        justify-content: flex-start!important
    }

    .xsmall--justify-content-end {
        justify-content: flex-end!important
    }

    .xsmall--justify-content-center {
        justify-content: center!important
    }

    .xsmall--justify-content-between {
        justify-content: space-between!important
    }

    .xsmall--justify-content-around {
        justify-content: space-around!important
    }

    .xsmall--align-items-start {
        align-items: flex-start!important
    }

    .xsmall--align-items-end {
        align-items: flex-end!important
    }

    .xsmall--align-items-center {
        align-items: center!important
    }

    .xsmall--align-items-baseline {
        align-items: baseline!important
    }

    .xsmall--align-items-stretch {
        align-items: stretch!important
    }

    .xsmall--align-content-start {
        align-content: flex-start!important
    }

    .xsmall--align-content-end {
        align-content: flex-end!important
    }

    .xsmall--align-content-center {
        align-content: center!important
    }

    .xsmall--align-content-between {
        align-content: space-between!important
    }

    .xsmall--align-content-around {
        align-content: space-around!important
    }

    .xsmall--align-content-stretch {
        align-content: stretch!important
    }

    .xsmall--align-self-auto {
        align-self: auto!important
    }

    .xsmall--align-self-start {
        align-self: flex-start!important
    }

    .xsmall--align-self-end {
        align-self: flex-end!important
    }

    .xsmall--align-self-center {
        align-self: center!important
    }

    .xsmall--align-self-baseline {
        align-self: baseline!important
    }

    .xsmall--align-self-stretch {
        align-self: stretch!important
    }

    .xsmall--order-first {
        order: -1
    }

    .xsmall--order-last {
        order: 13
    }

    .xsmall--order-0 {
        order: 0
    }

    .xsmall--order-1 {
        order: 1
    }

    .xsmall--order-2 {
        order: 2
    }

    .xsmall--order-3 {
        order: 3
    }

    .xsmall--order-4 {
        order: 4
    }

    .xsmall--order-5 {
        order: 5
    }

    .xsmall--order-6 {
        order: 6
    }

    .xsmall--order-7 {
        order: 7
    }

    .xsmall--order-8 {
        order: 8
    }

    .xsmall--order-9 {
        order: 9
    }

    .xsmall--order-10 {
        order: 10
    }

    .xsmall--order-11 {
        order: 11
    }

    .xsmall--order-12 {
        order: 12
    }

    .grid--uniform .xsmall--five-tenths:nth-child(odd),.grid--uniform .xsmall--four-eighths:nth-child(odd),.grid--uniform .xsmall--four-twelfths:nth-child(3n+1),.grid--uniform .xsmall--one-eighth:nth-child(8n+1),.grid--uniform .xsmall--one-fifth:nth-child(5n+1),.grid--uniform .xsmall--one-half:nth-child(odd),.grid--uniform .xsmall--one-quarter:nth-child(4n+1),.grid--uniform .xsmall--one-sixth:nth-child(6n+1),.grid--uniform .xsmall--one-third:nth-child(3n+1),.grid--uniform .xsmall--one-twelfth:nth-child(12n+1),.grid--uniform .xsmall--six-twelfths:nth-child(odd),.grid--uniform .xsmall--three-sixths:nth-child(odd),.grid--uniform .xsmall--three-twelfths:nth-child(4n+1),.grid--uniform .xsmall--two-eighths:nth-child(4n+1),.grid--uniform .xsmall--two-sixths:nth-child(3n+1),.grid--uniform .xsmall--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .xsmall--show {
        display: block!important
    }

    .xsmall--hide {
        display: none!important
    }

    .xsmall--text-left {
        text-align: left!important
    }

    .xsmall--text-right {
        text-align: right!important
    }

    .xsmall--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
    .small--one-whole {
        width:100%
    }

    .small--one-half {
        width: 50%
    }

    .small--one-third {
        width: 33.3333333333%
    }

    .small--two-thirds {
        width: 66.6666666667%
    }

    .small--one-quarter {
        width: 25%
    }

    .small--two-quarters {
        width: 50%
    }

    .small--three-quarters {
        width: 75%
    }

    .small--one-fifth {
        width: 20%
    }

    .small--two-fifths {
        width: 40%
    }

    .small--three-fifths {
        width: 60%
    }

    .small--four-fifths {
        width: 80%
    }

    .small--one-sixth {
        width: 16.6666666667%
    }

    .small--two-sixths {
        width: 33.3333333333%
    }

    .small--three-sixths {
        width: 50%
    }

    .small--four-sixths {
        width: 66.6666666667%
    }

    .small--five-sixths {
        width: 83.3333333333%
    }

    .small--one-eighth {
        width: 12.5%
    }

    .small--two-eighths {
        width: 25%
    }

    .small--three-eighths {
        width: 37.5%
    }

    .small--four-eighths {
        width: 50%
    }

    .small--five-eighths {
        width: 62.5%
    }

    .small--six-eighths {
        width: 75%
    }

    .small--seven-eighths {
        width: 87.5%
    }

    .small--one-tenth {
        width: 10%
    }

    .small--two-tenths {
        width: 20%
    }

    .small--three-tenths {
        width: 30%
    }

    .small--four-tenths {
        width: 40%
    }

    .small--five-tenths {
        width: 50%
    }

    .small--six-tenths {
        width: 60%
    }

    .small--seven-tenths {
        width: 70%
    }

    .small--eight-tenths {
        width: 80%
    }

    .small--nine-tenths {
        width: 90%
    }

    .small--one-twelfth {
        width: 8.3333333333%
    }

    .small--two-twelfths {
        width: 16.6666666667%
    }

    .small--three-twelfths {
        width: 25%
    }

    .small--four-twelfths {
        width: 33.3333333333%
    }

    .small--five-twelfths {
        width: 41.6666666667%
    }

    .small--six-twelfths {
        width: 50%
    }

    .small--seven-twelfths {
        width: 58.3333333333%
    }

    .small--eight-twelfths {
        width: 66.6666666667%
    }

    .small--nine-twelfths {
        width: 75%
    }

    .small--ten-twelfths {
        width: 83.3333333333%
    }

    .small--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .small--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .small--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .small--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .small--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .small--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .small--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .small--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .small--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .small--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .small--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .small--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .small--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .small--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .small--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .small--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .small--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .small--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .small--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .small--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .small--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .small--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .small--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .small--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .small--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .small--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .small--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .small--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .small--flex-row {
        flex-direction: row!important
    }

    .small--flex-column {
        flex-direction: column!important
    }

    .small--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .small--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .small--flex-wrap {
        flex-wrap: wrap!important
    }

    .small--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .small--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .small--flex-fill {
        flex: 1 1 auto!important
    }

    .small--flex-grow-0 {
        flex-grow: 0!important
    }

    .small--flex-grow-1 {
        flex-grow: 1!important
    }

    .small--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .small--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .small--justify-content-start {
        justify-content: flex-start!important
    }

    .small--justify-content-end {
        justify-content: flex-end!important
    }

    .small--justify-content-center {
        justify-content: center!important
    }

    .small--justify-content-between {
        justify-content: space-between!important
    }

    .small--justify-content-around {
        justify-content: space-around!important
    }

    .small--align-items-start {
        align-items: flex-start!important
    }

    .small--align-items-end {
        align-items: flex-end!important
    }

    .small--align-items-center {
        align-items: center!important
    }

    .small--align-items-baseline {
        align-items: baseline!important
    }

    .small--align-items-stretch {
        align-items: stretch!important
    }

    .small--align-content-start {
        align-content: flex-start!important
    }

    .small--align-content-end {
        align-content: flex-end!important
    }

    .small--align-content-center {
        align-content: center!important
    }

    .small--align-content-between {
        align-content: space-between!important
    }

    .small--align-content-around {
        align-content: space-around!important
    }

    .small--align-content-stretch {
        align-content: stretch!important
    }

    .small--align-self-auto {
        align-self: auto!important
    }

    .small--align-self-start {
        align-self: flex-start!important
    }

    .small--align-self-end {
        align-self: flex-end!important
    }

    .small--align-self-center {
        align-self: center!important
    }

    .small--align-self-baseline {
        align-self: baseline!important
    }

    .small--align-self-stretch {
        align-self: stretch!important
    }

    .small--order-first {
        order: -1
    }

    .small--order-last {
        order: 13
    }

    .small--order-0 {
        order: 0
    }

    .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
    }

    .small--order-7 {
        order: 7
    }

    .small--order-8 {
        order: 8
    }

    .small--order-9 {
        order: 9
    }

    .small--order-10 {
        order: 10
    }

    .small--order-11 {
        order: 11
    }

    .small--order-12 {
        order: 12
    }

    .grid--uniform .small--five-tenths:nth-child(odd),.grid--uniform .small--four-eighths:nth-child(odd),.grid--uniform .small--four-twelfths:nth-child(3n+1),.grid--uniform .small--one-eighth:nth-child(8n+1),.grid--uniform .small--one-fifth:nth-child(5n+1),.grid--uniform .small--one-half:nth-child(odd),.grid--uniform .small--one-quarter:nth-child(4n+1),.grid--uniform .small--one-sixth:nth-child(6n+1),.grid--uniform .small--one-third:nth-child(3n+1),.grid--uniform .small--one-twelfth:nth-child(12n+1),.grid--uniform .small--six-twelfths:nth-child(odd),.grid--uniform .small--three-sixths:nth-child(odd),.grid--uniform .small--three-twelfths:nth-child(4n+1),.grid--uniform .small--two-eighths:nth-child(4n+1),.grid--uniform .small--two-sixths:nth-child(3n+1),.grid--uniform .small--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .small--show {
        display: block!important
    }

    .small--hide {
        display: none!important
    }

    .small--text-left {
        text-align: left!important
    }

    .small--text-right {
        text-align: right!important
    }

    .small--text-center {
        text-align: center!important
    }
}

@media only screen and (max-width: 767px) {
    .small-down--one-whole {
        width:100%
    }

    .small-down--one-half {
        width: 50%
    }

    .small-down--one-third {
        width: 33.3333333333%
    }

    .small-down--two-thirds {
        width: 66.6666666667%
    }

    .small-down--one-quarter {
        width: 25%
    }

    .small-down--two-quarters {
        width: 50%
    }

    .small-down--three-quarters {
        width: 75%
    }

    .small-down--one-fifth {
        width: 20%
    }

    .small-down--two-fifths {
        width: 40%
    }

    .small-down--three-fifths {
        width: 60%
    }

    .small-down--four-fifths {
        width: 80%
    }

    .small-down--one-sixth {
        width: 16.6666666667%
    }

    .small-down--two-sixths {
        width: 33.3333333333%
    }

    .small-down--three-sixths {
        width: 50%
    }

    .small-down--four-sixths {
        width: 66.6666666667%
    }

    .small-down--five-sixths {
        width: 83.3333333333%
    }

    .small-down--one-eighth {
        width: 12.5%
    }

    .small-down--two-eighths {
        width: 25%
    }

    .small-down--three-eighths {
        width: 37.5%
    }

    .small-down--four-eighths {
        width: 50%
    }

    .small-down--five-eighths {
        width: 62.5%
    }

    .small-down--six-eighths {
        width: 75%
    }

    .small-down--seven-eighths {
        width: 87.5%
    }

    .small-down--one-tenth {
        width: 10%
    }

    .small-down--two-tenths {
        width: 20%
    }

    .small-down--three-tenths {
        width: 30%
    }

    .small-down--four-tenths {
        width: 40%
    }

    .small-down--five-tenths {
        width: 50%
    }

    .small-down--six-tenths {
        width: 60%
    }

    .small-down--seven-tenths {
        width: 70%
    }

    .small-down--eight-tenths {
        width: 80%
    }

    .small-down--nine-tenths {
        width: 90%
    }

    .small-down--one-twelfth {
        width: 8.3333333333%
    }

    .small-down--two-twelfths {
        width: 16.6666666667%
    }

    .small-down--three-twelfths {
        width: 25%
    }

    .small-down--four-twelfths {
        width: 33.3333333333%
    }

    .small-down--five-twelfths {
        width: 41.6666666667%
    }

    .small-down--six-twelfths {
        width: 50%
    }

    .small-down--seven-twelfths {
        width: 58.3333333333%
    }

    .small-down--eight-twelfths {
        width: 66.6666666667%
    }

    .small-down--nine-twelfths {
        width: 75%
    }

    .small-down--ten-twelfths {
        width: 83.3333333333%
    }

    .small-down--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .small-down--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .small-down--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .small-down--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .small-down--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small-down--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small-down--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small-down--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small-down--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .small-down--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .small-down--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .small-down--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .small-down--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .small-down--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small-down--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small-down--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .small-down--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .small-down--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small-down--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .small-down--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .small-down--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small-down--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .small-down--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .small-down--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .small-down--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .small-down--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .small-down--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .small-down--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .small-down--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .small-down--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .small-down--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .small-down--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .small-down--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .small-down--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .small-down--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .small-down--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .small-down--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .small-down--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .small-down--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .small-down--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .small-down--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .small-down--flex-row {
        flex-direction: row!important
    }

    .small-down--flex-column {
        flex-direction: column!important
    }

    .small-down--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .small-down--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .small-down--flex-wrap {
        flex-wrap: wrap!important
    }

    .small-down--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .small-down--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .small-down--flex-fill {
        flex: 1 1 auto!important
    }

    .small-down--flex-grow-0 {
        flex-grow: 0!important
    }

    .small-down--flex-grow-1 {
        flex-grow: 1!important
    }

    .small-down--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .small-down--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .small-down--justify-content-start {
        justify-content: flex-start!important
    }

    .small-down--justify-content-end {
        justify-content: flex-end!important
    }

    .small-down--justify-content-center {
        justify-content: center!important
    }

    .small-down--justify-content-between {
        justify-content: space-between!important
    }

    .small-down--justify-content-around {
        justify-content: space-around!important
    }

    .small-down--align-items-start {
        align-items: flex-start!important
    }

    .small-down--align-items-end {
        align-items: flex-end!important
    }

    .small-down--align-items-center {
        align-items: center!important
    }

    .small-down--align-items-baseline {
        align-items: baseline!important
    }

    .small-down--align-items-stretch {
        align-items: stretch!important
    }

    .small-down--align-content-start {
        align-content: flex-start!important
    }

    .small-down--align-content-end {
        align-content: flex-end!important
    }

    .small-down--align-content-center {
        align-content: center!important
    }

    .small-down--align-content-between {
        align-content: space-between!important
    }

    .small-down--align-content-around {
        align-content: space-around!important
    }

    .small-down--align-content-stretch {
        align-content: stretch!important
    }

    .small-down--align-self-auto {
        align-self: auto!important
    }

    .small-down--align-self-start {
        align-self: flex-start!important
    }

    .small-down--align-self-end {
        align-self: flex-end!important
    }

    .small-down--align-self-center {
        align-self: center!important
    }

    .small-down--align-self-baseline {
        align-self: baseline!important
    }

    .small-down--align-self-stretch {
        align-self: stretch!important
    }

    .small-down--order-first {
        order: -1
    }

    .small-down--order-last {
        order: 13
    }

    .small-down--order-0 {
        order: 0
    }

    .small-down--order-1 {
        order: 1
    }

    .small-down--order-2 {
        order: 2
    }

    .small-down--order-3 {
        order: 3
    }

    .small-down--order-4 {
        order: 4
    }

    .small-down--order-5 {
        order: 5
    }

    .small-down--order-6 {
        order: 6
    }

    .small-down--order-7 {
        order: 7
    }

    .small-down--order-8 {
        order: 8
    }

    .small-down--order-9 {
        order: 9
    }

    .small-down--order-10 {
        order: 10
    }

    .small-down--order-11 {
        order: 11
    }

    .small-down--order-12 {
        order: 12
    }

    .grid--uniform .small-down--five-tenths:nth-child(odd),.grid--uniform .small-down--four-eighths:nth-child(odd),.grid--uniform .small-down--four-twelfths:nth-child(3n+1),.grid--uniform .small-down--one-eighth:nth-child(8n+1),.grid--uniform .small-down--one-fifth:nth-child(5n+1),.grid--uniform .small-down--one-half:nth-child(odd),.grid--uniform .small-down--one-quarter:nth-child(4n+1),.grid--uniform .small-down--one-sixth:nth-child(6n+1),.grid--uniform .small-down--one-third:nth-child(3n+1),.grid--uniform .small-down--one-twelfth:nth-child(12n+1),.grid--uniform .small-down--six-twelfths:nth-child(odd),.grid--uniform .small-down--three-sixths:nth-child(odd),.grid--uniform .small-down--three-twelfths:nth-child(4n+1),.grid--uniform .small-down--two-eighths:nth-child(4n+1),.grid--uniform .small-down--two-sixths:nth-child(3n+1),.grid--uniform .small-down--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .small-down--show {
        display: block!important
    }

    .small-down--hide {
        display: none!important
    }

    .small-down--text-left {
        text-align: left!important
    }

    .small-down--text-right {
        text-align: right!important
    }

    .small-down--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 768px) and (max-width:990px) {
    .medium--one-whole {
        width:100%
    }

    .medium--one-half {
        width: 50%
    }

    .medium--one-third {
        width: 33.3333333333%
    }

    .medium--two-thirds {
        width: 66.6666666667%
    }

    .medium--one-quarter {
        width: 25%
    }

    .medium--two-quarters {
        width: 50%
    }

    .medium--three-quarters {
        width: 75%
    }

    .medium--one-fifth {
        width: 20%
    }

    .medium--two-fifths {
        width: 40%
    }

    .medium--three-fifths {
        width: 60%
    }

    .medium--four-fifths {
        width: 80%
    }

    .medium--one-sixth {
        width: 16.6666666667%
    }

    .medium--two-sixths {
        width: 33.3333333333%
    }

    .medium--three-sixths {
        width: 50%
    }

    .medium--four-sixths {
        width: 66.6666666667%
    }

    .medium--five-sixths {
        width: 83.3333333333%
    }

    .medium--one-eighth {
        width: 12.5%
    }

    .medium--two-eighths {
        width: 25%
    }

    .medium--three-eighths {
        width: 37.5%
    }

    .medium--four-eighths {
        width: 50%
    }

    .medium--five-eighths {
        width: 62.5%
    }

    .medium--six-eighths {
        width: 75%
    }

    .medium--seven-eighths {
        width: 87.5%
    }

    .medium--one-tenth {
        width: 10%
    }

    .medium--two-tenths {
        width: 20%
    }

    .medium--three-tenths {
        width: 30%
    }

    .medium--four-tenths {
        width: 40%
    }

    .medium--five-tenths {
        width: 50%
    }

    .medium--six-tenths {
        width: 60%
    }

    .medium--seven-tenths {
        width: 70%
    }

    .medium--eight-tenths {
        width: 80%
    }

    .medium--nine-tenths {
        width: 90%
    }

    .medium--one-twelfth {
        width: 8.3333333333%
    }

    .medium--two-twelfths {
        width: 16.6666666667%
    }

    .medium--three-twelfths {
        width: 25%
    }

    .medium--four-twelfths {
        width: 33.3333333333%
    }

    .medium--five-twelfths {
        width: 41.6666666667%
    }

    .medium--six-twelfths {
        width: 50%
    }

    .medium--seven-twelfths {
        width: 58.3333333333%
    }

    .medium--eight-twelfths {
        width: 66.6666666667%
    }

    .medium--nine-twelfths {
        width: 75%
    }

    .medium--ten-twelfths {
        width: 83.3333333333%
    }

    .medium--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .medium--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .medium--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .medium--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .medium--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .medium--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .medium--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .medium--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .medium--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .medium--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .medium--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .medium--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .medium--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .medium--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .medium--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .medium--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium--flex-row {
        flex-direction: row!important
    }

    .medium--flex-column {
        flex-direction: column!important
    }

    .medium--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .medium--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .medium--flex-wrap {
        flex-wrap: wrap!important
    }

    .medium--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .medium--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .medium--flex-fill {
        flex: 1 1 auto!important
    }

    .medium--flex-grow-0 {
        flex-grow: 0!important
    }

    .medium--flex-grow-1 {
        flex-grow: 1!important
    }

    .medium--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .medium--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .medium--justify-content-start {
        justify-content: flex-start!important
    }

    .medium--justify-content-end {
        justify-content: flex-end!important
    }

    .medium--justify-content-center {
        justify-content: center!important
    }

    .medium--justify-content-between {
        justify-content: space-between!important
    }

    .medium--justify-content-around {
        justify-content: space-around!important
    }

    .medium--align-items-start {
        align-items: flex-start!important
    }

    .medium--align-items-end {
        align-items: flex-end!important
    }

    .medium--align-items-center {
        align-items: center!important
    }

    .medium--align-items-baseline {
        align-items: baseline!important
    }

    .medium--align-items-stretch {
        align-items: stretch!important
    }

    .medium--align-content-start {
        align-content: flex-start!important
    }

    .medium--align-content-end {
        align-content: flex-end!important
    }

    .medium--align-content-center {
        align-content: center!important
    }

    .medium--align-content-between {
        align-content: space-between!important
    }

    .medium--align-content-around {
        align-content: space-around!important
    }

    .medium--align-content-stretch {
        align-content: stretch!important
    }

    .medium--align-self-auto {
        align-self: auto!important
    }

    .medium--align-self-start {
        align-self: flex-start!important
    }

    .medium--align-self-end {
        align-self: flex-end!important
    }

    .medium--align-self-center {
        align-self: center!important
    }

    .medium--align-self-baseline {
        align-self: baseline!important
    }

    .medium--align-self-stretch {
        align-self: stretch!important
    }

    .medium--order-first {
        order: -1
    }

    .medium--order-last {
        order: 13
    }

    .medium--order-0 {
        order: 0
    }

    .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
    }

    .medium--order-7 {
        order: 7
    }

    .medium--order-8 {
        order: 8
    }

    .medium--order-9 {
        order: 9
    }

    .medium--order-10 {
        order: 10
    }

    .medium--order-11 {
        order: 11
    }

    .medium--order-12 {
        order: 12
    }

    .grid--uniform .medium--five-tenths:nth-child(odd),.grid--uniform .medium--four-eighths:nth-child(odd),.grid--uniform .medium--four-twelfths:nth-child(3n+1),.grid--uniform .medium--one-eighth:nth-child(8n+1),.grid--uniform .medium--one-fifth:nth-child(5n+1),.grid--uniform .medium--one-half:nth-child(odd),.grid--uniform .medium--one-quarter:nth-child(4n+1),.grid--uniform .medium--one-sixth:nth-child(6n+1),.grid--uniform .medium--one-third:nth-child(3n+1),.grid--uniform .medium--one-twelfth:nth-child(12n+1),.grid--uniform .medium--six-twelfths:nth-child(odd),.grid--uniform .medium--three-sixths:nth-child(odd),.grid--uniform .medium--three-twelfths:nth-child(4n+1),.grid--uniform .medium--two-eighths:nth-child(4n+1),.grid--uniform .medium--two-sixths:nth-child(3n+1),.grid--uniform .medium--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium--show {
        display: block!important
    }

    .medium--hide {
        display: none!important
    }

    .medium--text-left {
        text-align: left!important
    }

    .medium--text-right {
        text-align: right!important
    }

    .medium--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 768px) {
    .medium-up--one-whole {
        width:100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.3333333333%
    }

    .medium-up--two-thirds {
        width: 66.6666666667%
    }

    .medium-up--one-quarter {
        width: 25%
    }

    .medium-up--two-quarters {
        width: 50%
    }

    .medium-up--three-quarters {
        width: 75%
    }

    .medium-up--one-fifth {
        width: 20%
    }

    .medium-up--two-fifths {
        width: 40%
    }

    .medium-up--three-fifths {
        width: 60%
    }

    .medium-up--four-fifths {
        width: 80%
    }

    .medium-up--one-sixth {
        width: 16.6666666667%
    }

    .medium-up--two-sixths {
        width: 33.3333333333%
    }

    .medium-up--three-sixths {
        width: 50%
    }

    .medium-up--four-sixths {
        width: 66.6666666667%
    }

    .medium-up--five-sixths {
        width: 83.3333333333%
    }

    .medium-up--one-eighth {
        width: 12.5%
    }

    .medium-up--two-eighths {
        width: 25%
    }

    .medium-up--three-eighths {
        width: 37.5%
    }

    .medium-up--four-eighths {
        width: 50%
    }

    .medium-up--five-eighths {
        width: 62.5%
    }

    .medium-up--six-eighths {
        width: 75%
    }

    .medium-up--seven-eighths {
        width: 87.5%
    }

    .medium-up--one-tenth {
        width: 10%
    }

    .medium-up--two-tenths {
        width: 20%
    }

    .medium-up--three-tenths {
        width: 30%
    }

    .medium-up--four-tenths {
        width: 40%
    }

    .medium-up--five-tenths {
        width: 50%
    }

    .medium-up--six-tenths {
        width: 60%
    }

    .medium-up--seven-tenths {
        width: 70%
    }

    .medium-up--eight-tenths {
        width: 80%
    }

    .medium-up--nine-tenths {
        width: 90%
    }

    .medium-up--one-twelfth {
        width: 8.3333333333%
    }

    .medium-up--two-twelfths {
        width: 16.6666666667%
    }

    .medium-up--three-twelfths {
        width: 25%
    }

    .medium-up--four-twelfths {
        width: 33.3333333333%
    }

    .medium-up--five-twelfths {
        width: 41.6666666667%
    }

    .medium-up--six-twelfths {
        width: 50%
    }

    .medium-up--seven-twelfths {
        width: 58.3333333333%
    }

    .medium-up--eight-twelfths {
        width: 66.6666666667%
    }

    .medium-up--nine-twelfths {
        width: 75%
    }

    .medium-up--ten-twelfths {
        width: 83.3333333333%
    }

    .medium-up--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .medium-up--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .medium-up--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .medium-up--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .medium-up--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-up--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-up--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-up--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-up--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium-up--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium-up--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium-up--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium-up--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium-up--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-up--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-up--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium-up--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .medium-up--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-up--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .medium-up--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .medium-up--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-up--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .medium-up--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .medium-up--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium-up--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .medium-up--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium-up--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium-up--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .medium-up--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium-up--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .medium-up--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .medium-up--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium-up--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-up--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-up--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .medium-up--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-up--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .medium-up--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-up--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-up--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium-up--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-up--flex-row {
        flex-direction: row!important
    }

    .medium-up--flex-column {
        flex-direction: column!important
    }

    .medium-up--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .medium-up--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .medium-up--flex-wrap {
        flex-wrap: wrap!important
    }

    .medium-up--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .medium-up--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .medium-up--flex-fill {
        flex: 1 1 auto!important
    }

    .medium-up--flex-grow-0 {
        flex-grow: 0!important
    }

    .medium-up--flex-grow-1 {
        flex-grow: 1!important
    }

    .medium-up--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .medium-up--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .medium-up--justify-content-start {
        justify-content: flex-start!important
    }

    .medium-up--justify-content-end {
        justify-content: flex-end!important
    }

    .medium-up--justify-content-center {
        justify-content: center!important
    }

    .medium-up--justify-content-between {
        justify-content: space-between!important
    }

    .medium-up--justify-content-around {
        justify-content: space-around!important
    }

    .medium-up--align-items-start {
        align-items: flex-start!important
    }

    .medium-up--align-items-end {
        align-items: flex-end!important
    }

    .medium-up--align-items-center {
        align-items: center!important
    }

    .medium-up--align-items-baseline {
        align-items: baseline!important
    }

    .medium-up--align-items-stretch {
        align-items: stretch!important
    }

    .medium-up--align-content-start {
        align-content: flex-start!important
    }

    .medium-up--align-content-end {
        align-content: flex-end!important
    }

    .medium-up--align-content-center {
        align-content: center!important
    }

    .medium-up--align-content-between {
        align-content: space-between!important
    }

    .medium-up--align-content-around {
        align-content: space-around!important
    }

    .medium-up--align-content-stretch {
        align-content: stretch!important
    }

    .medium-up--align-self-auto {
        align-self: auto!important
    }

    .medium-up--align-self-start {
        align-self: flex-start!important
    }

    .medium-up--align-self-end {
        align-self: flex-end!important
    }

    .medium-up--align-self-center {
        align-self: center!important
    }

    .medium-up--align-self-baseline {
        align-self: baseline!important
    }

    .medium-up--align-self-stretch {
        align-self: stretch!important
    }

    .medium-up--order-first {
        order: -1
    }

    .medium-up--order-last {
        order: 13
    }

    .medium-up--order-0 {
        order: 0
    }

    .medium-up--order-1 {
        order: 1
    }

    .medium-up--order-2 {
        order: 2
    }

    .medium-up--order-3 {
        order: 3
    }

    .medium-up--order-4 {
        order: 4
    }

    .medium-up--order-5 {
        order: 5
    }

    .medium-up--order-6 {
        order: 6
    }

    .medium-up--order-7 {
        order: 7
    }

    .medium-up--order-8 {
        order: 8
    }

    .medium-up--order-9 {
        order: 9
    }

    .medium-up--order-10 {
        order: 10
    }

    .medium-up--order-11 {
        order: 11
    }

    .medium-up--order-12 {
        order: 12
    }

    .grid--uniform .medium-up--five-tenths:nth-child(odd),.grid--uniform .medium-up--four-eighths:nth-child(odd),.grid--uniform .medium-up--four-twelfths:nth-child(3n+1),.grid--uniform .medium-up--one-eighth:nth-child(8n+1),.grid--uniform .medium-up--one-fifth:nth-child(5n+1),.grid--uniform .medium-up--one-half:nth-child(odd),.grid--uniform .medium-up--one-quarter:nth-child(4n+1),.grid--uniform .medium-up--one-sixth:nth-child(6n+1),.grid--uniform .medium-up--one-third:nth-child(3n+1),.grid--uniform .medium-up--one-twelfth:nth-child(12n+1),.grid--uniform .medium-up--six-twelfths:nth-child(odd),.grid--uniform .medium-up--three-sixths:nth-child(odd),.grid--uniform .medium-up--three-twelfths:nth-child(4n+1),.grid--uniform .medium-up--two-eighths:nth-child(4n+1),.grid--uniform .medium-up--two-sixths:nth-child(3n+1),.grid--uniform .medium-up--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium-up--show {
        display: block!important
    }

    .medium-up--hide {
        display: none!important
    }

    .medium-up--text-left {
        text-align: left!important
    }

    .medium-up--text-right {
        text-align: right!important
    }

    .medium-up--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 991px) {
    .large-up--one-whole {
        width:100%
    }

    .large-up--one-half {
        width: 50%
    }

    .large-up--one-third {
        width: 33.3333333333%
    }

    .large-up--two-thirds {
        width: 66.6666666667%
    }

    .large-up--one-quarter {
        width: 25%
    }

    .large-up--two-quarters {
        width: 50%
    }

    .large-up--three-quarters {
        width: 75%
    }

    .large-up--one-fifth {
        width: 20%
    }

    .large-up--two-fifths {
        width: 40%
    }

    .large-up--three-fifths {
        width: 60%
    }

    .large-up--four-fifths {
        width: 80%
    }

    .large-up--one-sixth {
        width: 16.6666666667%
    }

    .large-up--two-sixths {
        width: 33.3333333333%
    }

    .large-up--three-sixths {
        width: 50%
    }

    .large-up--four-sixths {
        width: 66.6666666667%
    }

    .large-up--five-sixths {
        width: 83.3333333333%
    }

    .large-up--one-eighth {
        width: 12.5%
    }

    .large-up--two-eighths {
        width: 25%
    }

    .large-up--three-eighths {
        width: 37.5%
    }

    .large-up--four-eighths {
        width: 50%
    }

    .large-up--five-eighths {
        width: 62.5%
    }

    .large-up--six-eighths {
        width: 75%
    }

    .large-up--seven-eighths {
        width: 87.5%
    }

    .large-up--one-tenth {
        width: 10%
    }

    .large-up--two-tenths {
        width: 20%
    }

    .large-up--three-tenths {
        width: 30%
    }

    .large-up--four-tenths {
        width: 40%
    }

    .large-up--five-tenths {
        width: 50%
    }

    .large-up--six-tenths {
        width: 60%
    }

    .large-up--seven-tenths {
        width: 70%
    }

    .large-up--eight-tenths {
        width: 80%
    }

    .large-up--nine-tenths {
        width: 90%
    }

    .large-up--one-twelfth {
        width: 8.3333333333%
    }

    .large-up--two-twelfths {
        width: 16.6666666667%
    }

    .large-up--three-twelfths {
        width: 25%
    }

    .large-up--four-twelfths {
        width: 33.3333333333%
    }

    .large-up--five-twelfths {
        width: 41.6666666667%
    }

    .large-up--six-twelfths {
        width: 50%
    }

    .large-up--seven-twelfths {
        width: 58.3333333333%
    }

    .large-up--eight-twelfths {
        width: 66.6666666667%
    }

    .large-up--nine-twelfths {
        width: 75%
    }

    .large-up--ten-twelfths {
        width: 83.3333333333%
    }

    .large-up--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .large-up--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .large-up--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .large-up--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .large-up--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large-up--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large-up--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large-up--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large-up--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .large-up--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .large-up--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .large-up--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .large-up--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .large-up--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large-up--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large-up--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .large-up--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .large-up--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large-up--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .large-up--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .large-up--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large-up--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .large-up--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .large-up--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .large-up--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .large-up--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .large-up--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .large-up--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .large-up--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .large-up--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .large-up--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .large-up--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .large-up--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large-up--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large-up--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .large-up--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large-up--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .large-up--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large-up--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large-up--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .large-up--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .large-up--flex-row {
        flex-direction: row!important
    }

    .large-up--flex-column {
        flex-direction: column!important
    }

    .large-up--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .large-up--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .large-up--flex-wrap {
        flex-wrap: wrap!important
    }

    .large-up--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .large-up--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .large-up--flex-fill {
        flex: 1 1 auto!important
    }

    .large-up--flex-grow-0 {
        flex-grow: 0!important
    }

    .large-up--flex-grow-1 {
        flex-grow: 1!important
    }

    .large-up--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .large-up--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .large-up--justify-content-start {
        justify-content: flex-start!important
    }

    .large-up--justify-content-end {
        justify-content: flex-end!important
    }

    .large-up--justify-content-center {
        justify-content: center!important
    }

    .large-up--justify-content-between {
        justify-content: space-between!important
    }

    .large-up--justify-content-around {
        justify-content: space-around!important
    }

    .large-up--align-items-start {
        align-items: flex-start!important
    }

    .large-up--align-items-end {
        align-items: flex-end!important
    }

    .large-up--align-items-center {
        align-items: center!important
    }

    .large-up--align-items-baseline {
        align-items: baseline!important
    }

    .large-up--align-items-stretch {
        align-items: stretch!important
    }

    .large-up--align-content-start {
        align-content: flex-start!important
    }

    .large-up--align-content-end {
        align-content: flex-end!important
    }

    .large-up--align-content-center {
        align-content: center!important
    }

    .large-up--align-content-between {
        align-content: space-between!important
    }

    .large-up--align-content-around {
        align-content: space-around!important
    }

    .large-up--align-content-stretch {
        align-content: stretch!important
    }

    .large-up--align-self-auto {
        align-self: auto!important
    }

    .large-up--align-self-start {
        align-self: flex-start!important
    }

    .large-up--align-self-end {
        align-self: flex-end!important
    }

    .large-up--align-self-center {
        align-self: center!important
    }

    .large-up--align-self-baseline {
        align-self: baseline!important
    }

    .large-up--align-self-stretch {
        align-self: stretch!important
    }

    .large-up--order-first {
        order: -1
    }

    .large-up--order-last {
        order: 13
    }

    .large-up--order-0 {
        order: 0
    }

    .large-up--order-1 {
        order: 1
    }

    .large-up--order-2 {
        order: 2
    }

    .large-up--order-3 {
        order: 3
    }

    .large-up--order-4 {
        order: 4
    }

    .large-up--order-5 {
        order: 5
    }

    .large-up--order-6 {
        order: 6
    }

    .large-up--order-7 {
        order: 7
    }

    .large-up--order-8 {
        order: 8
    }

    .large-up--order-9 {
        order: 9
    }

    .large-up--order-10 {
        order: 10
    }

    .large-up--order-11 {
        order: 11
    }

    .large-up--order-12 {
        order: 12
    }

    .grid--uniform .large-up--five-tenths:nth-child(odd),.grid--uniform .large-up--four-eighths:nth-child(odd),.grid--uniform .large-up--four-twelfths:nth-child(3n+1),.grid--uniform .large-up--one-eighth:nth-child(8n+1),.grid--uniform .large-up--one-fifth:nth-child(5n+1),.grid--uniform .large-up--one-half:nth-child(odd),.grid--uniform .large-up--one-quarter:nth-child(4n+1),.grid--uniform .large-up--one-sixth:nth-child(6n+1),.grid--uniform .large-up--one-third:nth-child(3n+1),.grid--uniform .large-up--one-twelfth:nth-child(12n+1),.grid--uniform .large-up--six-twelfths:nth-child(odd),.grid--uniform .large-up--three-sixths:nth-child(odd),.grid--uniform .large-up--three-twelfths:nth-child(4n+1),.grid--uniform .large-up--two-eighths:nth-child(4n+1),.grid--uniform .large-up--two-sixths:nth-child(3n+1),.grid--uniform .large-up--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .large-up--show {
        display: block!important
    }

    .large-up--hide {
        display: none!important
    }

    .large-up--text-left {
        text-align: left!important
    }

    .large-up--text-right {
        text-align: right!important
    }

    .large-up--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 991px) and (max-width:1199px) {
    .large--one-whole {
        width:100%
    }

    .large--one-half {
        width: 50%
    }

    .large--one-third {
        width: 33.3333333333%
    }

    .large--two-thirds {
        width: 66.6666666667%
    }

    .large--one-quarter {
        width: 25%
    }

    .large--two-quarters {
        width: 50%
    }

    .large--three-quarters {
        width: 75%
    }

    .large--one-fifth {
        width: 20%
    }

    .large--two-fifths {
        width: 40%
    }

    .large--three-fifths {
        width: 60%
    }

    .large--four-fifths {
        width: 80%
    }

    .large--one-sixth {
        width: 16.6666666667%
    }

    .large--two-sixths {
        width: 33.3333333333%
    }

    .large--three-sixths {
        width: 50%
    }

    .large--four-sixths {
        width: 66.6666666667%
    }

    .large--five-sixths {
        width: 83.3333333333%
    }

    .large--one-eighth {
        width: 12.5%
    }

    .large--two-eighths {
        width: 25%
    }

    .large--three-eighths {
        width: 37.5%
    }

    .large--four-eighths {
        width: 50%
    }

    .large--five-eighths {
        width: 62.5%
    }

    .large--six-eighths {
        width: 75%
    }

    .large--seven-eighths {
        width: 87.5%
    }

    .large--one-tenth {
        width: 10%
    }

    .large--two-tenths {
        width: 20%
    }

    .large--three-tenths {
        width: 30%
    }

    .large--four-tenths {
        width: 40%
    }

    .large--five-tenths {
        width: 50%
    }

    .large--six-tenths {
        width: 60%
    }

    .large--seven-tenths {
        width: 70%
    }

    .large--eight-tenths {
        width: 80%
    }

    .large--nine-tenths {
        width: 90%
    }

    .large--one-twelfth {
        width: 8.3333333333%
    }

    .large--two-twelfths {
        width: 16.6666666667%
    }

    .large--three-twelfths {
        width: 25%
    }

    .large--four-twelfths {
        width: 33.3333333333%
    }

    .large--five-twelfths {
        width: 41.6666666667%
    }

    .large--six-twelfths {
        width: 50%
    }

    .large--seven-twelfths {
        width: 58.3333333333%
    }

    .large--eight-twelfths {
        width: 66.6666666667%
    }

    .large--nine-twelfths {
        width: 75%
    }

    .large--ten-twelfths {
        width: 83.3333333333%
    }

    .large--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .large--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .large--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .large--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .large--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .large--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .large--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .large--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .large--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .large--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .large--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .large--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .large--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .large--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .large--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .large--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .large--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .large--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .large--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .large--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .large--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .large--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .large--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .large--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .large--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .large--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .large--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .large--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .large--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .large--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .large--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .large--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .large--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .large--flex-row {
        flex-direction: row!important
    }

    .large--flex-column {
        flex-direction: column!important
    }

    .large--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .large--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .large--flex-wrap {
        flex-wrap: wrap!important
    }

    .large--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .large--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .large--flex-fill {
        flex: 1 1 auto!important
    }

    .large--flex-grow-0 {
        flex-grow: 0!important
    }

    .large--flex-grow-1 {
        flex-grow: 1!important
    }

    .large--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .large--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .large--justify-content-start {
        justify-content: flex-start!important
    }

    .large--justify-content-end {
        justify-content: flex-end!important
    }

    .large--justify-content-center {
        justify-content: center!important
    }

    .large--justify-content-between {
        justify-content: space-between!important
    }

    .large--justify-content-around {
        justify-content: space-around!important
    }

    .large--align-items-start {
        align-items: flex-start!important
    }

    .large--align-items-end {
        align-items: flex-end!important
    }

    .large--align-items-center {
        align-items: center!important
    }

    .large--align-items-baseline {
        align-items: baseline!important
    }

    .large--align-items-stretch {
        align-items: stretch!important
    }

    .large--align-content-start {
        align-content: flex-start!important
    }

    .large--align-content-end {
        align-content: flex-end!important
    }

    .large--align-content-center {
        align-content: center!important
    }

    .large--align-content-between {
        align-content: space-between!important
    }

    .large--align-content-around {
        align-content: space-around!important
    }

    .large--align-content-stretch {
        align-content: stretch!important
    }

    .large--align-self-auto {
        align-self: auto!important
    }

    .large--align-self-start {
        align-self: flex-start!important
    }

    .large--align-self-end {
        align-self: flex-end!important
    }

    .large--align-self-center {
        align-self: center!important
    }

    .large--align-self-baseline {
        align-self: baseline!important
    }

    .large--align-self-stretch {
        align-self: stretch!important
    }

    .large--order-first {
        order: -1
    }

    .large--order-last {
        order: 13
    }

    .large--order-0 {
        order: 0
    }

    .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
    }

    .large--order-7 {
        order: 7
    }

    .large--order-8 {
        order: 8
    }

    .large--order-9 {
        order: 9
    }

    .large--order-10 {
        order: 10
    }

    .large--order-11 {
        order: 11
    }

    .large--order-12 {
        order: 12
    }

    .grid--uniform .large--five-tenths:nth-child(odd),.grid--uniform .large--four-eighths:nth-child(odd),.grid--uniform .large--four-twelfths:nth-child(3n+1),.grid--uniform .large--one-eighth:nth-child(8n+1),.grid--uniform .large--one-fifth:nth-child(5n+1),.grid--uniform .large--one-half:nth-child(odd),.grid--uniform .large--one-quarter:nth-child(4n+1),.grid--uniform .large--one-sixth:nth-child(6n+1),.grid--uniform .large--one-third:nth-child(3n+1),.grid--uniform .large--one-twelfth:nth-child(12n+1),.grid--uniform .large--six-twelfths:nth-child(odd),.grid--uniform .large--three-sixths:nth-child(odd),.grid--uniform .large--three-twelfths:nth-child(4n+1),.grid--uniform .large--two-eighths:nth-child(4n+1),.grid--uniform .large--two-sixths:nth-child(3n+1),.grid--uniform .large--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .large--show {
        display: block!important
    }

    .large--hide {
        display: none!important
    }

    .large--text-left {
        text-align: left!important
    }

    .large--text-right {
        text-align: right!important
    }

    .large--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 1200px) {
    .xlarge-up--one-whole {
        width:100%
    }

    .xlarge-up--one-half {
        width: 50%
    }

    .xlarge-up--one-third {
        width: 33.3333333333%
    }

    .xlarge-up--two-thirds {
        width: 66.6666666667%
    }

    .xlarge-up--one-quarter {
        width: 25%
    }

    .xlarge-up--two-quarters {
        width: 50%
    }

    .xlarge-up--three-quarters {
        width: 75%
    }

    .xlarge-up--one-fifth {
        width: 20%
    }

    .xlarge-up--two-fifths {
        width: 40%
    }

    .xlarge-up--three-fifths {
        width: 60%
    }

    .xlarge-up--four-fifths {
        width: 80%
    }

    .xlarge-up--one-sixth {
        width: 16.6666666667%
    }

    .xlarge-up--two-sixths {
        width: 33.3333333333%
    }

    .xlarge-up--three-sixths {
        width: 50%
    }

    .xlarge-up--four-sixths {
        width: 66.6666666667%
    }

    .xlarge-up--five-sixths {
        width: 83.3333333333%
    }

    .xlarge-up--one-eighth {
        width: 12.5%
    }

    .xlarge-up--two-eighths {
        width: 25%
    }

    .xlarge-up--three-eighths {
        width: 37.5%
    }

    .xlarge-up--four-eighths {
        width: 50%
    }

    .xlarge-up--five-eighths {
        width: 62.5%
    }

    .xlarge-up--six-eighths {
        width: 75%
    }

    .xlarge-up--seven-eighths {
        width: 87.5%
    }

    .xlarge-up--one-tenth {
        width: 10%
    }

    .xlarge-up--two-tenths {
        width: 20%
    }

    .xlarge-up--three-tenths {
        width: 30%
    }

    .xlarge-up--four-tenths {
        width: 40%
    }

    .xlarge-up--five-tenths {
        width: 50%
    }

    .xlarge-up--six-tenths {
        width: 60%
    }

    .xlarge-up--seven-tenths {
        width: 70%
    }

    .xlarge-up--eight-tenths {
        width: 80%
    }

    .xlarge-up--nine-tenths {
        width: 90%
    }

    .xlarge-up--one-twelfth {
        width: 8.3333333333%
    }

    .xlarge-up--two-twelfths {
        width: 16.6666666667%
    }

    .xlarge-up--three-twelfths {
        width: 25%
    }

    .xlarge-up--four-twelfths {
        width: 33.3333333333%
    }

    .xlarge-up--five-twelfths {
        width: 41.6666666667%
    }

    .xlarge-up--six-twelfths {
        width: 50%
    }

    .xlarge-up--seven-twelfths {
        width: 58.3333333333%
    }

    .xlarge-up--eight-twelfths {
        width: 66.6666666667%
    }

    .xlarge-up--nine-twelfths {
        width: 75%
    }

    .xlarge-up--ten-twelfths {
        width: 83.3333333333%
    }

    .xlarge-up--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .xlarge-up--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .xlarge-up--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .xlarge-up--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .xlarge-up--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-up--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-up--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-up--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-up--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge-up--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge-up--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge-up--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge-up--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge-up--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-up--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-up--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge-up--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .xlarge-up--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-up--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .xlarge-up--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .xlarge-up--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-up--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .xlarge-up--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .xlarge-up--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge-up--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .xlarge-up--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge-up--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge-up--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .xlarge-up--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge-up--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .xlarge-up--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .xlarge-up--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge-up--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-up--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-up--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .xlarge-up--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-up--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .xlarge-up--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-up--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-up--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge-up--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge-up--flex-row {
        flex-direction: row!important
    }

    .xlarge-up--flex-column {
        flex-direction: column!important
    }

    .xlarge-up--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xlarge-up--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .xlarge-up--flex-wrap {
        flex-wrap: wrap!important
    }

    .xlarge-up--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .xlarge-up--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .xlarge-up--flex-fill {
        flex: 1 1 auto!important
    }

    .xlarge-up--flex-grow-0 {
        flex-grow: 0!important
    }

    .xlarge-up--flex-grow-1 {
        flex-grow: 1!important
    }

    .xlarge-up--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .xlarge-up--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .xlarge-up--justify-content-start {
        justify-content: flex-start!important
    }

    .xlarge-up--justify-content-end {
        justify-content: flex-end!important
    }

    .xlarge-up--justify-content-center {
        justify-content: center!important
    }

    .xlarge-up--justify-content-between {
        justify-content: space-between!important
    }

    .xlarge-up--justify-content-around {
        justify-content: space-around!important
    }

    .xlarge-up--align-items-start {
        align-items: flex-start!important
    }

    .xlarge-up--align-items-end {
        align-items: flex-end!important
    }

    .xlarge-up--align-items-center {
        align-items: center!important
    }

    .xlarge-up--align-items-baseline {
        align-items: baseline!important
    }

    .xlarge-up--align-items-stretch {
        align-items: stretch!important
    }

    .xlarge-up--align-content-start {
        align-content: flex-start!important
    }

    .xlarge-up--align-content-end {
        align-content: flex-end!important
    }

    .xlarge-up--align-content-center {
        align-content: center!important
    }

    .xlarge-up--align-content-between {
        align-content: space-between!important
    }

    .xlarge-up--align-content-around {
        align-content: space-around!important
    }

    .xlarge-up--align-content-stretch {
        align-content: stretch!important
    }

    .xlarge-up--align-self-auto {
        align-self: auto!important
    }

    .xlarge-up--align-self-start {
        align-self: flex-start!important
    }

    .xlarge-up--align-self-end {
        align-self: flex-end!important
    }

    .xlarge-up--align-self-center {
        align-self: center!important
    }

    .xlarge-up--align-self-baseline {
        align-self: baseline!important
    }

    .xlarge-up--align-self-stretch {
        align-self: stretch!important
    }

    .xlarge-up--order-first {
        order: -1
    }

    .xlarge-up--order-last {
        order: 13
    }

    .xlarge-up--order-0 {
        order: 0
    }

    .xlarge-up--order-1 {
        order: 1
    }

    .xlarge-up--order-2 {
        order: 2
    }

    .xlarge-up--order-3 {
        order: 3
    }

    .xlarge-up--order-4 {
        order: 4
    }

    .xlarge-up--order-5 {
        order: 5
    }

    .xlarge-up--order-6 {
        order: 6
    }

    .xlarge-up--order-7 {
        order: 7
    }

    .xlarge-up--order-8 {
        order: 8
    }

    .xlarge-up--order-9 {
        order: 9
    }

    .xlarge-up--order-10 {
        order: 10
    }

    .xlarge-up--order-11 {
        order: 11
    }

    .xlarge-up--order-12 {
        order: 12
    }

    .grid--uniform .xlarge-up--five-tenths:nth-child(odd),.grid--uniform .xlarge-up--four-eighths:nth-child(odd),.grid--uniform .xlarge-up--four-twelfths:nth-child(3n+1),.grid--uniform .xlarge-up--one-eighth:nth-child(8n+1),.grid--uniform .xlarge-up--one-fifth:nth-child(5n+1),.grid--uniform .xlarge-up--one-half:nth-child(odd),.grid--uniform .xlarge-up--one-quarter:nth-child(4n+1),.grid--uniform .xlarge-up--one-sixth:nth-child(6n+1),.grid--uniform .xlarge-up--one-third:nth-child(3n+1),.grid--uniform .xlarge-up--one-twelfth:nth-child(12n+1),.grid--uniform .xlarge-up--six-twelfths:nth-child(odd),.grid--uniform .xlarge-up--three-sixths:nth-child(odd),.grid--uniform .xlarge-up--three-twelfths:nth-child(4n+1),.grid--uniform .xlarge-up--two-eighths:nth-child(4n+1),.grid--uniform .xlarge-up--two-sixths:nth-child(3n+1),.grid--uniform .xlarge-up--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .xlarge-up--show {
        display: block!important
    }

    .xlarge-up--hide {
        display: none!important
    }

    .xlarge-up--text-left {
        text-align: left!important
    }

    .xlarge-up--text-right {
        text-align: right!important
    }

    .xlarge-up--text-center {
        text-align: center!important
    }
}

@media only screen and (max-width: 1399px) {
    .xlarge-down--one-whole {
        width:100%
    }

    .xlarge-down--one-half {
        width: 50%
    }

    .xlarge-down--one-third {
        width: 33.3333333333%
    }

    .xlarge-down--two-thirds {
        width: 66.6666666667%
    }

    .xlarge-down--one-quarter {
        width: 25%
    }

    .xlarge-down--two-quarters {
        width: 50%
    }

    .xlarge-down--three-quarters {
        width: 75%
    }

    .xlarge-down--one-fifth {
        width: 20%
    }

    .xlarge-down--two-fifths {
        width: 40%
    }

    .xlarge-down--three-fifths {
        width: 60%
    }

    .xlarge-down--four-fifths {
        width: 80%
    }

    .xlarge-down--one-sixth {
        width: 16.6666666667%
    }

    .xlarge-down--two-sixths {
        width: 33.3333333333%
    }

    .xlarge-down--three-sixths {
        width: 50%
    }

    .xlarge-down--four-sixths {
        width: 66.6666666667%
    }

    .xlarge-down--five-sixths {
        width: 83.3333333333%
    }

    .xlarge-down--one-eighth {
        width: 12.5%
    }

    .xlarge-down--two-eighths {
        width: 25%
    }

    .xlarge-down--three-eighths {
        width: 37.5%
    }

    .xlarge-down--four-eighths {
        width: 50%
    }

    .xlarge-down--five-eighths {
        width: 62.5%
    }

    .xlarge-down--six-eighths {
        width: 75%
    }

    .xlarge-down--seven-eighths {
        width: 87.5%
    }

    .xlarge-down--one-tenth {
        width: 10%
    }

    .xlarge-down--two-tenths {
        width: 20%
    }

    .xlarge-down--three-tenths {
        width: 30%
    }

    .xlarge-down--four-tenths {
        width: 40%
    }

    .xlarge-down--five-tenths {
        width: 50%
    }

    .xlarge-down--six-tenths {
        width: 60%
    }

    .xlarge-down--seven-tenths {
        width: 70%
    }

    .xlarge-down--eight-tenths {
        width: 80%
    }

    .xlarge-down--nine-tenths {
        width: 90%
    }

    .xlarge-down--one-twelfth {
        width: 8.3333333333%
    }

    .xlarge-down--two-twelfths {
        width: 16.6666666667%
    }

    .xlarge-down--three-twelfths {
        width: 25%
    }

    .xlarge-down--four-twelfths {
        width: 33.3333333333%
    }

    .xlarge-down--five-twelfths {
        width: 41.6666666667%
    }

    .xlarge-down--six-twelfths {
        width: 50%
    }

    .xlarge-down--seven-twelfths {
        width: 58.3333333333%
    }

    .xlarge-down--eight-twelfths {
        width: 66.6666666667%
    }

    .xlarge-down--nine-twelfths {
        width: 75%
    }

    .xlarge-down--ten-twelfths {
        width: 83.3333333333%
    }

    .xlarge-down--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .xlarge-down--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .xlarge-down--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .xlarge-down--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .xlarge-down--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-down--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-down--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-down--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-down--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge-down--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge-down--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge-down--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge-down--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge-down--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-down--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-down--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge-down--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .xlarge-down--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-down--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .xlarge-down--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .xlarge-down--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-down--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .xlarge-down--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .xlarge-down--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge-down--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .xlarge-down--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge-down--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge-down--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .xlarge-down--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge-down--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .xlarge-down--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .xlarge-down--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge-down--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge-down--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge-down--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .xlarge-down--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge-down--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .xlarge-down--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge-down--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge-down--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge-down--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge-down--flex-row {
        flex-direction: row!important
    }

    .xlarge-down--flex-column {
        flex-direction: column!important
    }

    .xlarge-down--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xlarge-down--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .xlarge-down--flex-wrap {
        flex-wrap: wrap!important
    }

    .xlarge-down--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .xlarge-down--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .xlarge-down--flex-fill {
        flex: 1 1 auto!important
    }

    .xlarge-down--flex-grow-0 {
        flex-grow: 0!important
    }

    .xlarge-down--flex-grow-1 {
        flex-grow: 1!important
    }

    .xlarge-down--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .xlarge-down--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .xlarge-down--justify-content-start {
        justify-content: flex-start!important
    }

    .xlarge-down--justify-content-end {
        justify-content: flex-end!important
    }

    .xlarge-down--justify-content-center {
        justify-content: center!important
    }

    .xlarge-down--justify-content-between {
        justify-content: space-between!important
    }

    .xlarge-down--justify-content-around {
        justify-content: space-around!important
    }

    .xlarge-down--align-items-start {
        align-items: flex-start!important
    }

    .xlarge-down--align-items-end {
        align-items: flex-end!important
    }

    .xlarge-down--align-items-center {
        align-items: center!important
    }

    .xlarge-down--align-items-baseline {
        align-items: baseline!important
    }

    .xlarge-down--align-items-stretch {
        align-items: stretch!important
    }

    .xlarge-down--align-content-start {
        align-content: flex-start!important
    }

    .xlarge-down--align-content-end {
        align-content: flex-end!important
    }

    .xlarge-down--align-content-center {
        align-content: center!important
    }

    .xlarge-down--align-content-between {
        align-content: space-between!important
    }

    .xlarge-down--align-content-around {
        align-content: space-around!important
    }

    .xlarge-down--align-content-stretch {
        align-content: stretch!important
    }

    .xlarge-down--align-self-auto {
        align-self: auto!important
    }

    .xlarge-down--align-self-start {
        align-self: flex-start!important
    }

    .xlarge-down--align-self-end {
        align-self: flex-end!important
    }

    .xlarge-down--align-self-center {
        align-self: center!important
    }

    .xlarge-down--align-self-baseline {
        align-self: baseline!important
    }

    .xlarge-down--align-self-stretch {
        align-self: stretch!important
    }

    .xlarge-down--order-first {
        order: -1
    }

    .xlarge-down--order-last {
        order: 13
    }

    .xlarge-down--order-0 {
        order: 0
    }

    .xlarge-down--order-1 {
        order: 1
    }

    .xlarge-down--order-2 {
        order: 2
    }

    .xlarge-down--order-3 {
        order: 3
    }

    .xlarge-down--order-4 {
        order: 4
    }

    .xlarge-down--order-5 {
        order: 5
    }

    .xlarge-down--order-6 {
        order: 6
    }

    .xlarge-down--order-7 {
        order: 7
    }

    .xlarge-down--order-8 {
        order: 8
    }

    .xlarge-down--order-9 {
        order: 9
    }

    .xlarge-down--order-10 {
        order: 10
    }

    .xlarge-down--order-11 {
        order: 11
    }

    .xlarge-down--order-12 {
        order: 12
    }

    .grid--uniform .xlarge-down--five-tenths:nth-child(odd),.grid--uniform .xlarge-down--four-eighths:nth-child(odd),.grid--uniform .xlarge-down--four-twelfths:nth-child(3n+1),.grid--uniform .xlarge-down--one-eighth:nth-child(8n+1),.grid--uniform .xlarge-down--one-fifth:nth-child(5n+1),.grid--uniform .xlarge-down--one-half:nth-child(odd),.grid--uniform .xlarge-down--one-quarter:nth-child(4n+1),.grid--uniform .xlarge-down--one-sixth:nth-child(6n+1),.grid--uniform .xlarge-down--one-third:nth-child(3n+1),.grid--uniform .xlarge-down--one-twelfth:nth-child(12n+1),.grid--uniform .xlarge-down--six-twelfths:nth-child(odd),.grid--uniform .xlarge-down--three-sixths:nth-child(odd),.grid--uniform .xlarge-down--three-twelfths:nth-child(4n+1),.grid--uniform .xlarge-down--two-eighths:nth-child(4n+1),.grid--uniform .xlarge-down--two-sixths:nth-child(3n+1),.grid--uniform .xlarge-down--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .xlarge-down--show {
        display: block!important
    }

    .xlarge-down--hide {
        display: none!important
    }

    .xlarge-down--text-left {
        text-align: left!important
    }

    .xlarge-down--text-right {
        text-align: right!important
    }

    .xlarge-down--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .xlarge--one-whole {
        width:100%
    }

    .xlarge--one-half {
        width: 50%
    }

    .xlarge--one-third {
        width: 33.3333333333%
    }

    .xlarge--two-thirds {
        width: 66.6666666667%
    }

    .xlarge--one-quarter {
        width: 25%
    }

    .xlarge--two-quarters {
        width: 50%
    }

    .xlarge--three-quarters {
        width: 75%
    }

    .xlarge--one-fifth {
        width: 20%
    }

    .xlarge--two-fifths {
        width: 40%
    }

    .xlarge--three-fifths {
        width: 60%
    }

    .xlarge--four-fifths {
        width: 80%
    }

    .xlarge--one-sixth {
        width: 16.6666666667%
    }

    .xlarge--two-sixths {
        width: 33.3333333333%
    }

    .xlarge--three-sixths {
        width: 50%
    }

    .xlarge--four-sixths {
        width: 66.6666666667%
    }

    .xlarge--five-sixths {
        width: 83.3333333333%
    }

    .xlarge--one-eighth {
        width: 12.5%
    }

    .xlarge--two-eighths {
        width: 25%
    }

    .xlarge--three-eighths {
        width: 37.5%
    }

    .xlarge--four-eighths {
        width: 50%
    }

    .xlarge--five-eighths {
        width: 62.5%
    }

    .xlarge--six-eighths {
        width: 75%
    }

    .xlarge--seven-eighths {
        width: 87.5%
    }

    .xlarge--one-tenth {
        width: 10%
    }

    .xlarge--two-tenths {
        width: 20%
    }

    .xlarge--three-tenths {
        width: 30%
    }

    .xlarge--four-tenths {
        width: 40%
    }

    .xlarge--five-tenths {
        width: 50%
    }

    .xlarge--six-tenths {
        width: 60%
    }

    .xlarge--seven-tenths {
        width: 70%
    }

    .xlarge--eight-tenths {
        width: 80%
    }

    .xlarge--nine-tenths {
        width: 90%
    }

    .xlarge--one-twelfth {
        width: 8.3333333333%
    }

    .xlarge--two-twelfths {
        width: 16.6666666667%
    }

    .xlarge--three-twelfths {
        width: 25%
    }

    .xlarge--four-twelfths {
        width: 33.3333333333%
    }

    .xlarge--five-twelfths {
        width: 41.6666666667%
    }

    .xlarge--six-twelfths {
        width: 50%
    }

    .xlarge--seven-twelfths {
        width: 58.3333333333%
    }

    .xlarge--eight-twelfths {
        width: 66.6666666667%
    }

    .xlarge--nine-twelfths {
        width: 75%
    }

    .xlarge--ten-twelfths {
        width: 83.3333333333%
    }

    .xlarge--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .xlarge--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .xlarge--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .xlarge--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .xlarge--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .xlarge--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .xlarge--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .xlarge--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .xlarge--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .xlarge--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .xlarge--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .xlarge--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .xlarge--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .xlarge--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .xlarge--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .xlarge--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .xlarge--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .xlarge--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .xlarge--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .xlarge--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .xlarge--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .xlarge--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .xlarge--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .xlarge--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .xlarge--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .xlarge--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .xlarge--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .xlarge--flex-row {
        flex-direction: row!important
    }

    .xlarge--flex-column {
        flex-direction: column!important
    }

    .xlarge--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .xlarge--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .xlarge--flex-wrap {
        flex-wrap: wrap!important
    }

    .xlarge--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .xlarge--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .xlarge--flex-fill {
        flex: 1 1 auto!important
    }

    .xlarge--flex-grow-0 {
        flex-grow: 0!important
    }

    .xlarge--flex-grow-1 {
        flex-grow: 1!important
    }

    .xlarge--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .xlarge--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .xlarge--justify-content-start {
        justify-content: flex-start!important
    }

    .xlarge--justify-content-end {
        justify-content: flex-end!important
    }

    .xlarge--justify-content-center {
        justify-content: center!important
    }

    .xlarge--justify-content-between {
        justify-content: space-between!important
    }

    .xlarge--justify-content-around {
        justify-content: space-around!important
    }

    .xlarge--align-items-start {
        align-items: flex-start!important
    }

    .xlarge--align-items-end {
        align-items: flex-end!important
    }

    .xlarge--align-items-center {
        align-items: center!important
    }

    .xlarge--align-items-baseline {
        align-items: baseline!important
    }

    .xlarge--align-items-stretch {
        align-items: stretch!important
    }

    .xlarge--align-content-start {
        align-content: flex-start!important
    }

    .xlarge--align-content-end {
        align-content: flex-end!important
    }

    .xlarge--align-content-center {
        align-content: center!important
    }

    .xlarge--align-content-between {
        align-content: space-between!important
    }

    .xlarge--align-content-around {
        align-content: space-around!important
    }

    .xlarge--align-content-stretch {
        align-content: stretch!important
    }

    .xlarge--align-self-auto {
        align-self: auto!important
    }

    .xlarge--align-self-start {
        align-self: flex-start!important
    }

    .xlarge--align-self-end {
        align-self: flex-end!important
    }

    .xlarge--align-self-center {
        align-self: center!important
    }

    .xlarge--align-self-baseline {
        align-self: baseline!important
    }

    .xlarge--align-self-stretch {
        align-self: stretch!important
    }

    .xlarge--order-first {
        order: -1
    }

    .xlarge--order-last {
        order: 13
    }

    .xlarge--order-0 {
        order: 0
    }

    .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
    }

    .xlarge--order-7 {
        order: 7
    }

    .xlarge--order-8 {
        order: 8
    }

    .xlarge--order-9 {
        order: 9
    }

    .xlarge--order-10 {
        order: 10
    }

    .xlarge--order-11 {
        order: 11
    }

    .xlarge--order-12 {
        order: 12
    }

    .grid--uniform .xlarge--five-tenths:nth-child(odd),.grid--uniform .xlarge--four-eighths:nth-child(odd),.grid--uniform .xlarge--four-twelfths:nth-child(3n+1),.grid--uniform .xlarge--one-eighth:nth-child(8n+1),.grid--uniform .xlarge--one-fifth:nth-child(5n+1),.grid--uniform .xlarge--one-half:nth-child(odd),.grid--uniform .xlarge--one-quarter:nth-child(4n+1),.grid--uniform .xlarge--one-sixth:nth-child(6n+1),.grid--uniform .xlarge--one-third:nth-child(3n+1),.grid--uniform .xlarge--one-twelfth:nth-child(12n+1),.grid--uniform .xlarge--six-twelfths:nth-child(odd),.grid--uniform .xlarge--three-sixths:nth-child(odd),.grid--uniform .xlarge--three-twelfths:nth-child(4n+1),.grid--uniform .xlarge--two-eighths:nth-child(4n+1),.grid--uniform .xlarge--two-sixths:nth-child(3n+1),.grid--uniform .xlarge--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .xlarge--show {
        display: block!important
    }

    .xlarge--hide {
        display: none!important
    }

    .xlarge--text-left {
        text-align: left!important
    }

    .xlarge--text-right {
        text-align: right!important
    }

    .xlarge--text-center {
        text-align: center!important
    }
}

@media only screen and (max-width: 990px) {
    .medium-down--one-whole {
        width:100%
    }

    .medium-down--one-half {
        width: 50%
    }

    .medium-down--one-third {
        width: 33.3333333333%
    }

    .medium-down--two-thirds {
        width: 66.6666666667%
    }

    .medium-down--one-quarter {
        width: 25%
    }

    .medium-down--two-quarters {
        width: 50%
    }

    .medium-down--three-quarters {
        width: 75%
    }

    .medium-down--one-fifth {
        width: 20%
    }

    .medium-down--two-fifths {
        width: 40%
    }

    .medium-down--three-fifths {
        width: 60%
    }

    .medium-down--four-fifths {
        width: 80%
    }

    .medium-down--one-sixth {
        width: 16.6666666667%
    }

    .medium-down--two-sixths {
        width: 33.3333333333%
    }

    .medium-down--three-sixths {
        width: 50%
    }

    .medium-down--four-sixths {
        width: 66.6666666667%
    }

    .medium-down--five-sixths {
        width: 83.3333333333%
    }

    .medium-down--one-eighth {
        width: 12.5%
    }

    .medium-down--two-eighths {
        width: 25%
    }

    .medium-down--three-eighths {
        width: 37.5%
    }

    .medium-down--four-eighths {
        width: 50%
    }

    .medium-down--five-eighths {
        width: 62.5%
    }

    .medium-down--six-eighths {
        width: 75%
    }

    .medium-down--seven-eighths {
        width: 87.5%
    }

    .medium-down--one-tenth {
        width: 10%
    }

    .medium-down--two-tenths {
        width: 20%
    }

    .medium-down--three-tenths {
        width: 30%
    }

    .medium-down--four-tenths {
        width: 40%
    }

    .medium-down--five-tenths {
        width: 50%
    }

    .medium-down--six-tenths {
        width: 60%
    }

    .medium-down--seven-tenths {
        width: 70%
    }

    .medium-down--eight-tenths {
        width: 80%
    }

    .medium-down--nine-tenths {
        width: 90%
    }

    .medium-down--one-twelfth {
        width: 8.3333333333%
    }

    .medium-down--two-twelfths {
        width: 16.6666666667%
    }

    .medium-down--three-twelfths {
        width: 25%
    }

    .medium-down--four-twelfths {
        width: 33.3333333333%
    }

    .medium-down--five-twelfths {
        width: 41.6666666667%
    }

    .medium-down--six-twelfths {
        width: 50%
    }

    .medium-down--seven-twelfths {
        width: 58.3333333333%
    }

    .medium-down--eight-twelfths {
        width: 66.6666666667%
    }

    .medium-down--nine-twelfths {
        width: 75%
    }

    .medium-down--ten-twelfths {
        width: 83.3333333333%
    }

    .medium-down--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .medium-down--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .medium-down--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .medium-down--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .medium-down--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-down--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-down--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-down--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-down--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium-down--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium-down--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium-down--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium-down--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium-down--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-down--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-down--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium-down--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .medium-down--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-down--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .medium-down--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .medium-down--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-down--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .medium-down--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .medium-down--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .medium-down--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .medium-down--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .medium-down--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .medium-down--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .medium-down--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .medium-down--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .medium-down--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .medium-down--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .medium-down--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .medium-down--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .medium-down--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .medium-down--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .medium-down--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .medium-down--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .medium-down--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .medium-down--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .medium-down--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-down--flex-row {
        flex-direction: row!important
    }

    .medium-down--flex-column {
        flex-direction: column!important
    }

    .medium-down--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .medium-down--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .medium-down--flex-wrap {
        flex-wrap: wrap!important
    }

    .medium-down--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .medium-down--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .medium-down--flex-fill {
        flex: 1 1 auto!important
    }

    .medium-down--flex-grow-0 {
        flex-grow: 0!important
    }

    .medium-down--flex-grow-1 {
        flex-grow: 1!important
    }

    .medium-down--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .medium-down--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .medium-down--justify-content-start {
        justify-content: flex-start!important
    }

    .medium-down--justify-content-end {
        justify-content: flex-end!important
    }

    .medium-down--justify-content-center {
        justify-content: center!important
    }

    .medium-down--justify-content-between {
        justify-content: space-between!important
    }

    .medium-down--justify-content-around {
        justify-content: space-around!important
    }

    .medium-down--align-items-start {
        align-items: flex-start!important
    }

    .medium-down--align-items-end {
        align-items: flex-end!important
    }

    .medium-down--align-items-center {
        align-items: center!important
    }

    .medium-down--align-items-baseline {
        align-items: baseline!important
    }

    .medium-down--align-items-stretch {
        align-items: stretch!important
    }

    .medium-down--align-content-start {
        align-content: flex-start!important
    }

    .medium-down--align-content-end {
        align-content: flex-end!important
    }

    .medium-down--align-content-center {
        align-content: center!important
    }

    .medium-down--align-content-between {
        align-content: space-between!important
    }

    .medium-down--align-content-around {
        align-content: space-around!important
    }

    .medium-down--align-content-stretch {
        align-content: stretch!important
    }

    .medium-down--align-self-auto {
        align-self: auto!important
    }

    .medium-down--align-self-start {
        align-self: flex-start!important
    }

    .medium-down--align-self-end {
        align-self: flex-end!important
    }

    .medium-down--align-self-center {
        align-self: center!important
    }

    .medium-down--align-self-baseline {
        align-self: baseline!important
    }

    .medium-down--align-self-stretch {
        align-self: stretch!important
    }

    .medium-down--order-first {
        order: -1
    }

    .medium-down--order-last {
        order: 13
    }

    .medium-down--order-0 {
        order: 0
    }

    .medium-down--order-1 {
        order: 1
    }

    .medium-down--order-2 {
        order: 2
    }

    .medium-down--order-3 {
        order: 3
    }

    .medium-down--order-4 {
        order: 4
    }

    .medium-down--order-5 {
        order: 5
    }

    .medium-down--order-6 {
        order: 6
    }

    .medium-down--order-7 {
        order: 7
    }

    .medium-down--order-8 {
        order: 8
    }

    .medium-down--order-9 {
        order: 9
    }

    .medium-down--order-10 {
        order: 10
    }

    .medium-down--order-11 {
        order: 11
    }

    .medium-down--order-12 {
        order: 12
    }

    .grid--uniform .medium-down--five-tenths:nth-child(odd),.grid--uniform .medium-down--four-eighths:nth-child(odd),.grid--uniform .medium-down--four-twelfths:nth-child(3n+1),.grid--uniform .medium-down--one-eighth:nth-child(8n+1),.grid--uniform .medium-down--one-fifth:nth-child(5n+1),.grid--uniform .medium-down--one-half:nth-child(odd),.grid--uniform .medium-down--one-quarter:nth-child(4n+1),.grid--uniform .medium-down--one-sixth:nth-child(6n+1),.grid--uniform .medium-down--one-third:nth-child(3n+1),.grid--uniform .medium-down--one-twelfth:nth-child(12n+1),.grid--uniform .medium-down--six-twelfths:nth-child(odd),.grid--uniform .medium-down--three-sixths:nth-child(odd),.grid--uniform .medium-down--three-twelfths:nth-child(4n+1),.grid--uniform .medium-down--two-eighths:nth-child(4n+1),.grid--uniform .medium-down--two-sixths:nth-child(3n+1),.grid--uniform .medium-down--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium-down--show {
        display: block!important
    }

    .medium-down--hide {
        display: none!important
    }

    .medium-down--text-left {
        text-align: left!important
    }

    .medium-down--text-right {
        text-align: right!important
    }

    .medium-down--text-center {
        text-align: center!important
    }
}

@media only screen and (min-width: 1400px) {
    .widescreen--one-whole {
        width:100%
    }

    .widescreen--one-half {
        width: 50%
    }

    .widescreen--one-third {
        width: 33.3333333333%
    }

    .widescreen--two-thirds {
        width: 66.6666666667%
    }

    .widescreen--one-quarter {
        width: 25%
    }

    .widescreen--two-quarters {
        width: 50%
    }

    .widescreen--three-quarters {
        width: 75%
    }

    .widescreen--one-fifth {
        width: 20%
    }

    .widescreen--two-fifths {
        width: 40%
    }

    .widescreen--three-fifths {
        width: 60%
    }

    .widescreen--four-fifths {
        width: 80%
    }

    .widescreen--one-sixth {
        width: 16.6666666667%
    }

    .widescreen--two-sixths {
        width: 33.3333333333%
    }

    .widescreen--three-sixths {
        width: 50%
    }

    .widescreen--four-sixths {
        width: 66.6666666667%
    }

    .widescreen--five-sixths {
        width: 83.3333333333%
    }

    .widescreen--one-eighth {
        width: 12.5%
    }

    .widescreen--two-eighths {
        width: 25%
    }

    .widescreen--three-eighths {
        width: 37.5%
    }

    .widescreen--four-eighths {
        width: 50%
    }

    .widescreen--five-eighths {
        width: 62.5%
    }

    .widescreen--six-eighths {
        width: 75%
    }

    .widescreen--seven-eighths {
        width: 87.5%
    }

    .widescreen--one-tenth {
        width: 10%
    }

    .widescreen--two-tenths {
        width: 20%
    }

    .widescreen--three-tenths {
        width: 30%
    }

    .widescreen--four-tenths {
        width: 40%
    }

    .widescreen--five-tenths {
        width: 50%
    }

    .widescreen--six-tenths {
        width: 60%
    }

    .widescreen--seven-tenths {
        width: 70%
    }

    .widescreen--eight-tenths {
        width: 80%
    }

    .widescreen--nine-tenths {
        width: 90%
    }

    .widescreen--one-twelfth {
        width: 8.3333333333%
    }

    .widescreen--two-twelfths {
        width: 16.6666666667%
    }

    .widescreen--three-twelfths {
        width: 25%
    }

    .widescreen--four-twelfths {
        width: 33.3333333333%
    }

    .widescreen--five-twelfths {
        width: 41.6666666667%
    }

    .widescreen--six-twelfths {
        width: 50%
    }

    .widescreen--seven-twelfths {
        width: 58.3333333333%
    }

    .widescreen--eight-twelfths {
        width: 66.6666666667%
    }

    .widescreen--nine-twelfths {
        width: 75%
    }

    .widescreen--ten-twelfths {
        width: 83.3333333333%
    }

    .widescreen--eleven-twelfths {
        width: 91.6666666667%
    }

    .grid--flex .widescreen--auto {
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .grid--flex .widescreen--expand {
        flex: 1 1 0;
        max-width: 100%;
        width: auto
    }

    .grid--flex .widescreen--one-whole {
        flex: 0 0 100%;
        max-width: 100%
    }

    .grid--flex .widescreen--one-half {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--one-third {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .widescreen--two-thirds {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .widescreen--one-quarter {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .widescreen--two-quarters {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--three-quarters {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .widescreen--one-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .widescreen--two-fifths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .widescreen--three-fifths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .widescreen--four-fifths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .widescreen--one-sixth {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .widescreen--two-sixths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .widescreen--three-sixths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--four-sixths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .widescreen--five-sixths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .widescreen--one-eighth {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .grid--flex .widescreen--two-eighths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .widescreen--three-eighths {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .grid--flex .widescreen--four-eighths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--five-eighths {
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .grid--flex .widescreen--six-eighths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .widescreen--seven-eighths {
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .grid--flex .widescreen--one-tenth {
        flex: 0 0 10%;
        max-width: 10%
    }

    .grid--flex .widescreen--two-tenths {
        flex: 0 0 20%;
        max-width: 20%
    }

    .grid--flex .widescreen--three-tenths {
        flex: 0 0 30%;
        max-width: 30%
    }

    .grid--flex .widescreen--four-tenths {
        flex: 0 0 40%;
        max-width: 40%
    }

    .grid--flex .widescreen--five-tenths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--six-tenths {
        flex: 0 0 60%;
        max-width: 60%
    }

    .grid--flex .widescreen--seven-tenths {
        flex: 0 0 70%;
        max-width: 70%
    }

    .grid--flex .widescreen--eight-tenths {
        flex: 0 0 80%;
        max-width: 80%
    }

    .grid--flex .widescreen--nine-tenths {
        flex: 0 0 90%;
        max-width: 90%
    }

    .grid--flex .widescreen--one-twelfth {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .grid--flex .widescreen--two-twelfths {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .grid--flex .widescreen--three-twelfths {
        flex: 0 0 25%;
        max-width: 25%
    }

    .grid--flex .widescreen--four-twelfths {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .grid--flex .widescreen--five-twelfths {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .grid--flex .widescreen--six-twelfths {
        flex: 0 0 50%;
        max-width: 50%
    }

    .grid--flex .widescreen--seven-twelfths {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .grid--flex .widescreen--eight-twelfths {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .grid--flex .widescreen--nine-twelfths {
        flex: 0 0 75%;
        max-width: 75%
    }

    .grid--flex .widescreen--ten-twelfths {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .grid--flex .widescreen--eleven-twelfths {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .widescreen--flex-row {
        flex-direction: row!important
    }

    .widescreen--flex-column {
        flex-direction: column!important
    }

    .widescreen--flex-row-reverse {
        flex-direction: row-reverse!important
    }

    .widescreen--flex-column-reverse {
        flex-direction: column-reverse!important
    }

    .widescreen--flex-wrap {
        flex-wrap: wrap!important
    }

    .widescreen--flex-nowrap {
        flex-wrap: nowrap!important
    }

    .widescreen--flex-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .widescreen--flex-fill {
        flex: 1 1 auto!important
    }

    .widescreen--flex-grow-0 {
        flex-grow: 0!important
    }

    .widescreen--flex-grow-1 {
        flex-grow: 1!important
    }

    .widescreen--flex-shrink-0 {
        flex-shrink: 0!important
    }

    .widescreen--flex-shrink-1 {
        flex-shrink: 1!important
    }

    .widescreen--justify-content-start {
        justify-content: flex-start!important
    }

    .widescreen--justify-content-end {
        justify-content: flex-end!important
    }

    .widescreen--justify-content-center {
        justify-content: center!important
    }

    .widescreen--justify-content-between {
        justify-content: space-between!important
    }

    .widescreen--justify-content-around {
        justify-content: space-around!important
    }

    .widescreen--align-items-start {
        align-items: flex-start!important
    }

    .widescreen--align-items-end {
        align-items: flex-end!important
    }

    .widescreen--align-items-center {
        align-items: center!important
    }

    .widescreen--align-items-baseline {
        align-items: baseline!important
    }

    .widescreen--align-items-stretch {
        align-items: stretch!important
    }

    .widescreen--align-content-start {
        align-content: flex-start!important
    }

    .widescreen--align-content-end {
        align-content: flex-end!important
    }

    .widescreen--align-content-center {
        align-content: center!important
    }

    .widescreen--align-content-between {
        align-content: space-between!important
    }

    .widescreen--align-content-around {
        align-content: space-around!important
    }

    .widescreen--align-content-stretch {
        align-content: stretch!important
    }

    .widescreen--align-self-auto {
        align-self: auto!important
    }

    .widescreen--align-self-start {
        align-self: flex-start!important
    }

    .widescreen--align-self-end {
        align-self: flex-end!important
    }

    .widescreen--align-self-center {
        align-self: center!important
    }

    .widescreen--align-self-baseline {
        align-self: baseline!important
    }

    .widescreen--align-self-stretch {
        align-self: stretch!important
    }

    .widescreen--order-first {
        order: -1
    }

    .widescreen--order-last {
        order: 13
    }

    .widescreen--order-0 {
        order: 0
    }

    .widescreen--order-1 {
        order: 1
    }

    .widescreen--order-2 {
        order: 2
    }

    .widescreen--order-3 {
        order: 3
    }

    .widescreen--order-4 {
        order: 4
    }

    .widescreen--order-5 {
        order: 5
    }

    .widescreen--order-6 {
        order: 6
    }

    .widescreen--order-7 {
        order: 7
    }

    .widescreen--order-8 {
        order: 8
    }

    .widescreen--order-9 {
        order: 9
    }

    .widescreen--order-10 {
        order: 10
    }

    .widescreen--order-11 {
        order: 11
    }

    .widescreen--order-12 {
        order: 12
    }

    .grid--uniform .widescreen--five-tenths:nth-child(odd),.grid--uniform .widescreen--four-eighths:nth-child(odd),.grid--uniform .widescreen--four-twelfths:nth-child(3n+1),.grid--uniform .widescreen--one-eighth:nth-child(8n+1),.grid--uniform .widescreen--one-fifth:nth-child(5n+1),.grid--uniform .widescreen--one-half:nth-child(odd),.grid--uniform .widescreen--one-quarter:nth-child(4n+1),.grid--uniform .widescreen--one-sixth:nth-child(6n+1),.grid--uniform .widescreen--one-third:nth-child(3n+1),.grid--uniform .widescreen--one-twelfth:nth-child(12n+1),.grid--uniform .widescreen--six-twelfths:nth-child(odd),.grid--uniform .widescreen--three-sixths:nth-child(odd),.grid--uniform .widescreen--three-twelfths:nth-child(4n+1),.grid--uniform .widescreen--two-eighths:nth-child(4n+1),.grid--uniform .widescreen--two-sixths:nth-child(3n+1),.grid--uniform .widescreen--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .widescreen--show {
        display: block!important
    }

    .widescreen--hide {
        display: none!important
    }

    .widescreen--text-left {
        text-align: left!important
    }

    .widescreen--text-right {
        text-align: right!important
    }

    .widescreen--text-center {
        text-align: center!important
    }
}

.grid--table {
    display: table;
    table-layout: fixed;
    width: calc(100% + 22px)
}

.grid--table>.grid__item {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.grid--table:after {
    display: none
}

@media only screen and (min-width: 991px) {
    .grid-large-up--table {
        display:table;
        table-layout: fixed;
        width: calc(100% + 22px)
    }

    .grid-large-up--table>.grid__item {
        display: table-cell;
        float: none;
        vertical-align: middle
    }

    .grid-large-up--table:after {
        display: none
    }
}

.c-heading--subheading {
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.c-heading--keyline {
    display: inline-block;
    margin-bottom: 1em;
    position: relative
}

.c-heading--keyline:after {
    background-color: silver;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,.5em);
    width: 25%
}

.c-text-body {
    font-size: 16px
}

.h1,.h2,.h3,.h4,.h5,.h6,.hs-newsletter-signup .hbspt-form p,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,h1,h2,h3,h4,h5,h6 {
    font-size: 16px;
    font-weight: 400
}

small {
    font: inherit
}

.u-font-tiny {
    font-size: .625em
}

.u-font-small {
    font-size: .75em
}

@media only screen and (min-width: 768px) {
    .u-font-tiny {
        font-size:.75em
    }

    .u-font-small {
        font-size: .832em
    }
}

.u-text-light {
    font-weight: 200
}

.u-text-regular {
    font-weight: 400
}

.u-text-medium {
    font-weight: 600
}

.required,.u-text-bold {
    font-weight: 700
}

.u-text-boldest {
    font-weight: 900
}

.u-text-caps {
    font-variant: small-caps
}

.u-text-italic {
    font-style: italic
}

.u-text-normal {
    font-style: normal
}

.u-text-lowercase {
    text-transform: lowercase
}

.u-text-revert {
    text-transform: none
}

.u-text-uppercase {
    text-transform: uppercase
}

.u-text-strike {
    text-decoration: line-through
}

.u-text-underline {
    text-decoration: underline
}

a.u-text-underline:hover {
    text-decoration: none
}

.u-text-constrain {
    max-width: 30em
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
    box-sizing: border-box
}

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

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

@supports ((-webkit-text-decoration: underline dotted) or (text-decoration:underline dotted)) {
    abbr[title] {
        border-bottom:0;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    max-width: 100%
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@media screen and (prefers-reduced-motion:reduce) {
    * {
        animation-play-state: paused!important;
        scroll-behavior: auto!important;
        transition: none!important
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,.hs-newsletter-signup .hbspt-form p,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,address,blockquote,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,summary,table,ul {
    margin-bottom: 16px;
    margin-top: 0
}

fieldset,figure {
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

dd,ol,ul {
    margin-left: 16px;
    padding-left: 0
}

li>ol,li>ul {
    margin-bottom: 0
}

::-moz-selection {
    background: #eaeaea;
    text-shadow: none
}

::selection {
    background: #eaeaea;
    text-shadow: none
}

::-moz-selection:window-inactive {
    background: #eaeaea
}

::selection:window-inactive {
    background: #eaeaea
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

[disabled] {
    cursor: not-allowed
}

::-moz-placeholder {
    color: #6d6d6d;
    letter-spacing: .4px;
    line-height: 24px
}

::placeholder {
    color: #6d6d6d;
    letter-spacing: .4px;
    line-height: 24px
}

body:before {
    content: "xsmall";
    display: none;
    visibility: hidden
}

@media (min-width: 40em) {
    body:before {
        content:"small"
    }
}

@media (min-width: 48em) {
    body:before {
        content:"medium"
    }
}

@media (min-width: 60em) {
    body:before {
        content:"large"
    }
}

@media (min-width: 75em) {
    body:before {
        content:"xlarge"
    }
}

@media (min-width: 90em) {
    body:before {
        content:"wide"
    }
}

.c-form-list:not(.grid):not(.x-facets) {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-form-list__item,.c-form__item {
    display: block;
    margin-bottom: 15px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-form-list__item,.c-form__item {
        margin-left:auto;
        margin-right: auto;
        max-width: 20em
    }

    .c-form-list__item--full,.c-form__item--full {
        max-width: 100%
    }
}

.form_row {
    margin-bottom: 15px
}

.c-form-label,.contact-form-wrapper .hbspt-form .hs-form-field label {
    color: #3d3d3d;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.c-form-label--secondary {
    font-weight: 400
}

.c-form-input,.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field textarea,.hs-newsletter-signup .hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #787878;
    border-radius: 4px;
    display: inline-block;
    height: 37px;
    line-height: 19px;
    margin-bottom: 5px;
    padding: 0 15px;
    width: 100%
}

.c-form-input--long {
    height: 6em;
    padding-top: 6px
}

.c-form-input--file {
    line-height: calc(2em - 2px);
    padding: 0
}

.c-form-input--number {
    max-width: 100px
}

.c-form-input--number::-webkit-inner-spin-button,.c-form-input--number::-webkit-outer-spin-button {
    opacity: 1
}

.c-form-select,.contact-form-wrapper .hbspt-form .hs-form-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpolygon points='0 0 10 0 5 7 0 0' fill='rgba(0, 0, 0, 0.999)' /%3E%3C/svg%3E");
    background-position: right 10px top 15px;
    background-repeat: no-repeat;
    border: 1px solid #787878;
    border-radius: 4px;
    display: inline-block;
    height: 37px;
    line-height: 19px;
    margin-bottom: 5px;
    position: relative;
    width: 100%
}

.c-form-select:before,.contact-form-wrapper .hbspt-form .hs-form-field select:before {
    background: #fff;
    background: linear-gradient(270deg,#fff 60%,hsla(0,0%,100%,0));
    border-radius: 0 23.5px 23.5px 0;
    bottom: 23.5px;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 23.5px;
    top: 23.5px;
    width: 2em
}

.c-form-select:after,.contact-form-wrapper .hbspt-form .hs-form-field select:after {
    background-size: contain;
    content: "";
    height: .5em;
    margin-bottom: .25em;
    pointer-events: none;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    width: .5em
}

.c-form-select__dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: inherit;
    height: 37px;
    padding: .5em;
    transition: box-shadow .25s ease,border-color .25s ease;
    width: 100%
}

.c-form-select__dropdown::-ms-expand {
    display: none
}

.c-form-checkbox,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display {
    cursor: pointer;
    display: inline-block;
    margin-bottom: .25em;
    position: relative;
    width: 100%
}

.c-form-checkbox>span:before,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display>span:before {
    background-color: #fff;
    border: 1px solid #787878;
    border-radius: 4px;
    content: "";
    height: 25px;
    left: 0;
    left: -40px;
    position: absolute;
    top: 0;
    width: 25px
}

.c-form-checkbox>span:after,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display>span:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' width='16.86' height='12.75' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16.86 12.75' transform='translate(3.43 2.87)' fill='$checkmark-color'%3E%3Cpath d='M3.38,9.87-3,3.38A1.5,1.5,0,0,1-3,1.26a1.49,1.49,0,0,1,2.12,0l4.2,4.28,7.5-7.95A1.49,1.49,0,0,1,13-2.46,1.5,1.5,0,0,1,13-.34Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: none;
    height: 20px;
    left: 2px;
    left: -40px;
    position: absolute;
    top: 3px;
    width: 24px
}

.c-form-checkbox input,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display input {
    overflow: hidden;
    position: absolute!important;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

.c-form-checkbox input:checked+span:after,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display input:checked+span:after {
    display: block
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .c-form-checkbox>span:after,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display>span:after {
            left:-36px;
            top: 5px
        }
    }
}

@media not all and (-webkit-min-device-pixel-ratio: 0),not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance:none) {
        .c-form-checkbox--radio>span:after {
            left:-40px;
            top: 2px
        }
    }
}

.c-form-checkbox--inline {
    margin-right: 2em;
    width: auto
}

.c-form-checkbox__caption {
    align-items: center;
    display: flex;
    margin-left: 40px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c-form-checkbox__caption .c-keyline {
    margin-bottom: 0;
    max-width: 40%;
    width: -webkit-fill-available
}

.c-form-checkbox--radio:before {
    border-radius: 100%
}

.c-form-checkbox__input:focus+.c-form-checkbox__caption {
    outline: auto #4d90fe
}

.c-form-checkbox__input:checked+.c-form-checkbox__caption:before {
    transition: border-color .25s ease,background-color .25s ease
}

.c-form-checkbox--radio .c-form-checkbox__input:checked+.c-form-checkbox__caption:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgNWMtMi44IDAtNSAyLjItNSA1czIuMiA1IDUgNSA1LTIuMiA1LTUtMi4yLTUtNS01bTAtNUM0LjUgMCAwIDQuNSAwIDEwczQuNSAxMCAxMCAxMCAxMC00LjUgMTAtMTBTMTUuNSAwIDEwIDBtMCAxOGMtNC40IDAtOC0zLjYtOC04czMuNi04IDgtOCA4IDMuNiA4IDgtMy42IDgtOCA4Ii8+PC9zdmc+");
    background-size: 20px;
    border-radius: 100%
}

.c-form-checkbox--radio .c-form-checkbox__input:checked+.c-form-checkbox__caption span:before,.c-form-checkbox--radio .c-form-checkbox__input:checked+.c-form-checkbox__caption:before {
    border: none
}

.c-form-checkbox--radio .c-form-checkbox__caption span:before,.c-form-checkbox--radio .c-form-checkbox__caption:before {
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.c-form-checkbox__input:disabled+.c-form-checkbox__caption {
    cursor: not-allowed;
    opacity: .5
}

.c-form-checkbox__input:disabled+.c-form-checkbox__caption:before {
    background-color: hsla(225,3%,75%,.1);
    border-color: hsla(225,3%,75%,.1)
}

.c-form-checkbox__input[disabled],.c-form-input[disabled],.c-form-select__dropdown[disabled],.contact-form-wrapper .hbspt-form .hs-form-field [disabled].hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field [disabled].hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field [disabled].hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field textarea[disabled],.hs-newsletter-signup [disabled].hs-input {
    background-color: hsla(225,3%,75%,.1)
}

.has-error,.invalid {
    color: #ee0020
}

.c-form-input.has-error,.c-form-select__dropdown.has-error,.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .has-error textarea,.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .invalid textarea,.contact-form-wrapper .hbspt-form .hs-form-field textarea.has-error,.has-error .c-form-input,.has-error .c-form-select__dropdown,.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.has-error .contact-form-wrapper .hbspt-form .hs-form-field textarea,.has-error .hs-newsletter-signup .hs-input,.hs-newsletter-signup .has-error .hs-input,.hs-newsletter-signup .has-error.hs-input,.hs-newsletter-signup .invalid .hs-input,.invalid .c-form-input,.invalid .c-form-select__dropdown,.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.invalid .contact-form-wrapper .hbspt-form .hs-form-field textarea,.invalid .hs-newsletter-signup .hs-input {
    border-color: #ee0020
}

.c-form-input.has-error:focus,.c-form-select__dropdown.has-error:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=email]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=tel]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error .hs-input[type=text]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error textarea:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=email]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=tel]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .has-error.hs-input[type=text]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=email]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=tel]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .invalid .hs-input[type=text]:focus,.contact-form-wrapper .hbspt-form .hs-form-field .invalid textarea:focus,.contact-form-wrapper .hbspt-form .hs-form-field textarea.has-error:focus,.has-error .c-form-input:focus,.has-error .c-form-select__dropdown:focus,.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]:focus,.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]:focus,.has-error .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]:focus,.has-error .contact-form-wrapper .hbspt-form .hs-form-field textarea:focus,.has-error .hs-newsletter-signup .hs-input:focus,.hs-newsletter-signup .has-error .hs-input:focus,.hs-newsletter-signup .has-error.hs-input:focus,.hs-newsletter-signup .invalid .hs-input:focus,.invalid .c-form-input:focus,.invalid .c-form-select__dropdown:focus,.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]:focus,.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]:focus,.invalid .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]:focus,.invalid .contact-form-wrapper .hbspt-form .hs-form-field textarea:focus,.invalid .hs-newsletter-signup .hs-input:focus {
    border-color: #fff;
    box-shadow: inset 0 0 .5em 0 rgba(238,0,32,.75)
}

.c-form-checkbox__caption.has-error:before,.c-form-checkbox__caption:invalid:before,.has-error .c-form-checkbox__caption:before,.invalid .c-form-checkbox__caption:before {
    border-color: #ee0020
}

.c-form-input--large {
    height: calc(3.875em - 2px);
    line-height: calc(3.875em - 2px)
}

.c-form-input--huge {
    height: calc(4.5em - 2px);
    line-height: calc(4.5em - 2px)
}

.c-form-input--huge.c-form-select__dropdown,.c-form-input--large.c-form-select__dropdown {
    line-height: inherit
}

fieldset {
    border: none;
    margin-bottom: 0
}

legend {
    border: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

input {
    font: inherit
}

button,html,input,select,textarea {
    letter-spacing: .05em
}

.c-form-checkbox__wrapper {
    display: inline-block;
    margin: 0 10px 16px 0;
    position: relative
}

@media only screen and (min-width: 991px) {
    .c-form-checkbox__wrapper {
        margin:0 20px 16px 0
    }
}

.c-form-checkbox__input {
    bottom: 0;
    cursor: pointer;
    height: 41px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-form-checkbox__input.hover-state:checked+label.primary,.c-form-checkbox__input.hover-state:hover+label.primary {
    background-color: #0081fb;
    border-color: #0081fb;
    color: #fff
}

.c-form-checkbox__label {
    border-radius: 23px;
    display: inline-block;
    padding: 0 21px;
    transition: .3s ease
}

.c-form-checkbox__label.primary {
    background-color: #fff;
    border: 1px solid #5fbee4;
    color: #3d3d3d;
    font-weight: 700;
    line-height: 39px;
    text-transform: uppercase
}

.c-table-simple {
    border-collapse: collapse
}

.c-table-simple__cell {
    padding: 8px;
    text-align: left;
    vertical-align: top
}

.c-table-simple__cell--standard {
    padding: 16px
}

.c-table-simple__cell--wide {
    padding: 32px
}

.c-table-stripped {
    border-collapse: collapse
}

.c-table-stripped__row:not(:nth-child(2n)) {
    background-color: hsla(225,3%,75%,.1)
}

.c-table-responsive {
    border-collapse: collapse;
    width: 100%
}

.c-table-responsive_thead {
    display: none
}

.c-table-responsive__row {
    display: block
}

.c-table-responsive__cell {
    display: block;
    padding-bottom: 8px
}

.c-table-responsive__cell:before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    text-align: left
}

.c-table-responsive__cell--flex {
    display: flex;
    justify-content: space-between
}

.c-table-responsive.specs {
    max-width: 679px
}

.c-table-responsive.specs .c-table-responsive__cell {
    padding: 8px 15px
}

.c-table-responsive.specs .c-table-responsive__cell:nth-child(odd) {
    width: 214px
}

.c-table-responsive.custom {
    border: 1px solid rgba(95,190,228,.3)
}

.c-table-responsive.custom .c-table-responsive__row:nth-child(odd) {
    background-color: rgba(95,190,228,.2)
}

.c-table-responsive.custom .c-table-responsive_thead .c-table-responsive__row {
    background-color: #fff
}

.c-table-responsive.custom .c-table-responsive__cell {
    padding: 8px 15px
}

@media only screen and (min-width: 768px) {
    .c-table-responsive.custom .c-table-responsive__cell:not(:last-of-type) {
        border-right:1px solid hsla(0,0%,47%,.3)
    }
}

.c-table-responsive.custom .c-table-responsive__cell.no-border {
    border-right: none
}

.c-table-responsive.custom.order-history .c-table-responsive__cell--flex.products-quoted,.c-table-responsive.custom.order-history .c-table-responsive__cell--flex.quote-created,.c-table-responsive.custom.order-history .c-table-responsive__cell--flex.quote-expiry,.c-table-responsive.custom.quote-history .c-table-responsive__cell--flex.products-quoted,.c-table-responsive.custom.quote-history .c-table-responsive__cell--flex.quote-created,.c-table-responsive.custom.quote-history .c-table-responsive__cell--flex.quote-expiry {
    word-break: break-all
}

@media only screen and (max-width: 767px) {
    .c-table-responsive.custom.order-history .c-table-responsive__cell--flex,.c-table-responsive.custom.quote-history .c-table-responsive__cell--flex {
        display:block;
        min-height: 50px
    }
}

.product-list-view .c-table-responsive__row {
    background-color: #fff!important
}

.product-list-view .c-table-responsive__row.odd {
    background-color: rgba(95,190,228,.2)!important
}

.c-table-responsive.service .c-table-responsive__cell {
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .c-table-responsive.service .c-table-responsive__cell {
        width:25%
    }
}

.c-table-responsive.service li:not(:last-of-type) {
    margin-bottom: 15px
}

.c-table-responsive.service,.c-table-responsive.service ol {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .c-table-responsive_thead {
        display:table-header-group
    }

    .c-table-responsive__row {
        display: table-row;
        margin-bottom: 0
    }

    .c-table-responsive__cell {
        display: table-cell;
        padding: 8px;
        text-align: left;
        vertical-align: top
    }

    .c-table-responsive__cell--standard {
        padding: 16px
    }

    .c-table-responsive__cell--wide {
        padding: 32px
    }

    .c-table-responsive__cell:before {
        content: "";
        display: none
    }
}

table {
    width: 100%
}

td:first-child,th:first-child {
    padding-left: 0
}

td:last-child,th:last-child {
    padding-right: 0
}

.o-table {
    width: 100%
}

.o-table--fixed {
    table-layout: fixed
}

.o-table--narrow td,.o-table--narrow th {
    padding: 8px
}

.o-table--wide td,.o-table--wide th {
    padding: 32px
}

.o-table-borderless tr {
    border: none
}

.o-layout {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 -16px;
    padding: 0
}

.o-layout__item {
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 16px
}

.o-layout.o-layout__item {
    margin-left: 0
}

.o-layout--row-reverse {
    flex-direction: row-reverse
}

.o-layout--column {
    align-items: flex-start;
    flex-direction: column
}

.o-layout--column-reverse>.o-layout__item[class*=u-width-12],.o-layout--column>.o-layout__item[class*=u-width-12] {
    width: 100%
}

.o-layout--column-reverse {
    align-items: flex-start;
    flex-direction: column-reverse
}

@media only screen and (min-width: 768px) {
    .o-layout--row--m {
        flex-direction:row
    }

    .o-layout--row-reverse--m {
        flex-direction: row-reverse
    }

    .o-layout--column--m {
        flex-direction: column
    }

    .o-layout--column-reverse--m {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 991px) {
    .o-layout--row--l {
        flex-direction:row
    }

    .o-layout--row-reverse--l {
        flex-direction: row-reverse
    }

    .o-layout--column--l {
        flex-direction: column
    }

    .o-layout--column-reverse--l {
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .o-layout--row--w {
        flex-direction:row
    }

    .o-layout--row-reverse--w {
        flex-direction: row-reverse
    }

    .o-layout--column--w {
        flex-direction: column
    }

    .o-layout--column-reverse--w {
        flex-direction: column-reverse
    }
}

.o-layout--narrow {
    margin-left: -8px
}

.o-layout--narrow>.o-layout__item {
    padding-left: 8px
}

.o-layout--wide {
    margin-left: -32px
}

.o-layout--wide>.o-layout__item {
    padding-left: 32px
}

.o-layout--flush {
    margin-left: 0
}

.o-layout--flush>.o-layout__item {
    padding-left: 0
}

.o-layout--full {
    margin-right: -16px
}

.o-layout--spaced>.o-layout__item {
    margin-bottom: 16px
}

.o-layout--spaced.o-layout--narrow>.o-layout__item {
    margin-bottom: 8px
}

.o-layout--spaced.o-layout--wide>.o-layout__item {
    margin-bottom: 32px
}

.o-layout--align-top {
    align-items: flex-start
}

.o-layout--align-center {
    align-items: center
}

.o-layout--align-bottom {
    align-items: flex-end
}

.o-layout--align-baseline {
    align-items: baseline
}

.o-layout--align-stretch {
    align-items: stretch
}

.o-layout--align-content-start {
    align-content: flex-start
}

.o-layout--align-content-center {
    align-content: center
}

.o-layout--align-content-end {
    align-content: flex-end
}

.o-layout--align-content-around {
    align-content: space-around
}

.o-layout--align-content-between {
    align-content: space-between
}

.o-layout--align-self-auto {
    align-self: auto
}

.o-layout--align-self-start {
    align-self: flex-start
}

.o-layout--align-self-center {
    align-self: center
}

.o-layout--align-self-end {
    align-self: flex-end
}

.o-layout--align-self-stretch {
    align-self: stretch
}

.o-layout--justify-start {
    justify-content: flex-start
}

.o-layout--justify-center {
    justify-content: center
}

.o-layout--justify-end {
    justify-content: flex-end
}

.o-layout--justify-around {
    justify-content: space-around
}

.o-layout--justify-between {
    justify-content: space-between
}

.o-layout--grow {
    flex-grow: 1
}

.o-layout--no-grow {
    flex-grow: 0
}

.o-layout--shrink {
    flex-shrink: 1
}

.o-layout--no-shrink {
    flex-shrink: 0
}

.o-layout--no-wrap {
    flex-wrap: nowrap
}

.o-layout--wrap {
    flex-wrap: wrap
}

.o-layout--wrap-reverse {
    flex-wrap: wrap-reverse
}

.o-layout__first {
    order: -1
}

.o-layout__last {
    order: 1
}

@media only screen and (min-width: 768px) {
    .o-layout__first--s {
        order:-1
    }

    .o-layout__last--s {
        order: 1
    }

    .o-layout__first--m {
        order: -1
    }

    .o-layout__last--m {
        order: 1
    }
}

@media only screen and (min-width: 991px) {
    .o-layout__first--l {
        order:-1
    }

    .o-layout__last--l {
        order: 1
    }
}

@media only screen and (min-width: 1200px) {
    .o-layout__first--w {
        order:-1
    }

    .o-layout__last--w {
        order: 1
    }
}

.o-list-bare,.o-list-block {
    list-style: none;
    margin-left: 0
}

.o-list-block__item {
    display: block
}

.o-list-inline {
    list-style: none;
    margin-left: 0
}

.o-list-inline__item {
    display: inline-block
}

.o-list-inline__item:not(:last-child) {
    margin-right: 20px
}

.o-list-inline--narrow>.o-list-inline__item {
    margin-right: 8px
}

.o-list-inline--wide>.o-list-inline__item {
    margin-right: 32px
}

.o-list-dash {
    list-style: none
}

.o-list-dash li {
    margin-left: 5px
}

.o-list-dash li:before {
    content: "-";
    margin-left: -10px;
    position: absolute
}

.button,.contact-form-wrapper .hbspt-form .hs-button,.hs-newsletter-signup .hs-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0081fb;
    border: 2px solid transparent;
    border-radius: 23.5px;
    border-radius: 32px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    height: 47px;
    letter-spacing: .4px;
    line-height: 43px;
    margin: 0;
    padding: 0 46px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.button:active,.button:focus,.button:hover,.contact-form-wrapper .hbspt-form .hs-button:active,.contact-form-wrapper .hbspt-form .hs-button:focus,.contact-form-wrapper .hbspt-form .hs-button:hover,.hs-newsletter-signup .hs-button:active,.hs-newsletter-signup .hs-button:focus,.hs-newsletter-signup .hs-button:hover {
    text-decoration: none
}

.button.button--primary:after,.contact-form-wrapper .hbspt-form .button--primary.hs-button:after,.hs-newsletter-signup .button--primary.hs-button:after {
    border: 2px solid #0081fb;
    border-radius: 42px;
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px
}

.button.button--primary:active:after,.button.button--primary:focus:after,.button.button--primary:hover:after,.contact-form-wrapper .hbspt-form .button--primary.hs-button:active:after,.contact-form-wrapper .hbspt-form .button--primary.hs-button:focus:after,.contact-form-wrapper .hbspt-form .button--primary.hs-button:hover:after,.hs-newsletter-signup .button--primary.hs-button:active:after,.hs-newsletter-signup .button--primary.hs-button:focus:after,.hs-newsletter-signup .button--primary.hs-button:hover:after {
    border-color: #3d3d3d
}

.button.button--primary,.button.button--secondary,.contact-form-wrapper .hbspt-form .button--primary.hs-button,.contact-form-wrapper .hbspt-form .button--secondary.hs-button,.hs-newsletter-signup .button--primary.hs-button,.hs-newsletter-signup .button--secondary.hs-button {
    background-color: #0081fb;
    color: #fff
}

.button.button--primary:hover,.button.button--secondary:hover,.contact-form-wrapper .hbspt-form .button--primary.hs-button:hover,.contact-form-wrapper .hbspt-form .button--secondary.hs-button:hover,.hs-newsletter-signup .button--primary.hs-button:hover,.hs-newsletter-signup .button--secondary.hs-button:hover {
    background-color: #3d3d3d;
    color: #fff
}

.button.button--tertiary,.contact-form-wrapper .hbspt-form .button--tertiary.hs-button,.contact-form-wrapper .hbspt-form .button.hs-button,.contact-form-wrapper .hbspt-form .hs-button,.contact-form-wrapper .hbspt-form .hs-newsletter-signup .hs-button,.hs-newsletter-signup .button--tertiary.hs-button,.hs-newsletter-signup .contact-form-wrapper .hbspt-form .hs-button {
    background-color: #fff;
    border: 2px solid;
    color: #4bd6b0;
    font-size: 16px
}

.button.button--tertiary:active,.button.button--tertiary:focus,.button.button--tertiary:hover,.contact-form-wrapper .hbspt-form .hs-button:active,.contact-form-wrapper .hbspt-form .hs-button:focus,.contact-form-wrapper .hbspt-form .hs-button:hover,.hs-newsletter-signup .button--tertiary.hs-button:active,.hs-newsletter-signup .button--tertiary.hs-button:focus,.hs-newsletter-signup .button--tertiary.hs-button:hover {
    background-color: #0081fb;
    border-color: #0081fb;
    color: #fff
}

.button.button--tertiary:disabled,.contact-form-wrapper .hbspt-form .hs-button:disabled,.hs-newsletter-signup .button--tertiary.hs-button:disabled {
    color: #fff
}

.button.button--quaternary,.contact-form-wrapper .hbspt-form .button--quaternary.hs-button,.hs-newsletter-signup .button--quaternary.hs-button {
    background-color: #fff;
    border: 2px solid;
    color: #0081fb
}

.button.button--quaternary:active,.button.button--quaternary:focus,.button.button--quaternary:hover,.contact-form-wrapper .hbspt-form .button--quaternary.hs-button:active,.contact-form-wrapper .hbspt-form .button--quaternary.hs-button:focus,.contact-form-wrapper .hbspt-form .button--quaternary.hs-button:hover,.hs-newsletter-signup .button--quaternary.hs-button:active,.hs-newsletter-signup .button--quaternary.hs-button:focus,.hs-newsletter-signup .button--quaternary.hs-button:hover {
    background-color: #0081fb;
    border-color: #0081fb;
    color: #fff
}

.button.button--square,.contact-form-wrapper .hbspt-form .button--square.hs-button,.hs-newsletter-signup .button--square.hs-button {
    background-color: #5fbee4;
    border: 1px solid #5fbee4;
    border-radius: 0;
    height: 39px;
    line-height: 37px;
    min-width: 254px;
    padding: 0 12px
}

.button.button--square:active,.button.button--square:focus,.button.button--square:hover,.contact-form-wrapper .hbspt-form .button--square.hs-button:active,.contact-form-wrapper .hbspt-form .button--square.hs-button:focus,.contact-form-wrapper .hbspt-form .button--square.hs-button:hover,.hs-newsletter-signup .button--square.hs-button:active,.hs-newsletter-signup .button--square.hs-button:focus,.hs-newsletter-signup .button--square.hs-button:hover {
    background-color: #fff;
    color: #5fbee4
}

.button.button--tiny,.contact-form-wrapper .hbspt-form .button--tiny.hs-button,.hs-newsletter-signup .button--tiny.hs-button {
    font-size: .625em;
    height: 20px;
    line-height: 20px;
    padding: 0 calc(.5em - 1px)
}

.button.button--small,.contact-form-wrapper .hbspt-form .button--small.hs-button,.hs-newsletter-signup .button--small.hs-button {
    height: 39px;
    line-height: 38px;
    padding: 0 18px
}

.button.button--medium,.contact-form-wrapper .hbspt-form .button--medium.hs-button,.hs-newsletter-signup .button--medium.hs-button {
    height: 47px;
    line-height: 44px;
    padding: 0 34px
}

.button.button--large,.contact-form-wrapper .hbspt-form .button--large.hs-button,.hs-newsletter-signup .button--large.hs-button {
    height: 47px;
    line-height: 45px;
    padding: 0 55px
}

.button.button--huge,.contact-form-wrapper .hbspt-form .button--huge.hs-button,.hs-newsletter-signup .button--huge.hs-button {
    height: 70px;
    line-height: 70px;
    padding: 0 calc(3em - 1px)
}

.button.button--flush,.contact-form-wrapper .hbspt-form .button--flush.hs-button,.hs-newsletter-signup .button--flush.hs-button {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width: 991px) {
    .button.button--wide,.contact-form-wrapper .hbspt-form .button--wide.hs-button,.hs-newsletter-signup .button--wide.hs-button {
        padding:0 70px
    }
}

.button.button--full-width,.contact-form-wrapper .hbspt-form .button--full-width.hs-button,.hs-newsletter-signup .button--full-width.hs-button {
    width: 100%
}

.button .icon,.contact-form-wrapper .hbspt-form .hs-button .icon,.hs-newsletter-signup .hs-button .icon {
    fill: currentColor
}

.button .with-icon,.contact-form-wrapper .hbspt-form .hs-button .with-icon,.hs-newsletter-signup .hs-button .with-icon {
    align-items: center;
    display: flex
}

.button .with-icon img,.contact-form-wrapper .hbspt-form .hs-button .with-icon img,.hs-newsletter-signup .hs-button .with-icon img {
    margin-right: 5px
}

.button.button--pagination,.contact-form-wrapper .hbspt-form .button--pagination.hs-button,.hs-newsletter-signup .button--pagination.hs-button {
    background-color: #fff;
    border-radius: 50%;
    color: #787878;
    font-weight: 400;
    height: 44px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 44px
}

@media only screen and (min-width: 991px) {
    .button.button--pagination,.contact-form-wrapper .hbspt-form .button--pagination.hs-button,.hs-newsletter-signup .button--pagination.hs-button {
        font-size:20px
    }
}

.button.button--pagination.current-page,.contact-form-wrapper .hbspt-form .button--pagination.current-page.hs-button,.hs-newsletter-signup .button--pagination.current-page.hs-button {
    border: 2px solid #0081fb;
    color: #0081fb
}

.button.button--pagination:hover:not(.current-page),.contact-form-wrapper .hbspt-form .button--pagination.hs-button:hover:not(.current-page),.hs-newsletter-signup .button--pagination.hs-button:hover:not(.current-page) {
    color: #3d3d3d
}

.button--large-font {
    font-size: 16px
}

@media only screen and (min-width: 1400px) {
    .button--large-font {
        font-size:20px;
        height: 50px;
        line-height: 47px
    }
}

.button::-moz-focus-inner,.contact-form-wrapper .hbspt-form .hs-button::-moz-focus-inner,.hs-newsletter-signup .hs-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.button__icon {
    height: 16px;
    line-height: inherit;
    margin-right: 8px;
    position: relative;
    top: 4px;
    vertical-align: top;
    width: 16px;
    fill: currentColor
}

.button__icon--right {
    margin-left: 8px;
    margin-right: 0
}

.button--hollow,.hs-newsletter-signup .hs-button {
    background-color: transparent;
    border-color: currentColor
}

.button--hollow:active,.button--hollow:focus,.button--hollow:hover,.hs-newsletter-signup .hs-button:active,.hs-newsletter-signup .hs-button:focus,.hs-newsletter-signup .hs-button:hover {
    background-color: #0081fb;
    border-color: #0081fb;
    color: #fff!important
}

.button--clear {
    background-color: transparent;
    vertical-align: baseline
}

.button--clear:active,.button--clear:hover {
    border-bottom: 1px solid
}

.button--clear:not([class*=u-bg-]):hover {
    background-color: transparent
}

.button.is-disabled,.button.is-disabled:active,.button.is-disabled:focus,.button.is-disabled:hover,.button:disabled,.contact-form-wrapper .hbspt-form .hs-button:disabled,.contact-form-wrapper .hbspt-form .is-disabled.hs-button,.hs-newsletter-signup .hs-button:disabled,.hs-newsletter-signup .is-disabled.hs-button {
    background-color: #787878;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.button.is-error,.button.is-error:active,.button.is-error:focus,.button.is-error:hover,.contact-form-wrapper .hbspt-form .is-error .hs-button,.contact-form-wrapper .hbspt-form .is-error.hs-button,.hs-newsletter-signup .is-error .hs-button,.hs-newsletter-signup .is-error.hs-button,.is-error .button,.is-error .button:active,.is-error .button:focus,.is-error .button:hover,.is-error .contact-form-wrapper .hbspt-form .hs-button,.is-error .hs-newsletter-signup .hs-button {
    background-color: #ee0020;
    border-color: #b30018;
    color: #fff;
    cursor: not-allowed
}

.button--full,.button--full-small {
    display: block;
    width: 100%
}

.button--quantity {
    background-color: #fff;
    color: #5fbee4;
    padding: 2px 0
}

.button--quantity:active,.button--quantity:focus,.button--quantity:hover {
    background-color: #0081fb;
    color: #fff
}

.button--unstyled {
    border: 0;
    border-radius: 0;
    color: #3d3d3d;
    height: auto;
    line-height: normal;
    padding: 0
}

.button--unstyled,.button--unstyled:hover {
    background: transparent
}

.button--share {
    align-items: center;
    display: flex;
    max-width: 138px;
    padding: 0 20px
}

.button--share .icon {
    margin-right: 10px
}

.c-control-group {
    display: flex
}

.c-control-group .c-control-group__label {
    height: calc(2.5em - 2px);
    line-height: calc(2.5em - 2px);
    margin-bottom: 0;
    padding-right: 8px
}

.c-control-group .c-control-group__button,.c-control-group .c-control-group__field,.c-control-group .hs-newsletter-signup .hs-button,.c-control-group .hs-newsletter-signup .hs-input,.hs-newsletter-signup .c-control-group .hs-button,.hs-newsletter-signup .c-control-group .hs-input {
    border-radius: 0
}

.c-control-group .c-control-group__field,.c-control-group .hs-newsletter-signup .hs-input,.hs-newsletter-signup .c-control-group .hs-input {
    height: auto;
    margin-bottom: 0
}

.c-control-group .c-control-group__button:not(:first-child):not(:first-of-type),.c-control-group .c-control-group__field:not(:first-child):not(:first-of-type),.c-control-group .hs-newsletter-signup .hs-button:not(:first-child):not(:first-of-type),.c-control-group .hs-newsletter-signup .hs-input:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group .hs-button:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group .hs-input:not(:first-child):not(:first-of-type) {
    border-left-width: 0
}

.c-control-group--rounded .c-control-group__button:first-child,.c-control-group--rounded .c-control-group__field:first-child,.c-control-group--rounded .hs-newsletter-signup .hs-button:first-child,.c-control-group--rounded .hs-newsletter-signup .hs-input:first-child,.hs-newsletter-signup .c-control-group--rounded .hs-button:first-child,.hs-newsletter-signup .c-control-group--rounded .hs-input:first-child {
    border-bottom-left-radius: 10em;
    border-top-left-radius: 10em
}

.c-control-group--rounded .c-control-group__field:first-child,.c-control-group--rounded .hs-newsletter-signup .hs-input:first-child,.hs-newsletter-signup .c-control-group--rounded .hs-input:first-child {
    padding-left: 16px
}

.c-control-group--rounded .c-control-group__button:last-child,.c-control-group--rounded .c-control-group__field:last-child,.c-control-group--rounded .hs-newsletter-signup .hs-button:last-child,.c-control-group--rounded .hs-newsletter-signup .hs-input:last-child,.c-control-group--rounded-right .c-control-group__button:last-child,.c-control-group--rounded-right .c-control-group__field:last-child,.c-control-group--rounded-right .hs-newsletter-signup .hs-button:last-child,.c-control-group--rounded-right .hs-newsletter-signup .hs-input:last-child,.hs-newsletter-signup .c-control-group--rounded .hs-button:last-child,.hs-newsletter-signup .c-control-group--rounded .hs-input:last-child,.hs-newsletter-signup .c-control-group--rounded-right .hs-button:last-child,.hs-newsletter-signup .c-control-group--rounded-right .hs-input:last-child {
    border-bottom-right-radius: 10em;
    border-top-right-radius: 10em
}

.c-control-group--rounded-left .c-control-group__button:first-child,.c-control-group--rounded-left .c-control-group__field:first-child,.c-control-group--rounded-left .hs-newsletter-signup .hs-button:first-child,.c-control-group--rounded-left .hs-newsletter-signup .hs-input:first-child,.hs-newsletter-signup .c-control-group--rounded-left .hs-button:first-child,.hs-newsletter-signup .c-control-group--rounded-left .hs-input:first-child {
    border-bottom-left-radius: 10em;
    border-top-left-radius: 10em
}

.c-control-group--stacked {
    flex-wrap: wrap
}

.c-control-group--stacked .c-control-group__button:not(:first-child):not(:first-of-type),.c-control-group--stacked .c-control-group__field:not(:first-child):not(:first-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-button:not(:first-child):not(:first-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-input:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-button:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-input:not(:first-child):not(:first-of-type) {
    border-left-width: 1px
}

.c-control-group--stacked .c-control-group__button,.c-control-group--stacked .c-control-group__field,.c-control-group--stacked .hs-newsletter-signup .hs-button,.c-control-group--stacked .hs-newsletter-signup .hs-input,.hs-newsletter-signup .c-control-group--stacked .hs-button,.hs-newsletter-signup .c-control-group--stacked .hs-input {
    flex: 0 0 100%;
    margin-left: 0;
    max-width: 100%
}

.c-control-group--stacked .c-control-group__button:not(:first-child):not(:first-of-type),.c-control-group--stacked .c-control-group__field:not(:first-child):not(:first-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-button:not(:first-child):not(:first-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-input:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-button:not(:first-child):not(:first-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-input:not(:first-child):not(:first-of-type) {
    border-top: 0
}

.c-control-group--stacked .c-control-group__button:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type),.c-control-group--stacked .c-control-group__field:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-button:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type),.c-control-group--stacked .hs-newsletter-signup .hs-input:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-button:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type),.hs-newsletter-signup .c-control-group--stacked .hs-input:not(:first-child):not(:last-child):not(:first-of-type):not(:last-of-type) {
    border-radius: 0
}

.c-control-group--stacked .c-control-group__button:first-child,.c-control-group--stacked .c-control-group__field:first-child,.c-control-group--stacked .hs-newsletter-signup .hs-button:first-child,.c-control-group--stacked .hs-newsletter-signup .hs-input:first-child,.hs-newsletter-signup .c-control-group--stacked .hs-button:first-child,.hs-newsletter-signup .c-control-group--stacked .hs-input:first-child {
    border-radius: 23.5px 23.5px 0 0
}

.c-control-group--stacked .c-control-group__button:last-child,.c-control-group--stacked .c-control-group__field:last-child,.c-control-group--stacked .hs-newsletter-signup .hs-button:last-child,.c-control-group--stacked .hs-newsletter-signup .hs-input:last-child,.hs-newsletter-signup .c-control-group--stacked .hs-button:last-child,.hs-newsletter-signup .c-control-group--stacked .hs-input:last-child {
    border-radius: 0 0 23.5px 23.5px
}

.is-inert {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.has-dialog {
    height: 100vh;
    overflow: hidden
}

.c-dialog[aria-hidden=true] {
    display: none
}

.c-dialog[aria-hidden=false] {
    display: block;
    position: relative;
    z-index: 500
}

.c-dialog__overlay {
    align-items: center;
    background-color: rgba(0,0,0,.6);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.c-dialog__container,.c-dialog__overlay {
    will-change: transform
}

.c-dialog__container {
    background-color: #fff;
    border-radius: .25rem;
    max-height: 90vh;
    max-width: 40rem;
    min-width: 20rem;
    overflow-y: auto;
    padding: 2rem;
    width: 90vw
}

.c-dialog__header {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.c-dialog__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0
}

.c-dialog__close {
    background-color: transparent;
    border: 0;
    line-height: normal
}

.c-dialog__close:before {
    content: "✕"
}

.c-dialog__content {
    margin-top: 2rem
}

.c-dialog__content>:last-child {
    margin-bottom: 0
}

@keyframes dialogFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dialogFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes dialogSlideIn {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes dialogSlideOut {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.c-dialog[aria-hidden=false] .c-dialog__overlay {
    animation: dialogFadeIn .3s cubic-bezier(0,0,.2,1)
}

.c-dialog[aria-hidden=false] .c-dialog__container {
    animation: dialogSlideIn .3s cubic-bezier(0,0,.2,1)
}

.c-dialog[aria-hidden=true] .c-dialog__overlay {
    animation: dialogFadeOut .3s cubic-bezier(0,0,.2,1)
}

.c-dialog[aria-hidden=true] .c-dialog__container {
    animation: dialogSlideOut .3s cubic-bezier(0,0,.2,1)
}

@media screen and (prefers-reduced-motion:reduce) {
    .c-dialog[aria-hidden=false] .c-dialog__overlay {
        animation: none;
        opacity: 1
    }

    .c-dialog[aria-hidden=true] .c-dialog__overlay {
        animation: none;
        opacity: 0
    }
}

.c-divider {
    border: solid transparent;
    border-width: 0 0 1px;
    margin-bottom: 15px;
    position: relative
}

.c-divider:after,.c-divider:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%
}

.c-divider:before {
    background: linear-gradient(90deg,hsla(0,0%,75%,0),silver,hsla(0,0%,75%,0));
    bottom: 0;
    height: 1px
}

.c-divider:after {
    background: radial-gradient(at 50% 0,rgba(74,74,74,.15),transparent 40%);
    height: 8px;
    top: 100%
}

.c-divider--top {
    border-width: 1px 0 0
}

.c-divider--top:before {
    background: linear-gradient(90deg,hsla(0,0%,75%,0),silver,hsla(0,0%,75%,0));
    bottom: 100%
}

.c-divider--top:after {
    background: radial-gradient(at 50% 100%,rgba(74,74,74,.15),transparent 40%);
    top: calc(8px + 1px*-1px)
}

.c-navigation {
    position: relative
}

.c-navigation__trigger {
    display: none
}

.c-navigation__trigger:checked~.c-navigation__row,.c-navigation__trigger:checked~.c-navigation__row .c-navigation__row {
    display: block
}

.c-navigation__label {
    background-color: #bcbdc0;
    color: #fff;
    display: block;
    font-style: normal;
    margin: 0;
    min-height: 2em;
    padding: 1em;
    position: relative
}

.c-navigation__label:after,.c-navigation__label:before {
    position: absolute;
    right: 1em;
    transition: .4s cubic-bezier(.2,.6,.3,1.1)
}

.c-navigation__label:after {
    content: "−";
    opacity: 0;
    transform: scale(0)
}

.c-navigation__label:before {
    content: "≡"
}

.c-navigation__label:before,.c-navigation__trigger:checked~.c-navigation__label:after {
    opacity: 1;
    transform: scale(2)
}

.c-navigation__trigger:checked~.c-navigation__label:before {
    opacity: 0;
    transform: scale(0)
}

.c-navigation__row {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.c-navigation__link {
    color: #fff;
    display: block;
    padding: .5em 1em
}

.c-navigation__link:hover {
    transition: box-shadow .2s ease-in
}

.c-navigation__row:nth-child(2) .c-navigation__link {
    padding-left: 2em
}

.c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
    padding-left: 3em
}

@media (min-width: 48em) {
    .c-navigation__label {
        display:none
    }

    .c-navigation__row,.c-navigation__trigger:checked~.c-navigation__row,.c-navigation__trigger:checked~.c-navigation__row .c-navigation__row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .c-navigation__list {
        flex: 1 1 auto;
        position: relative;
        text-align: center
    }

    .c-navigation__list .c-navigation__row {
        display: none;
        min-width: 100%;
        position: absolute;
        white-space: nowrap;
        z-index: 100
    }

    .c-navigation__row:nth-child(2) .c-navigation__list {
        text-align: left
    }

    .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type {
        left: 100%;
        top: 0;
        z-index: 200
    }

    .c-navigation__row:nth-child(2) .c-navigation__link,.c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
        padding-left: 1em
    }

    .c-navigation__row:nth-child(2) .c-navigation__link:hover {
        background-color: hsla(225,3%,75%,.1);
        box-shadow: none;
        transition: background-color .2s ease-in
    }

    .c-navigation__list:hover>.c-navigation__row {
        box-shadow: 1px 1px .25em 0 #000;
        display: table
    }

    .c-navigation__link {
        border-right: 0 solid #000
    }

    .c-navigation__list:last-of-type .c-navigation__link,.c-navigation__row:nth-child(2) .c-navigation__list .c-navigation__link {
        border-right: 0
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

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

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

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: -3px;
    margin-right: auto;
    position: relative;
    top: 0
}

@media only screen and (min-width: 1200px) {
    .slick-track {
        margin-left:-11px
    }
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

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

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

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

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

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

.slick-loading .slick-slide {
    visibility: hidden
}

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

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

.slick-arrow {
    background-color: transparent;
    border: 2px solid;
    border-radius: 50%;
    color: #4bd6b0;
    cursor: pointer;
    height: 40px;
    padding: 0;
    transition: .3s ease;
    width: 40px
}

.slick-arrow .icon {
    fill: currentColor;
    height: 35px;
    width: 35px
}

@media only screen and (min-width: 768px) {
    .slick-arrow {
        height:60px;
        width: 60px
    }

    .slick-arrow .icon {
        height: 55px;
        width: 55px
    }
}

.slick-arrow:hover {
    background-color: #4bd6b0;
    color: #fff
}

.slick-arrow:hover .icon {
    fill: currentColor
}

.slick-arrow.next {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (min-width: 991px) {
    .slick-arrow.prev {
        margin-left:5px
    }
}

.slick-dots {
    list-style: none;
    margin: 0;
    text-align: center;
    width: 90%
}

.slick-dots li {
    display: inline
}

.slick-dots button {
    padding: 0
}

.image,.lazyload,.lazyloaded,.loading {
    opacity: 1;
    transition: 2s cubic-bezier(.215,.61,.355,1)
}

.loader {
    animation: spin 2s linear infinite;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #5fbee4;
    display: none;
    height: 60px;
    width: 60px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.page-divider {
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.page-divider .gradient {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    height: 40px;
    margin-left: -30px;
    max-width: 95vw;
    padding: 0 20px 0 50px
}

@media (max-width: 400px) {
    .page-divider .gradient {
        max-width:100vw
    }
}

@media only screen and (min-width: 768px) {
    .page-divider .gradient {
        height:55px
    }
}

.page-divider .gradient .h2,.page-divider .gradient h2 {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    margin: 0
}

@media (max-width: 600px) {
    .page-divider .gradient .h2,.page-divider .gradient h2 {
        font-size:14px
    }
}

@media (max-width: 400px) {
    .page-divider .gradient .h2,.page-divider .gradient h2 {
        font-size:12px
    }
}

@media only screen and (min-width: 1400px) {
    .page-divider .gradient .h2,.page-divider .gradient h2 {
        font-size:26px;
        line-height: 55px
    }
}

@media only screen and (min-width: 480px) {
    .page-divider .gradient .h2,.page-divider .gradient h2 {
        float:right
    }
}

@media only screen and (min-width: 768px) {
    .page-divider .gradient .h2,.page-divider .gradient h2 {
        float:right;
        line-height: 55px
    }
}

@media only screen and (min-width: 480px) {
    .page-divider .gradient {
        max-width:80vw
    }
}

@media only screen and (min-width: 768px) {
    .page-divider .gradient {
        margin-left:0;
        max-width: 60vw;
        padding: 0 25px
    }
}

@media only screen and (min-width: 1400px) {
    .page-divider .gradient {
        height:55px;
        max-width: 708px;
        padding: 0 50px 0 25px
    }
}

.page-divider .gradient.gradient--blue {
    background: linear-gradient(135deg,#0081fb,#4bd6b0)
}

.page-divider .gradient.gradient--green {
    background: linear-gradient(135deg,#0055a5,#4bd6b0 0,#0081fb)
}

@media only screen and (min-width: 991px) {
    .page-divider .gradient.short {
        max-width:600px
    }
}

.page-divider hr {
    border: 0;
    border-bottom: 1px solid #bcbdc0;
    left: 0;
    margin: 0;
    position: absolute;
    right: -9999px;
    top: 50%;
    z-index: -1
}

.page-divider.has-toggle {
    max-width: 95%
}

@media only screen and (max-width: 1199px) {
    .page-divider.has-toggle .gradient {
        max-width:65vw
    }
}

@media (max-width: 600px) {
    .page-divider.has-toggle .gradient {
        max-width:89%
    }
}

@media (max-width: 400px) {
    .page-divider.has-toggle .gradient {
        max-width:99%
    }
}

@media only screen and (max-width: 990px) {
    .page-divider.has-toggle {
        max-width:93%
    }
}

@media (min-width: 1679px) {
    .page-divider.has-toggle {
        max-width:90%
    }
}

@media (max-width: 600px) {
    .page-divider.has-toggle {
        max-width:91%
    }
}

@media (max-width: 400px) {
    .page-divider.has-toggle {
        max-width:86%
    }
}

.page-divider.has-toggle hr {
    right: 0
}

.page-divider.has-toggle .icon-toggle {
    cursor: pointer;
    position: absolute;
    right: -33px;
    top: 3px
}

@media only screen and (min-width: 768px) {
    .page-divider.has-toggle .icon-toggle {
        right:-46px;
        top: 4px
    }
}

@media only screen and (min-width: 991px) {
    .page-divider.has-toggle .icon-toggle {
        top:6px
    }
}

.page-divider.has-toggle .icon-toggle .icon {
    color: #4bd6b0;
    height: 35px;
    width: 35px;
    fill: currentColor
}

@media only screen and (min-width: 768px) {
    .page-divider.has-toggle .icon-toggle .icon {
        height:49px;
        width: 49px
    }
}

.page-divider.has-toggle .icon-toggle .icon--plus {
    display: none
}

.page-divider.has-toggle .icon-toggle.collapsed .icon--plus {
    display: block
}

.page-divider.has-toggle .icon-toggle.collapsed .icon--minus {
    display: none
}

.icon-toggle {
    cursor: pointer
}

.icon-toggle .icon--plus {
    display: none
}

.icon-toggle .icon {
    fill: #4bd6b0
}

.icon-toggle.collapsed .icon--plus {
    display: inline-block
}

.icon-toggle.collapsed .icon--minus {
    display: none
}

.blog-card {
    display: block;
    margin-bottom: 22px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .blog-card.large {
        margin-bottom:0
    }
}

.blog-card.large .h2,.blog-card.large h2 {
    margin-bottom: 5px
}

.blog-card.large .h2,.blog-card.large h2,.blog-card.large p {
    color: #fff
}

.blog-card.large p {
    opacity: .7
}

@media only screen and (max-width: 767px) {
    .blog-card.large p {
        -webkit-line-clamp:2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media only screen and (min-width: 991px) {
    .blog-card.large p {
        -webkit-line-clamp:2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media only screen and (min-width: 1400px) {
    .blog-card.large p {
        -webkit-line-clamp:3
    }
}

.blog-card.large .content-wrapper {
    background: linear-gradient(180deg,#00b7fd,#0081fb);
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    z-index: 2
}

@media only screen and (min-width: 768px) {
    .blog-card.large .content-wrapper {
        padding:10px 30px 15px
    }
}

@media only screen and (min-width: 1400px) {
    .blog-card.large .content-wrapper {
        max-height:135px
    }
}

.blog-card.large .image-wrapper {
    padding-top: 73.8950276243%;
    position: relative
}

.blog-card.large img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 991px) {
    .blog-card.small {
        margin-bottom:12px
    }
}

.blog-card.small .h2,.blog-card.small h2 {
    color: #0081fb;
    font-size: 18px;
    margin-bottom: 5px
}

@media only screen and (min-width: 1400px) {
    .blog-card.small .h2,.blog-card.small h2 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

.blog-card.small p {
    color: #000;
    margin: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3
}

@media only screen and (min-width: 1400px) {
    .blog-card.small p {
        -webkit-line-clamp:3
    }
}

@media (min-width: 768px) and (max-width:990px) {
    .blog-card.small p {
        -webkit-line-clamp:4
    }
}

@media (min-width: 991px) and (max-width:1150px) {
    .blog-card.small p {
        -webkit-line-clamp:2
    }
}

.blog-card.small .image-wrapper {
    padding-top: 75.1072961373%;
    position: relative
}

@media only screen and (max-width: 767px) {
    .blog-card.small .image-wrapper {
        margin-bottom:22px
    }
}

.blog-card.small img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.card {
    display: block;
    margin: 0 auto;
    max-width: 465px
}

@media only screen and (max-width: 990px) {
    .card {
        margin-bottom:22px
    }
}

.card img {
    width: 100%
}

.card .lazy-image-wrapper {
    display: block;
    margin-bottom: 15px
}

.card .lazy-image-wrapper.img--medium {
    padding-top: 43.0107526882%;
    position: relative
}

.card .lazy-image-wrapper.img--large {
    padding-top: 110%;
    position: relative
}

.card .lazy-image-wrapper img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.promo-card .h2,.promo-card h2 {
    color: #0081fb;
    letter-spacing: .2px;
    margin-bottom: 5px
}

.promo-card p {
    color: #000;
    margin: 0 auto 20px;
    max-width: 322px
}

.promo-card,.promo-card img {
    margin: 0 auto
}

.promo-card.promo-card--small {
    display: block!important;
    max-width: 343px
}

.prod--related .promo-card .image-wrapper {
    margin-bottom: 20px;
    min-height: 200px
}

.prod--related .promo-card .image-wrapper img {
    margin: 0 auto;
    max-height: 200px;
    width: auto
}

.promo-card-with-image {
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding-top: 90%;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .promo-card-with-image {
        padding-top:70%
    }
}

.promo-card-with-image .desc,.promo-card-with-image .h2,.promo-card-with-image h2 {
    color: #fff
}

@media only screen and (max-width: 1199px) {
    .promo-card-with-image .h2,.promo-card-with-image h2 {
        font-size:16px
    }
}

@media only screen and (min-width: 1400px) {
    .promo-card-with-image .h2,.promo-card-with-image h2 {
        line-height:34px;
        margin-bottom: 20px
    }
}

.promo-card-with-image:first-of-type {
    margin-bottom: 14px
}

@media only screen and (max-width: 767px) {
    .promo-card-with-image:first-of-type {
        margin-bottom:0
    }
}

.promo-card-with-image .inner-content {
    left: 50%;
    max-width: 375px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media only screen and (min-width: 991px) {
    .promo-card-with-image .inner-content {
        padding:30px 10px 25px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .contact-form-wrapper .hbspt-form .promo-card-with-image .hs-button,.hs-newsletter-signup .promo-card-with-image .hs-button,.promo-card-with-image .button,.promo-card-with-image .contact-form-wrapper .hbspt-form .hs-button,.promo-card-with-image .hs-newsletter-signup .hs-button {
        padding:0 20px
    }
}

.application-card {
    display: block
}

@media only screen and (max-width: 990px) {
    .application-card {
        margin-bottom:22px
    }
}

.application-card .lazy-image-wrapper {
    border-radius: 20px;
    padding-top: 100%;
    position: relative
}

.application-card img {
    border-radius: 20px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    z-index: 0
}

.application-card .title {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    bottom: 0;
    height: 47px;
    left: 0;
    line-height: 47px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.application-card .title .h2,.application-card .title h2 {
    color: #fff
}

.application-card .title.dark-blue {
    background: linear-gradient(180deg,#00b7fd,#0081fb)
}

.application-card .title.green {
    background: linear-gradient(180deg,#c8f08e,#97dc55)
}

.application-card .title.teal {
    background: linear-gradient(180deg,#82edd8,#4bd6b0)
}

.application-card .title.blue {
    background: linear-gradient(180deg,#98e0f3,#5fbee4)
}

.category-card {
    display: block;
    transition: .3s ease
}

.category-card.color--1 {
    color: #76c4e9
}

.category-card.color--2 {
    color: #4bd6b0
}

.category-card.color--3 {
    color: #97dc55
}

.category-card.color--4 {
    color: #0081fb
}

.category-card .h2,.category-card h2 {
    color: currentColor
}

.category-card .icon {
    display: block;
    height: 75px;
    margin: 0 auto 20px;
    width: 75px;
    fill: currentColor;
    border: 2px solid;
    border-radius: 50%
}

@media only screen and (min-width: 768px) {
    .category-card .icon {
        height:100px;
        width: 100px
    }
}

@media only screen and (min-width: 991px) {
    .category-card .icon {
        height:150px;
        width: 150px
    }
}

.category-card:active,.category-card:focus,.category-card:hover {
    text-decoration: none
}

.category-card:active .h2,.category-card:active h2,.category-card:focus .h2,.category-card:focus h2,.category-card:hover .h2,.category-card:hover h2 {
    color: #000
}

.category-card:active .icon,.category-card:focus .icon,.category-card:hover .icon {
    border-color: #000
}

@media only screen and (min-width: 991px) {
    .category-card {
        margin-bottom:50px
    }
}

.review-card {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 15px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
    margin: 0 auto;
    max-width: 343px;
    padding-bottom: 30px
}

.review-card .review-content {
    padding: 0 20px
}

.review-card .prod-name,.review-card .title,.review-card .verified {
    color: #787878
}

.review-card .review {
    color: #000;
    margin-bottom: 5px
}

.review-card .name,.review-card .prod-name,.review-card .rating {
    margin-bottom: 10px
}

.review-card a {
    margin-bottom: 15px
}

.review-card .header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 70px;
    padding-top: 15px
}

.review-card .header img {
    border-radius: 50%;
    margin: 0 auto
}

.review-card .header.color--1 {
    background: linear-gradient(180deg,#98e0f3,#5fbee4)
}

.review-card .header.color--2 {
    background: linear-gradient(180deg,#82edd8,#4bd6b0)
}

.review-card .header.color--3 {
    background: linear-gradient(180deg,#c8f08e,#97dc55)
}

.review-card .header.color--4 {
    background: linear-gradient(180deg,#00b7fd,#0081fb)
}

.review-card .review-content {
    padding-top: 60px
}

@media only screen and (min-width: 991px) {
    .review-card .review-content {
        padding-top:30px
    }
}

.review-card .product-info {
    display: none
}

.review-card .product-info img {
    margin: 0 auto
}

.accessory-card {
    border: 1px solid #bcbdc0;
    margin: 0 auto 40px;
    max-width: 343px;
    padding: 20px 10px
}

.accessory-card img {
    margin: 0 auto;
    min-height: 300px;
    width: auto
}

@media only screen and (min-width: 991px) {
    .accessory-card {
        margin:0 7px 40px
    }
}

.accessory-card .desc {
    margin-bottom: 15px;
    min-height: 95px
}

.accessory-card .price {
    font-weight: 700;
    margin-bottom: 15px
}

.accessory-card .h2,.accessory-card h2 {
    line-height: 30px
}

.accessory-card .h2,.accessory-card form,.accessory-card h2 {
    margin-bottom: 0
}

.accessory-card .manufacturer {
    color: #000;
    display: -webkit-box;
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.accessory-card .desc,.accessory-card .h2,.accessory-card .price,.accessory-card h2 {
    color: #3d3d3d
}

.accessory-card:focus,.accessory-card:hover {
    border-color: #0081fb
}

.related-product-card {
    border: none;
    height: calc(100% - 22px);
    padding-bottom: 60px
}

.related-product-card .button-wrapper {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.related-product-card .x-product-list__desc {
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

.related-product-card .x-product-list__desc .see-more {
    right: 2px;
    top: 24px
}

.related-product-card .image-wrapper {
    height: 200px;
    margin-bottom: 20px;
    max-height: 200px;
    min-height: 150px
}

.related-product-card .image-wrapper img {
    margin: 0 auto;
    max-height: 200px;
    width: auto
}

.related-product-card .h2,.related-product-card h2 {
    margin-bottom: 5px;
    min-height: 72px
}

.related-product-card p {
    max-height: 96px;
    min-height: 48px;
    position: relative
}

.related-product-card .h2,.related-product-card h2,.related-product-card p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.u-overflow-hidden {
    overflow: hidden
}

.u-hide-visually {
    border: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    white-space: nowrap
}

.u-hide-visually.focusable:active,.u-hide-visually.focusable:focus {
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    clip: auto;
    white-space: inherit
}

.u-hidden {
    display: none
}

.u-invisible {
    visibility: hidden
}

.u-flex {
    display: flex
}

.u-block,.u-shown {
    display: block
}

.u-inline {
    display: inline
}

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

.u-visible {
    visibility: visible
}

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

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

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

.flex--align-baseline {
    align-items: baseline
}

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

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

@media only screen and (min-width: 768px) {
    .u-hidden--s {
        display:none
    }

    .u-invisible--s {
        visibility: hidden
    }

    .u-flex--s {
        display: flex
    }

    .u-block--s,.u-shown--s {
        display: block
    }

    .u-inline--s {
        display: inline
    }

    .u-inline-block--s {
        display: inline-block
    }

    .u-visible--s {
        visibility: visible
    }

    .u-hidden--m {
        display: none
    }

    .u-invisible--m {
        visibility: hidden
    }

    .u-flex--m {
        display: flex
    }

    .u-block--m,.u-shown--m {
        display: block
    }

    .u-inline--m {
        display: inline
    }

    .u-inline-block--m {
        display: inline-block
    }

    .u-visible--m {
        visibility: visible
    }
}

@media only screen and (min-width: 991px) {
    .u-hidden--l {
        display:none
    }

    .u-invisible--l {
        visibility: hidden
    }

    .u-flex--l {
        display: flex
    }

    .u-block--l,.u-shown--l {
        display: block
    }

    .u-inline--l {
        display: inline
    }

    .u-inline-block--l {
        display: inline-block
    }

    .u-visible--l {
        visibility: visible
    }
}

.u-grids-1>.o-layout__item {
    flex-basis: 100%;
    max-width: 100%
}

.u-grids-2>.o-layout__item {
    flex-basis: 50%;
    max-width: 50%
}

.u-grids-3>.o-layout__item {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.u-grids-4>.o-layout__item {
    flex-basis: 25%;
    max-width: 25%
}

.u-grids-5>.o-layout__item {
    flex-basis: 20%;
    max-width: 20%
}

.u-grids-6>.o-layout__item {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.u-grids-7>.o-layout__item {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}

.u-grids-8>.o-layout__item {
    flex-basis: 12.5%;
    max-width: 12.5%
}

.u-grids-9>.o-layout__item {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%
}

.u-grids-10>.o-layout__item {
    flex-basis: 10%;
    max-width: 10%
}

.u-grids-11>.o-layout__item {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%
}

.u-grids-12>.o-layout__item {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

@media only screen and (min-width: 768px) {
    .u-grids-1--s>.o-layout__item {
        flex-basis:100%;
        max-width: 100%
    }

    .u-grids-2--s>.o-layout__item {
        flex-basis: 50%;
        max-width: 50%
    }

    .u-grids-3--s>.o-layout__item {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .u-grids-4--s>.o-layout__item {
        flex-basis: 25%;
        max-width: 25%
    }

    .u-grids-5--s>.o-layout__item {
        flex-basis: 20%;
        max-width: 20%
    }

    .u-grids-6--s>.o-layout__item {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .u-grids-7--s>.o-layout__item {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .u-grids-8--s>.o-layout__item {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .u-grids-9--s>.o-layout__item {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    .u-grids-10--s>.o-layout__item {
        flex-basis: 10%;
        max-width: 10%
    }

    .u-grids-11--s>.o-layout__item {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    .u-grids-12--s>.o-layout__item {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .u-grids-1--m>.o-layout__item {
        flex-basis: 100%;
        max-width: 100%
    }

    .u-grids-2--m>.o-layout__item {
        flex-basis: 50%;
        max-width: 50%
    }

    .u-grids-3--m>.o-layout__item {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .u-grids-4--m>.o-layout__item {
        flex-basis: 25%;
        max-width: 25%
    }

    .u-grids-5--m>.o-layout__item {
        flex-basis: 20%;
        max-width: 20%
    }

    .u-grids-6--m>.o-layout__item {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .u-grids-7--m>.o-layout__item {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .u-grids-8--m>.o-layout__item {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .u-grids-9--m>.o-layout__item {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    .u-grids-10--m>.o-layout__item {
        flex-basis: 10%;
        max-width: 10%
    }

    .u-grids-11--m>.o-layout__item {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    .u-grids-12--m>.o-layout__item {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media only screen and (min-width: 991px) {
    .u-grids-1--l>.o-layout__item {
        flex-basis:100%;
        max-width: 100%
    }

    .u-grids-2--l>.o-layout__item {
        flex-basis: 50%;
        max-width: 50%
    }

    .u-grids-3--l>.o-layout__item {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .u-grids-4--l>.o-layout__item {
        flex-basis: 25%;
        max-width: 25%
    }

    .u-grids-5--l>.o-layout__item {
        flex-basis: 20%;
        max-width: 20%
    }

    .u-grids-6--l>.o-layout__item {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .u-grids-7--l>.o-layout__item {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .u-grids-8--l>.o-layout__item {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .u-grids-9--l>.o-layout__item {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    .u-grids-10--l>.o-layout__item {
        flex-basis: 10%;
        max-width: 10%
    }

    .u-grids-11--l>.o-layout__item {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    .u-grids-12--l>.o-layout__item {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@media only screen and (min-width: 1200px) {
    .u-grids-1--xl>.o-layout__item {
        flex-basis:100%;
        max-width: 100%
    }

    .u-grids-2--xl>.o-layout__item {
        flex-basis: 50%;
        max-width: 50%
    }

    .u-grids-3--xl>.o-layout__item {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .u-grids-4--xl>.o-layout__item {
        flex-basis: 25%;
        max-width: 25%
    }

    .u-grids-5--xl>.o-layout__item {
        flex-basis: 20%;
        max-width: 20%
    }

    .u-grids-6--xl>.o-layout__item {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .u-grids-7--xl>.o-layout__item {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .u-grids-8--xl>.o-layout__item {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .u-grids-9--xl>.o-layout__item {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    .u-grids-10--xl>.o-layout__item {
        flex-basis: 10%;
        max-width: 10%
    }

    .u-grids-11--xl>.o-layout__item {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    .u-grids-12--xl>.o-layout__item {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .u-grids-1--w>.o-layout__item {
        flex-basis: 100%;
        max-width: 100%
    }

    .u-grids-2--w>.o-layout__item {
        flex-basis: 50%;
        max-width: 50%
    }

    .u-grids-3--w>.o-layout__item {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .u-grids-4--w>.o-layout__item {
        flex-basis: 25%;
        max-width: 25%
    }

    .u-grids-5--w>.o-layout__item {
        flex-basis: 20%;
        max-width: 20%
    }

    .u-grids-6--w>.o-layout__item {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .u-grids-7--w>.o-layout__item {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .u-grids-8--w>.o-layout__item {
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    .u-grids-9--w>.o-layout__item {
        flex-basis: 11.1111111111%;
        max-width: 11.1111111111%
    }

    .u-grids-10--w>.o-layout__item {
        flex-basis: 10%;
        max-width: 10%
    }

    .u-grids-11--w>.o-layout__item {
        flex-basis: 9.0909090909%;
        max-width: 9.0909090909%
    }

    .u-grids-12--w>.o-layout__item {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }
}

@font-face {
    font-display: block;
    font-family: ReadyTheme Icons;
    font-style: normal;
    font-weight: 400;
    src: url('https://pipette.com/mm5/prod/theme/fonts/ReadyThemeIcons.woff') format("woff")
}

[class*=" u-icon-"],[class^=u-icon-],[data-icon]:before {
    font-family: ReadyTheme Icons,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" u-icon-"]:before,[class^=u-icon-]:before,[data-icon]:before {
    background-color: transparent
}

.u-icon-error:before {
    content: "!"
}

.u-icon-warning:before {
    content: '"'
}

.u-icon-question:before {
    content: "#"
}

.u-icon-info:before {
    content: "$"
}

.u-icon-gift:before {
    content: "%"
}

.u-icon-settings:before {
    content: "&"
}

.u-icon-protected:before {
    content: "'"
}

.u-icon-secure:before {
    content: "("
}

.u-icon-envelope:before {
    content: ")"
}

.u-icon-truck:before {
    content: "*"
}

.u-icon-globe:before {
    content: "+"
}

.u-icon-history:before {
    content: ","
}

.u-icon-balance:before {
    content: "-"
}

.u-icon-remove:before {
    content: "."
}

.u-icon-cart-add:before {
    content: "/"
}

.u-icon-chevron-up:before {
    content: "0"
}

.u-icon-chevron-down:before {
    content: "1"
}

.u-icon-chevron-left:before {
    content: "2"
}

.u-icon-chevron-right:before {
    content: "3"
}

.u-icon-triangle-up:before {
    content: "4"
}

.u-icon-triangle-down:before {
    content: "5"
}

.u-icon-triangle-left:before {
    content: "6"
}

.u-icon-triangle-right:before {
    content: "7"
}

.u-icon-arrow-up:before {
    content: "8"
}

.u-icon-arrow-down:before {
    content: "9"
}

.u-icon-arrow-left:before {
    content: ":"
}

.u-icon-arrow-right:before {
    content: ";"
}

.u-icon-subtract:before {
    content: "<"
}

.u-icon-add:before {
    content: "="
}

.u-icon-cross:before {
    content: ">"
}

.u-icon-check:before {
    content: "?"
}

.u-icon-zoom-out:before {
    content: "@"
}

.u-icon-zoom-in:before {
    content: "A"
}

.u-icon-search:before {
    content: "B"
}

.u-icon-credit-card:before {
    content: "C"
}

.u-icon-heart-empty:before {
    content: "D"
}

.u-icon-heart-full:before {
    content: "E"
}

.u-icon-star-empty:before {
    content: "F"
}

.u-icon-star-full:before {
    content: "G"
}

.u-icon-home:before {
    content: "H"
}

.u-icon-user:before {
    content: "I"
}

.u-icon-phone:before {
    content: "J"
}

.u-icon-facebook:before {
    content: "K"
}

.u-icon-twitter:before {
    content: "L"
}

.u-icon-pinterest:before {
    content: "M"
}

.u-icon-google:before {
    content: "N"
}

.u-icon-instagram:before {
    content: "O"
}

.u-icon-vimeo:before {
    content: "P"
}

.u-icon-youtube:before {
    content: "Q"
}

.u-icon-flickr:before {
    content: "R"
}

.u-icon-print:before {
    content: "S"
}

.u-icon-wallet:before {
    content: "T"
}

.u-icon-document:before {
    content: "U"
}

.u-icon-menu:before {
    content: "V"
}

.u-icon-calendar:before {
    content: "W"
}

.u-icon-bag-empty:before {
    content: "X"
}

.u-icon-bag-full:before {
    content: "Y"
}

.u-icon-cart-empty:before {
    content: "Z"
}

.u-icon-cart-full:before {
    content: "["
}

.u-icon-location:before {
    content: "\\"
}

@media speech {
    [class*=" u-icon-"]:before,[class^=u-icon-]:before,[data-icon]:before {
        content: none;
        display: none;
        visibility: hidden
    }
}

.icon {
    height: 22px;
    width: 22px
}

.icon--cart {
    color: #0081fb;
    height: 21px;
    width: 25px
}

@media only screen and (min-width: 768px) {
    .icon--cart {
        height:29px;
        width: 33px
    }
}

.icon--cart svg {
    fill: currentColor
}

.icon--account {
    color: #0081fb;
    height: 21px;
    width: 21px
}

@media only screen and (min-width: 768px) {
    .icon--account {
        height:29px;
        width: 27px
    }
}

.icon--account svg {
    fill: currentColor
}

.icon--search {
    height: 22px;
    width: 22px
}

@media only screen and (min-width: 991px) {
    .icon--search {
        height:30px;
        width: 30px
    }
}

.icon--star {
    color: #8dc63f;
    fill: currentColor;
    height: 20px;
    width: 20.9px
}

.icon--favorites {
    height: 29px;
    width: 33px
}

.icon--hamburger {
    height: 19px;
    width: 25px
}

.icon--hamburger,.icon--phone {
    color: #0081fb;
    fill: currentColor
}

.icon--phone {
    height: 21px;
    width: 21px
}

.icon--close {
    height: 16px;
    width: 15px
}

.icon--drop {
    fill: currentColor
}

.icon--qty-minus,.icon--qty-plus {
    height: 18px;
    width: 17px
}

.icon--share {
    height: 24px;
    width: 34px
}

@media only screen and (min-width: 991px) {
    .icon--popup-close {
        height:30px;
        width: 30px
    }
}

.icon--print {
    fill: currentColor
}

@media print {
    @page {
        size: letter;
        margin: 10%;
        orphans: 2;
        widows: 2
    }

    *,:after,:before {
        background: transparent!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }

    body>:not(main) {
        display: none
    }

    * {
        font-size: 14px!important
    }

    a,a:visited {
        text-decoration: underline!important
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #999
    }

    blockquote,img,pre,tr {
        page-break-inside: avoid
    }

    .h2,.h3,h2,h3,p {
        orphans: 3;
        widows: 3
    }

    .h2,.h3,h2,h3 {
        page-break-after: avoid
    }
}

.u-printable__content {
    display: none;
    visibility: hidden
}

@media print {
    #hubspot-messages-iframe-container,.u-printable:not(.u-printable__content) {
        display: none;
        visibility: hidden
    }

    .u-printable__content {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        visibility: visible;
        width: 100%
    }

    .u-printable__content * {
        visibility: visible
    }

    .u-print-none {
        display: none!important
    }

    .u-print-inline {
        display: inline!important
    }

    .u-print-inline-block {
        display: inline-block!important
    }

    .u-print-block {
        display: block!important
    }

    .u-print-table {
        display: table!important
    }

    .u-print-table-row {
        display: table-row!important
    }

    .u-print-table-cell {
        display: table-cell!important
    }

    .u-print-flex {
        display: flex!important
    }

    .u-print-inline-flex {
        display: inline-flex!important
    }

    .print-cart .print-logo {
        margin: 30px auto;
        max-width: 200px
    }

    .print-cart .h2 {
        margin-bottom: 10px!important
    }

    .print-cart .u-color-red {
        color: #ee0020!important
    }

    .print-cart .need-help,.print-cart .order-summary,.print-cart .your-cart {
        margin-left: 25px
    }

    .print-cart .your-cart {
        font-size: 18px!important;
        font-weight: 500!important
    }

    .print-cart .c-keyline {
        border-bottom: 1px solid #bcbdc0
    }

    .print-cart .cart-promos {
        text-align: right;
        text-transform: uppercase
    }

    .print-cart .cart-promos p {
        margin-bottom: 5px;
        margin-right: 25px
    }

    .print-cart table.cart-totals {
        margin: 25px 0
    }

    .print-cart table.cart-totals td {
        padding: 10px 25px!important
    }

    .print-cart table.cart-contents {
        border-collapse: collapse;
        margin-bottom: 5px
    }

    .print-cart table.cart-contents th {
        text-transform: uppercase
    }

    .print-cart table.cart-contents td,.print-cart table.cart-contents th {
        border-bottom: 1px solid #bcbdc0;
        padding: 10px!important
    }

    .print-cart table.cart-contents td.u-text-center,.print-cart table.cart-contents td.u-text-center *,.print-cart table.cart-contents tr.u-text-center,.print-cart table.cart-contents tr.u-text-center * {
        text-align: center
    }

    .print-cart table.cart-contents td p,.print-cart table.cart-contents tr p {
        font-weight: 400!important;
        margin-bottom: 0
    }

    .print-cart table.cart-contents tr td:first-child,.print-cart table.cart-contents tr th:first-child {
        padding-left: 25px!important
    }

    .print-cart table.cart-contents tr td:last-child,.print-cart table.cart-contents tr th:last-child {
        padding-right: 25px!important
    }

    .print-cart table.cart-contents tr th:nth-child(2),.print-cart table.cart-contents tr th:nth-child(3) {
        text-align: center!important
    }

    .print-cart table th {
        text-align: left!important
    }
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1483px;
    padding: 0 22px;
    position: relative;
    width: 100%
}

.wrapper.ten-columns {
    max-width: 1239.5px
}

.wrapper.nine-columns {
    max-width: 1117.75px
}

.wrapper.eight-columns {
    max-width: 996px
}

.wrapper.six-columns {
    max-width: 752.5px
}

.wrapper.four-columns {
    max-width: 487px
}

.wrapper.fullwidth {
    max-width: 100%
}

.wrapper.flush {
    padding: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,.hs-newsletter-signup .hbspt-form p,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,h1,h2,h3,h4,h5,h6 {
    color: #4a4a4a;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    margin-top: 0
}

.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,.hs-newsletter-signup .hbspt-form p a,.page-footer h2 a,.page-header h2 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit
}

.h1,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,h1 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .h1,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,h1 {
        font-size:20px
    }
}

@media only screen and (min-width: 1400px) {
    .h1,.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2,h1 {
        font-size:26px
    }
}

.h2,h2 {
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .h2,h2 {
        font-size:20px
    }
}

.h3,h3 {
    font-weight: 700;
    letter-spacing: .4px
}

@media only screen and (min-width: 768px) {
    .h3,h3 {
        font-size:20px
    }
}

.h4,.hs-newsletter-signup .hbspt-form p,h4 {
    letter-spacing: .4px;
    text-transform: none
}

@media only screen and (min-width: 768px) {
    .h4,.hs-newsletter-signup .hbspt-form p,h4 {
        font-size:20px
    }
}

.h5,h5 {
    letter-spacing: .4px
}

.h5,.h6,h5,h6 {
    font-weight: 700
}

.h6,h6 {
    letter-spacing: .3px;
    text-transform: uppercase
}

.h7 {
    letter-spacing: .4px;
    line-height: 24px
}

#icons,.is-srOnly,.visuallyhidden {
    overflow: hidden;
    position: absolute!important;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.video-wrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-wrapper.has-cover .play-btn {
    background-color: transparent;
    border: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 666
}

.video-wrapper.has-cover .play-btn:hover {
    cursor: pointer
}

.video-wrapper.has-cover iframe {
    display: none
}

.video-wrapper.has-cover img {
    height: auto;
    max-width: 100%
}

.link-primary,.link-secondary,.link-tertiary {
    text-decoration: underline;
    transition: .3s ease
}

.link-primary {
    color: #0081fb;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px
}

.link-primary:not(.text-lowercase) {
    text-transform: uppercase
}

.link-primary:focus,.link-primary:hover {
    color: #3d3d3d;
    text-decoration: none
}

.link-secondary,.link-tertiary {
    display: inline-block
}

.link-secondary {
    color: #0081fb
}

.link-secondary:hover {
    opacity: .7
}

.link-tertiary {
    color: #4bd6b0;
    font-weight: 700
}

.link-tertiary:hover {
    color: #3d3d3d;
    text-decoration: none
}

.link-quaternary {
    color: #787878;
    text-decoration: none;
    text-transform: none
}

.link-quaternary:disabled {
    background-color: #fff
}

.link-quaternary:disabled:hover {
    cursor: not-allowed
}

.cart-footer-actions a,.link--with-icon {
    align-items: center;
    color: #787878;
    display: flex;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.cart-footer-actions a[data-hook=print-page],.link--with-icon[data-hook=print-page] {
    float: right
}

.cart-footer-actions a .icon,.link--with-icon .icon {
    height: 20px;
    margin-right: 5px;
    width: 20px;
    fill: currentColor
}

.cart-footer-actions a:hover,.link--with-icon:hover {
    opacity: .7;
    text-decoration: none
}

.link-pagination {
    font-weight: 700
}

.link-pagination.disabled {
    opacity: .5
}

.link-pagination.disabled:hover {
    cursor: disabled
}

.link-pagination:hover:not(.disabled) {
    color: #3d3d3d;
    text-decoration: none
}

.break-word {
    word-break: break-all
}

.mb-0 {
    margin-bottom: 0
}

html {
    font-size: 1em;
    height: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #4a4a4a;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation
}

body,html {
    min-height: 100%
}

body {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .4px;
    line-height: 24px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow: hidden
}

.rte ol {
    margin-bottom: 0
}

.u-border-none {
    border-width: 0
}

.u-border-thick {
    border-width: 2px
}

.u-border-rounded {
    border-radius: 10em
}

.u-border-square {
    border-radius: 0
}

.u-over-everything {
    z-index: 500
}

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

.c-keyline {
    border: none;
    border-bottom: 1px solid hsla(225,3%,75%,.2);
    margin-bottom: 10px
}

.c-keyline--thick {
    border-bottom-width: 3px;
    margin-bottom: 14px
}

.c-keyline--small {
    margin-bottom: 7px
}

.c-keyline--small.c-keyline--thick {
    margin-bottom: 6px
}

.c-keyline--dark {
    border-color: #bcbdc0
}

a {
    color: #2186ca;
    cursor: pointer;
    text-decoration: none
}

a:active,a:focus,a:hover {
    -webkit-text-decoration: underline solid #006fc6;
    text-decoration: underline solid #006fc6
}

audio,video {
    width: 100%
}

audio:focus,video:focus {
    outline: 1px dotted currentColor
}

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

iframe {
    max-width: 100%
}

embed,object {
    height: 100%
}

img {
    aspect-ratio: attr(width)/attr(height);
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.c-menu__title {
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-menu__list {
    line-height: 1.3125;
    list-style: none;
    margin-left: 0
}

.c-menu__list li {
    margin-bottom: 10px
}

.c-menu__link {
    color: currentColor;
    display: block
}

@media (min-width: 48em) {
    .c-menu__link {
        display:inline-block
    }
}

@media only screen and (min-width: 991px) {
    .header {
        margin-bottom:30px
    }
}

.header.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

.header.sticky-header {
    position: sticky;
    top: 0;
    z-index: 102
}

.header .header-main {
    background-color: #fff;
    padding: 5px 0;
    position: relative;
    z-index: 102
}

@media only screen and (min-width: 768px) {
    .header .header-main {
        padding:20px 0
    }
}

.header .header-main .wrapper {
    position: static
}

@media only screen and (max-width: 767px) {
    .header .header-main .wrapper {
        padding:0 10px 0 15px
    }
}

.header .button--mobile-menu {
    padding-left: 15px
}

.t-page-prod .header,.t-page-prod_list .header {
    margin-bottom: 20px
}

.t-site-header__top-navigation {
    background-color: #97dc55;
    padding: 4px 0
}

@media only screen and (min-width: 768px) {
    .t-site-header__top-navigation {
        padding:10.5px 0
    }
}

.t-site-header__message {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 30px
}

@media only screen and (min-width: 991px) {
    .t-site-header__message {
        font-size:20px
    }

    .t-site-header__message a {
        margin-left: 15px
    }
}

.t-site-header__links [class^=u-icon-] {
    font-size: 1.25rem;
    margin-right: .25em;
    vertical-align: text-bottom
}

.t-site-header__links a {
    color: #fff
}

.t-site-header__links a:hover {
    opacity: .75;
    text-decoration: none;
    transition: .3s
}

.t-site-header__links .o-layout__item {
    padding: 1em 1rem
}

@media (min-width: 48em) {
    .t-site-header__links .o-layout__item:not(:first-of-type) {
        border-left:1px solid #787878
    }
}

.t-site-header__links .x-transfigure-navigation__footer {
    display: flex;
    justify-content: flex-end
}

.t-site-header__links .x-transfigure-navigation__footer-link {
    font-size: inherit;
    font-weight: 400;
    letter-spacing: inherit;
    margin: 0 1rem;
    padding: 0
}

.t-site-header__basket-link {
    padding: 10px 5px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .t-site-header__basket-link {
        padding:.5em calc(1em + 1px) .5em .5em
    }
}

.t-global-account-toggle,.t-site-header__basket-link {
    align-items: center;
    color: #0081fb;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
    text-transform: uppercase
}

@media only screen and (min-width: 991px) {
    .t-global-account-toggle,.t-site-header__basket-link {
        margin-top:15px
    }
}

.t-global-account-toggle .icon,.t-site-header__basket-link .icon {
    fill: currentColor;
    margin-right: 10px
}

.t-global-account-toggle:hover,.t-site-header__basket-link:hover {
    text-decoration: none
}

.t-site-header__basket-link--mobile {
    display: flex;
    font-size: 2rem
}

.t-site-header__basket-link-quantity--mobile {
    border-radius: 50%;
    display: inline-block;
    font-size: .75rem;
    height: 2em;
    line-height: 2;
    min-width: 2em;
    text-align: center;
    touch-action: none;
    transform: translate(-.75em,-1em);
    z-index: -1
}

.account--wrapper {
    position: relative
}

.t-global-account {
    background-color: #fff;
    border: 2px solid #0081fb;
    box-shadow: 0 2px 1px -2px #bcbdc0;
    max-width: 343px;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 27px;
    width: 100vw
}

@media only screen and (max-width: 479px) {
    .t-global-account {
        right:-40px
    }
}

@media only screen and (min-width: 768px) {
    .t-global-account {
        top:38px
    }
}

@media only screen and (min-width: 991px) {
    .t-global-account {
        top:51px
    }
}

.t-global-account:after {
    border: 15px solid transparent;
    border-bottom-color: #0081fb;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 88%;
    position: absolute;
    width: 0
}

@media only screen and (min-width: 768px) {
    .t-global-account:after {
        left:45.5%
    }
}

.t-global-account.logged-in:after {
    left: 88.5%
}

@media only screen and (max-width: 479px) {
    .t-global-account.logged-in:after {
        left:76.5%
    }
}

@media only screen and (min-width: 768px) {
    .t-global-account.logged-in:after {
        left:65.5%
    }
}

@media only screen and (min-width: 991px) {
    .t-global-account.logged-in:after {
        left:62.5%
    }
}

.t-site-header__masthead {
    font-size: .875rem;
    padding-bottom: 1em;
    padding-top: 1em;
    position: relative
}

.t-site-header__logo {
    margin-bottom: 0;
    max-width: 103px
}

@media only screen and (max-width: 767px) {
    .t-site-header__logo {
        margin-top:5px
    }
}

@media only screen and (min-width: 991px) {
    .t-site-header__logo {
        max-width:206px
    }
}

.t-site-header__logo img {
    max-width: 100%
}

.t-site-header__search-form {
    border: 2px solid #5fbee4;
    margin-bottom: 0;
    margin-top: 15px;
    max-width: 300px;
    position: relative
}

@media only screen and (min-width: 1200px) {
    .t-site-header__search-form {
        max-width:594px
    }
}

.button--search {
    background-color: #97dc55;
    height: 33px;
    padding: 0 5px;
    width: 33px
}

.button--search:hover {
    background-color: #5fbee4;
    opacity: .7
}

@media only screen and (min-width: 991px) {
    .button--search {
        background-color:#5fbee4;
        height: 44px;
        padding: 5px 7px;
        width: 44px
    }

    .button--search:hover {
        background-color: #5fbee4;
        opacity: .7
    }
}

.button--search .icon {
    color: #fff;
    fill: currentColor
}

.t-site-header__search-form .c-form-list__item {
    margin-bottom: 0;
    margin-left: auto
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-site-header__search-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .t-site-header__search-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .t-site-header__search-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .t-site-header__search-form textarea,.hs-newsletter-signup .t-site-header__search-form .hs-input,.t-site-header__search-form .c-form-input,.t-site-header__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.t-site-header__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.t-site-header__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.t-site-header__search-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.t-site-header__search-form .hs-newsletter-signup .hs-input {
    height: 44px;
    padding: 10px 20px
}

.t-site-header__search-form .c-button {
    padding: 7px
}

.t-site-header__masthead-links {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.t-site-header__masthead-links a,.t-site-header__masthead-links button,.t-site-header__masthead-links svg {
    transition: .3s ease
}

.t-site-header__masthead-links a:hover,.t-site-header__masthead-links button:hover {
    color: #3d3d3d;
    text-decoration: none
}

.t-site-header__masthead-links a:hover .icon:not(.icon--hamburger),.t-site-header__masthead-links button:hover .icon:not(.icon--hamburger) {
    color: #3d3d3d;
    fill: currentColor
}

.t-site-header__masthead-links [class^=u-icon-] {
    font-size: 1.25rem;
    margin-right: .25em;
    vertical-align: text-bottom
}

.t-site-header__masthead-links .t-global-account-toggle {
    background-color: #fff;
    border: 0
}

@media only screen and (min-width: 991px) {
    .t-site-header__masthead-links .t-global-account-toggle {
        padding:.5em calc(1em + 1px) .5em .5em
    }
}

.t-site-header__masthead-links .t-site-header__basket-link {
    background-color: #fff;
    border: 0;
    margin-left: 1em
}

.cart-quantity-wrapper {
    position: relative
}

.t-site-header__basket-link-quantity {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    left: 4px;
    line-height: 18px;
    margin-left: 2px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 18px
}

@media only screen and (min-width: 768px) {
    .t-site-header__basket-link-quantity {
        left:9px
    }
}

.site-navigation {
    background-color: #5fbee4
}

.account-links ul {
    list-style: none;
    margin: 0
}

.account-links li:last-child {
    border-top: 1px solid hsla(225,3%,75%,.5);
    margin-bottom: 0;
    padding-top: 14px
}

.account-links a {
    align-items: center;
    color: #3d3d3d;
    display: flex;
    font-weight: 700;
    letter-spacing: 0;
    transition: .3s ease
}

.account-links a:hover {
    opacity: .7;
    text-decoration: none
}

.account-links li {
    margin-bottom: 15px
}

.account-links .icon {
    color: #3d3d3d;
    height: 20px;
    margin-right: 15px
}

.account-links .icon svg {
    fill: currentColor
}

.certifications-row {
    background: linear-gradient(270deg,#4bd6b0,#0081fb 50.13%,#4bd6b0);
    margin-bottom: 30px;
    padding: 30px 0
}

.certifications-row .certifications {
    text-align: center
}

@media only screen and (min-width: 768px) {
    .certifications-row .certifications {
        align-content:center;
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.certifications-row .certifications .single-certification {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .certifications-row .certifications .single-certification {
        margin-bottom:0;
        margin-right: 100px
    }
}

.certifications-row .certifications .single-certification:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.newsletter-row {
    background-color: #000;
    background-size: cover;
    margin-bottom: 30px;
    padding: 47px 20px
}

.newsletter-row .newsletter-wrapper {
    background-color: rgba(75,214,176,.65);
    border-radius: 15px;
    margin: 0 auto;
    max-width: 1287px;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .newsletter-row .newsletter-wrapper {
        align-items:center;
        display: flex;
        justify-content: space-between;
        padding: 30px 50px
    }
}

.newsletter-row .newsletter-wrapper .h1 {
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .newsletter-row .newsletter-wrapper .h1 {
        margin-bottom:0;
        text-align: left
    }

    .newsletter-row .header-wrapper {
        padding-right: 20px
    }
}

.newsletter-row .form-wrapper {
    flex-grow: 1;
    max-width: 650px
}

.newsletter-row .newsletter-form {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .newsletter-row .newsletter-form .c-control-group {
        display:block;
        text-align: center
    }

    .hs-newsletter-signup .newsletter-row .newsletter-form .c-control-group .hs-button,.newsletter-row .newsletter-form .c-control-group .c-control-group__button,.newsletter-row .newsletter-form .c-control-group .hs-newsletter-signup .hs-button {
        border-radius: 23.5px;
        margin-top: 15px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input,.newsletter-row .newsletter-form .c-form-input,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input {
    border: 2px solid;
    border-radius: 23.5px;
    color: #fff;
    min-height: 43px;
    padding: 8px 23px
}

@media only screen and (min-width: 768px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input,.newsletter-row .newsletter-form .c-form-input,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input {
        border-bottom-right-radius:0;
        border-right: 0;
        border-top-right-radius: 0;
        padding-left: 30px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .placeholder.hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .placeholder.hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .placeholder.hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea.placeholder,.hs-newsletter-signup .newsletter-row .newsletter-form .placeholder.hs-input,.newsletter-row .newsletter-form .c-form-input.placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .placeholder.hs-input[type=email],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .placeholder.hs-input[type=tel],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .placeholder.hs-input[type=text],.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea.placeholder,.newsletter-row .newsletter-form .hs-newsletter-signup .placeholder.hs-input {
    color: #fff;
    opacity: 1
}

.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email]:-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel]:-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text]:-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea:-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea::-moz-placeholder,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input:-moz-placeholder,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input::-moz-placeholder,.newsletter-row .newsletter-form .c-form-input:-moz-placeholder,.newsletter-row .newsletter-form .c-form-input::-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]:-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]::-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]:-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]::-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]:-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]::-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea:-moz-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea::-moz-placeholder,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input:-moz-placeholder,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email]:-ms-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel]:-ms-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text]:-ms-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea:-ms-input-placeholder,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input:-ms-input-placeholder,.newsletter-row .newsletter-form .c-form-input:-ms-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]:-ms-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]:-ms-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]:-ms-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea:-ms-input-placeholder,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=email]::-webkit-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=tel]::-webkit-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form .hs-input[type=text]::-webkit-input-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .newsletter-row .newsletter-form textarea::-webkit-input-placeholder,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-input::-webkit-input-placeholder,.newsletter-row .newsletter-form .c-form-input::-webkit-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]::-webkit-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]::-webkit-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]::-webkit-input-placeholder,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-form-field textarea::-webkit-input-placeholder,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.contact-form-wrapper .hbspt-form .newsletter-row .newsletter-form .hs-button:hover,.hs-newsletter-signup .newsletter-row .newsletter-form .hs-button:hover,.newsletter-row .newsletter-form .button:hover,.newsletter-row .newsletter-form .contact-form-wrapper .hbspt-form .hs-button:hover,.newsletter-row .newsletter-form .hs-newsletter-signup .hs-button:hover {
    background-color: rgba(0,0,0,.5);
    border-color: transparent
}

.hs-newsletter-signup label:not(.hs-error-msg) {
    overflow: hidden;
    position: absolute!important;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

.hs-newsletter-signup label.hs-error-msg {
    color: #fff;
    font-weight: 700
}

.hs-newsletter-signup .hs-error-msgs {
    padding-top: 8px
}

.hs-newsletter-signup .hs-error-msgs li {
    color: #fff
}

.hs-newsletter-signup .hs_error_rollup {
    display: none
}

.hs-newsletter-signup .hs_email {
    display: inline-block;
    width: 65%
}

@media only screen and (min-width: 1400px) {
    .hs-newsletter-signup .hs_email {
        width:75%
    }
}

.hs-newsletter-signup .hs-input {
    background-color: transparent!important;
    border: 2px solid;
    border-radius: 23.5px;
    color: #fff;
    margin: 0;
    min-height: 47px;
    padding: 8px 23px
}

.hs-newsletter-signup .hs-input:focus {
    background-color: transparent
}

@media only screen and (min-width: 768px) {
    .hs-newsletter-signup .hs-input {
        border-bottom-right-radius:0;
        border-right: 0;
        border-top-right-radius: 0;
        padding-left: 30px
    }
}

.hs-newsletter-signup .hs-input.placeholder {
    color: #fff;
    opacity: 1
}

.hs-newsletter-signup .hs-input:-moz-placeholder,.hs-newsletter-signup .hs-input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.hs-newsletter-signup .hs-input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.hs-newsletter-signup .hs-input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.hs-newsletter-signup form {
    display: flex;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .hs-newsletter-signup form {
        display:block;
        text-align: center
    }

    .hs-newsletter-signup form .hs-button {
        border-radius: 23.5px;
        margin-top: 15px
    }
}

.hs-newsletter-signup .hbspt-form p {
    color: #fff;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .hs-newsletter-signup .hbspt-form {
        text-align:center
    }
}

.hs-newsletter-signup .hs-button {
    border-radius: 0 10em 10em 0
}

.hs-newsletter-signup .hs-button:hover {
    background-color: rgba(0,0,0,.5);
    border-color: transparent
}

@media only screen and (min-width: 768px) {
    .hs-newsletter-signup .hs-button {
        padding:0;
        width: 160px
    }
}

.footer-top {
    background-color: #3d3d3d;
    padding: 30px 0 0
}

@media only screen and (max-width: 767px) {
    .footer-top {
        text-align:center
    }
}

.footer-top .c-menu__link,.footer-top .c-menu__title {
    color: #fff;
    width: 100%
}

.footer-top .c-menu__link:hover {
    text-decoration: underline
}

.footer-top .c-menu__list {
    margin-bottom: 30px
}

.t-global-footer-social-links li {
    margin-bottom: 0;
    margin-right: 15px
}

.t-global-footer-social-links li:last-child {
    margin-right: 0
}

.t-global-footer-social-links li .icon {
    height: 34px;
    width: 34px;
    fill: currentColor
}

.t-global-footer-social-links li a:hover {
    color: #97dc55
}

.footer-contact-block {
    color: #fff;
    display: flex;
    margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
    .footer-contact-block {
        justify-content:center
    }
}

.footer-contact-block .footer-contact-icon {
    color: #fff;
    margin-right: 15px
}

.footer-contact-block .footer-contact-icon .icon {
    fill: currentColor;
    height: 31px;
    width: 31px
}

.footer-contact-block p {
    margin-bottom: 0
}

.footer-contact-block a {
    color: currentColor
}

.footer-bottom {
    background-color: #3d3d3d;
    font-size: 12px;
    padding: 10px 0
}

.footer-bottom .copyright {
    color: #fff;
    margin-bottom: 0
}

.site-navigation {
    position: relative
}

.site-navigation>.wrapper {
    padding: 0;
    position: static
}

@media only screen and (min-width: 1200px) {
    .site-navigation>.wrapper {
        padding:0 22px
    }
}

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

.mega-menu-list {
    display: flex;
    justify-content: space-evenly
}

.mega-menu-list .mega-menu-dropdown {
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,.5);
    display: none;
    left: 0;
    padding: 13px 0 30px;
    position: absolute;
    width: 100%
}

.mega-menu-list .mega-menu-dropdown .dropdown-header {
    line-height: 1.5
}

.mega-menu-list .mega-menu-item {
    color: #fff;
    line-height: 1.3125;
    transition: .3s ease
}

.mega-menu-list .mega-menu-item.is-active,.mega-menu-list .mega-menu-item:hover {
    background-color: #fff;
    color: #5fbee4
}

.mega-menu-list .mega-menu-item.is-active>a .icon--chevron-down,.mega-menu-list .mega-menu-item:hover>a .icon--chevron-down {
    transform: rotateX(-180deg)
}

.mega-menu-list .mega-menu-item>a {
    align-items: center;
    color: inherit;
    display: block;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    padding: 15px 4px;
    text-decoration: none;
    text-transform: uppercase
}

@media only screen and (min-width: 1200px) {
    .mega-menu-list .mega-menu-item>a {
        font-size:15px
    }
}

@media only screen and (min-width: 1400px) {
    .mega-menu-list .mega-menu-item>a {
        font-size:16px;
        padding: 15px 10px
    }
}

@media (min-width: 1500px) {
    .mega-menu-list .mega-menu-item>a {
        padding:15px 18px
    }
}

.mega-menu-list .mega-menu-item:not(.color--highlight)>a {
    border-bottom: 1px solid #5fbee4;
    border-top: 1px solid #5fbee4
}

.mega-menu-list .mega-menu-item .icon--chevron-down {
    fill: currentColor;
    height: 12px;
    margin-left: 3px;
    transition: .3s ease;
    width: 15px
}

@media (min-width: 1500px) {
    .mega-menu-list .mega-menu-item .icon--chevron-down {
        width:21px
    }
}

.mega-menu-list .mega-menu-item .icon--drop {
    height: 19px;
    margin-right: 8px;
    width: 11px
}

.mega-menu-list .mega-menu-item.color--highlight {
    background-color: #97dc55;
    border-bottom: 1px solid #97dc55;
    border-top: 1px solid #97dc55
}

.mega-menu-list .mega-menu-item.color--highlight:active,.mega-menu-list .mega-menu-item.color--highlight:hover {
    background-color: #fff;
    color: #97dc55
}

.mega-menu-list .menu-column-header a {
    color: inherit
}

.mega-menu-list .mega-menu-left-side {
    border-bottom: 1px solid #5fbee4;
    border-top: 1px solid #5fbee4;
    padding: 15px 0 20px
}

@media only screen and (min-width: 991px) {
    .mega-menu-list .mega-menu-left-side .grid>.grid__item {
        margin-bottom:20px;
        min-height: 155px
    }
}

.mega-menu-list .mega-menu-level-3-list li {
    margin-bottom: 5px
}

.mega-menu-list .mega-menu-level-3-list li:last-child {
    margin-bottom: 0
}

.mega-menu-list .mega-menu-level-3-list li a:not(.link-secondary) {
    color: #6d6d6d;
    line-height: 1.5
}

.mega-menu-list .mega-menu-level-3-list+.menu-column-header {
    margin-top: 30px
}

.mega-menu--icon-link {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 990px) {
    .mega-menu--icon-link {
        border-bottom:1px solid #5fbee4;
        padding: 15px
    }
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link {
        margin-top:15px
    }
}

.mega-menu--icon-link.color--primary {
    color: #0081fb
}

.mega-menu--icon-link.color--secondary {
    color: #97dc55
}

.mega-menu--icon-link .h5 {
    color: currentColor;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .mega-menu--icon-link .h5 {
        font-size:14px;
        letter-spacing: 0
    }
}

.mega-menu--icon-link .icon-wrapper {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 55px;
    margin-right: 20px;
    text-align: center;
    width: 55px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link .icon-wrapper {
        height:83px;
        width: 83px
    }
}

.mega-menu--icon-link .icon {
    fill: currentColor;
    height: 50px;
    width: 25px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link .icon {
        height:80px;
        width: 39px
    }
}

.mega-menu--icon-link.rack-tips .icon {
    width: 40px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.rack-tips .icon {
        height:80px;
        width: 55px
    }
}

.mega-menu--icon-link.bulk-tips .icon {
    width: 35px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.bulk-tips .icon {
        height:80px;
        margin-right: 5px;
        width: 50px
    }
}

.mega-menu--icon-link.tube-racks .icon {
    width: 35px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.tube-racks .icon {
        height:85px;
        width: 55px
    }
}

.mega-menu--icon-link.tube-rollers .icon {
    width: 40px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.tube-rollers .icon {
        height:90px;
        width: 65px
    }
}

.mega-menu--icon-link.cell-culture .icon {
    width: 40px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.cell-culture .icon {
        height:75px;
        width: 70px
    }
}

.mega-menu--icon-link.pcr .icon {
    width: 40px
}

@media only screen and (min-width: 991px) {
    .mega-menu--icon-link.pcr .icon {
        height:80px;
        width: 60px
    }
}

.sidenav {
    background-color: #fff;
    display: none;
    max-width: 335px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 90%;
    z-index: 99
}

.sidenav.submenu-open {
    height: 80vh
}

.sidenav .icon {
    fill: currentColor
}

.mobile-menu-open .sidenav {
    display: block
}

.sidenav .closebtn {
    color: #fff;
    left: -25px;
    position: absolute;
    top: 15px
}

.sidenav .mobile-menu--back {
    position: sticky;
    top: 0;
    z-index: 1
}

.sidenav .mobile-menu__search-form {
    background-color: #5fbee4;
    height: 53px;
    margin: 0;
    padding: 10px
}

.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form textarea,.hs-newsletter-signup .sidenav .mobile-menu__search-form .hs-input,.sidenav .mobile-menu__search-form .c-form-input,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.sidenav .mobile-menu__search-form .hs-newsletter-signup .hs-input {
    height: 33px;
    padding: 0 10px
}

.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=email]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=tel]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=text]::-moz-placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form textarea::-moz-placeholder,.hs-newsletter-signup .sidenav .mobile-menu__search-form .hs-input::-moz-placeholder,.sidenav .mobile-menu__search-form .c-form-input::-moz-placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]::-moz-placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]::-moz-placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]::-moz-placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field textarea::-moz-placeholder,.sidenav .mobile-menu__search-form .hs-newsletter-signup .hs-input::-moz-placeholder {
    color: #979595;
    font-size: 14px
}

.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=email]::placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=tel]::placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form .hs-input[type=text]::placeholder,.contact-form-wrapper .hbspt-form .hs-form-field .sidenav .mobile-menu__search-form textarea::placeholder,.hs-newsletter-signup .sidenav .mobile-menu__search-form .hs-input::placeholder,.sidenav .mobile-menu__search-form .c-form-input::placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email]::placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel]::placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text]::placeholder,.sidenav .mobile-menu__search-form .contact-form-wrapper .hbspt-form .hs-form-field textarea::placeholder,.sidenav .mobile-menu__search-form .hs-newsletter-signup .hs-input::placeholder {
    color: #979595;
    font-size: 14px
}

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

.sidenav .mobile-menu-item {
    border-bottom: 1px solid #5fbee4
}

.sidenav .mobile-menu-item>a {
    font-weight: 700;
    text-transform: uppercase
}

.contact-form-wrapper .hbspt-form .sidenav .mobile-menu-item>.hs-button,.hs-newsletter-signup .sidenav .mobile-menu-item>.hs-button,.sidenav .contact-form-wrapper .hbspt-form .mobile-menu-item>.hs-button,.sidenav .hs-newsletter-signup .mobile-menu-item>.hs-button,.sidenav .mobile-menu-item>.button {
    color: #5fbee4;
    display: block;
    font-weight: 700;
    padding: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.contact-form-wrapper .hbspt-form .sidenav .mobile-menu-item>.hs-button .icon--right-arrow,.hs-newsletter-signup .sidenav .mobile-menu-item>.hs-button .icon--right-arrow,.sidenav .contact-form-wrapper .hbspt-form .mobile-menu-item>.hs-button .icon--right-arrow,.sidenav .hs-newsletter-signup .mobile-menu-item>.hs-button .icon--right-arrow,.sidenav .mobile-menu-item>.button .icon--right-arrow {
    height: 21px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 12px
}

.sidenav .mobile-menu-item .icon--drop {
    height: 19px;
    margin-right: 8px;
    width: 11px
}

.sidenav .mobile-menu-item .color--highlight {
    background-color: #97dc55;
    color: #fff
}

.sidenav .mobile-submenu {
    background-color: #fff;
    display: none;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

.contact-form-wrapper .hbspt-form .sidenav .mobile-submenu>.hs-button,.hs-newsletter-signup .sidenav .mobile-submenu>.hs-button,.sidenav .contact-form-wrapper .hbspt-form .mobile-submenu>.hs-button,.sidenav .hs-newsletter-signup .mobile-submenu>.hs-button,.sidenav .mobile-submenu>.button {
    background-color: #5fbee4;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 15px 15px 15px 47px;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

.contact-form-wrapper .hbspt-form .sidenav .mobile-submenu>.hs-button .icon,.hs-newsletter-signup .sidenav .mobile-submenu>.hs-button .icon,.sidenav .contact-form-wrapper .hbspt-form .mobile-submenu>.hs-button .icon,.sidenav .hs-newsletter-signup .mobile-submenu>.hs-button .icon,.sidenav .mobile-submenu>.button .icon {
    height: 21px;
    left: 14px;
    position: absolute;
    width: 12px
}

.sidenav .mobile-submenu .subtitle {
    border-bottom: 1px solid #5fbee4;
    margin-bottom: 0;
    padding: 11px 15px
}

.sidenav .is-open .mobile-submenu {
    display: block
}

.sidenav .has-third-menu {
    transition: .3s ease
}

.contact-form-wrapper .hbspt-form .sidenav .has-third-menu>.hs-button,.hs-newsletter-signup .sidenav .has-third-menu>.hs-button,.sidenav .contact-form-wrapper .hbspt-form .has-third-menu>.hs-button,.sidenav .has-third-menu>.button,.sidenav .hs-newsletter-signup .has-third-menu>.hs-button {
    border-bottom: 1px solid #5fbee4;
    color: #000;
    display: block;
    font-weight: 400;
    padding: 15px;
    text-align: left;
    text-transform: none;
    width: 100%
}

.contact-form-wrapper .hbspt-form .sidenav .has-third-menu>.hs-button .icon,.hs-newsletter-signup .sidenav .has-third-menu>.hs-button .icon,.sidenav .contact-form-wrapper .hbspt-form .has-third-menu>.hs-button .icon,.sidenav .has-third-menu>.button .icon,.sidenav .hs-newsletter-signup .has-third-menu>.hs-button .icon {
    height: 12px;
    position: absolute;
    right: 14px;
    width: 21px;
    fill: #5fbee4;
    top: 50%;
    transform: translateY(-50%)
}

.sidenav .mobile-level-three-menu {
    border-bottom: 1px solid #5fbee4;
    display: none;
    padding: 15px
}

.sidenav .mobile-level-three-menu li {
    margin-bottom: 10px
}

.sidenav .mobile-level-three-menu li:last-child {
    margin-bottom: 0
}

.sidenav .mobile-level-three-menu li a:not(.link-secondary) {
    color: #6d6d6d
}

.contact-form-wrapper .hbspt-form .sidenav .has-third-menu.is-open>.hs-button .icon,.hs-newsletter-signup .sidenav .has-third-menu.is-open>.hs-button .icon,.sidenav .contact-form-wrapper .hbspt-form .has-third-menu.is-open>.hs-button .icon,.sidenav .has-third-menu.is-open>.button .icon,.sidenav .hs-newsletter-signup .has-third-menu.is-open>.hs-button .icon {
    transform: translateY(-50%) rotate(180deg)
}

.sidenav .has-third-menu.is-open>.mobile-level-three-menu {
    display: block
}

.menu-promo-card {
    display: block;
    margin: 0 auto 10px;
    max-width: 180px
}

.menu-promo-card .h5 {
    color: #0081fb;
    margin: 10px 0 5px
}

.menu-promo-card .desc {
    color: #000;
    margin-bottom: 0
}

@media only screen and (min-width: 991px) {
    .menu-promo-card {
        margin:0 auto 20px;
        max-width: 300px
    }

    .menu-promo-card:last-of-type {
        margin: 0 auto 10px
    }
}

.open-footer {
    background-color: #fff;
    padding: 15px
}

.u-bg-red,.u-bg-red:before {
    background-color: #ee0020
}

.u-bg-yellow,.u-bg-yellow:before {
    background-color: #f9ed1f
}

.u-bg-blue,.u-bg-blue:before {
    background-color: #003b6f
}

.u-bg-green,.u-bg-green:before {
    background-color: #0d8670
}

.u-bg-black,.u-bg-black:before {
    background-color: #000
}

.u-bg-gray-50,.u-bg-gray-50:before {
    background-color: #3d3d3d
}

.u-bg-gray-40,.u-bg-gray-40:before {
    background-color: #787878
}

.u-bg-gray-30,.u-bg-gray-30:before {
    background-color: #bcbdc0
}

.u-bg-gray-20,.u-bg-gray-20:before {
    background-color: silver
}

.u-bg-gray-10,.u-bg-gray-10:before {
    background-color: hsla(225,3%,75%,.1)
}

.u-bg-white,.u-bg-white:before {
    background-color: #fff
}

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

.u-bg-primary,.u-bg-primary:before {
    background-color: #0081fb
}

.u-bg-secondary,.u-bg-secondary:before {
    background-color: #5fbee4
}

.u-bg-tertiary,.u-bg-tertiary:before {
    background-color: #4bd6b0
}

.u-bg-highlight,.u-bg-highlight:before {
    background-color: #f9ed1f
}

.u-bg-accent,.u-bg-accent:before {
    background-color: #3cc
}

.c-button:hover.u-bg-red {
    background-color: #b30018
}

.c-button:hover.u-bg-yellow {
    background-color: #bbb217
}

.c-button:hover.u-bg-blue {
    background-color: #002c53
}

.c-button:hover.u-bg-green {
    background-color: #0a6554
}

.c-button:hover.u-bg-black {
    background-color: #404040
}

.c-button:hover.u-bg-gray-50 {
    background-color: #6e6e6e
}

.c-button:hover.u-bg-gray-40 {
    background-color: #9a9a9a
}

.c-button:hover.u-bg-gray-30 {
    background-color: #8d8e90
}

.c-button:hover.u-bg-gray-20 {
    background-color: #909090
}

.c-button:hover.u-bg-gray-10 {
    background-color: rgba(26,26,26,.325)
}

.c-button:hover.u-bg-white {
    background-color: #bfbfbf
}

.c-button:hover.u-bg-primary {
    background-color: #0061bc
}

.c-button:hover.u-bg-secondary {
    background-color: #478fab
}

.c-button:hover.u-bg-tertiary {
    background-color: #38a184
}

.c-button:hover.u-bg-highlight {
    background-color: #bbb217
}

.c-button:hover.u-bg-accent {
    background-color: #269999
}

.u-border-red {
    border-color: #ee0020
}

.u-border-yellow {
    border-color: #f9ed1f
}

.u-border-blue {
    border-color: #003b6f
}

.u-border-green {
    border-color: #0d8670
}

.u-border-black {
    border-color: #000
}

.u-border-gray-50 {
    border-color: #3d3d3d
}

.u-border-gray-40 {
    border-color: #787878
}

.u-border-gray-30 {
    border-color: #bcbdc0
}

.u-border-gray-20 {
    border-color: silver
}

.u-border-gray-10 {
    border-color: hsla(225,3%,75%,.1)
}

.u-border-white {
    border-color: #fff
}

.u-border-transparent {
    border-color: transparent
}

.u-border-primary {
    border-color: #0081fb
}

.u-border-secondary {
    border-color: #5fbee4
}

.u-border-tertiary {
    border-color: #4bd6b0
}

.u-border-highlight {
    border-color: #f9ed1f
}

.u-border-accent {
    border-color: #3cc
}

.u-color-red {
    color: #ee0020
}

.u-color-yellow {
    color: #f9ed1f
}

.u-color-blue {
    color: #003b6f
}

.u-color-green {
    color: #0d8670
}

.u-color-black {
    color: #000
}

.u-color-gray-50 {
    color: #3d3d3d
}

.u-color-gray-40 {
    color: #787878
}

.u-color-gray-30 {
    color: #bcbdc0
}

.u-color-gray-20 {
    color: silver
}

.u-color-gray-10 {
    color: hsla(225,3%,75%,.1)
}

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

.u-color-transparent {
    color: transparent
}

.u-color-primary {
    color: #0081fb
}

.u-color-secondary {
    color: #5fbee4
}

.u-color-tertiary {
    color: #4bd6b0
}

.u-color-highlight {
    color: #f9ed1f
}

.u-color-accent {
    color: #3cc
}

.o-layout[class*=u-bg-] {
    background-color: transparent;
    position: relative
}

.o-layout[class*=u-bg-]:before {
    bottom: 0;
    content: "";
    display: block;
    left: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.o-layout--narrow[class*=u-bg-]:before {
    left: 8px
}

.o-layout--wide[class*=u-bg-]:before {
    left: 32px
}

.o-layout--flush[class*=u-bg-]:before {
    left: 0
}

.o-layout[class*=u-bg-]>* {
    position: relative;
    z-index: 1
}

.swal2-title {
    font-size: 18px!important;
    line-height: 1.5
}

.swal2-cancel,.swal2-confirm {
    border-radius: 0!important
}

.swal2-cancel:hover,.swal2-confirm:hover {
    opacity: .7
}

.swal2-confirm {
    background-color: #5fbee4;
    margin-right: 5px
}

.swal2-cancel {
    background-color: #bcbdc0;
    margin-left: 5px
}

.swal2-actions {
    margin-top: 2rem!important
}

@media only screen and (max-width: 767px) {
    .swal2-actions {
        padding:0!important
    }
}

.swal2-actions button {
    border-radius: 25px!important
}

@media only screen and (max-width: 767px) {
    .swal2-actions button {
        padding:0 22px!important
    }
}

.x-collapsing-breadcrumbs {
    font-size: 0;
    text-transform: uppercase
}

@media (min-width: 768px) and (max-width:1199px) {
    .x-collapsing-breadcrumbs .o-list-inline {
        display:flex
    }
}

.x-collapsing-breadcrumbs .o-list-inline__item {
    font-size: 16px;
    margin-right: 0;
    position: relative;
    vertical-align: middle
}

.x-collapsing-breadcrumbs .o-list-inline__item a {
    background-color: #fff;
    border-radius: 100px;
    color: #787878;
    display: block;
    font-weight: 700;
    line-height: 38px
}

@media only screen and (min-width: 1200px) {
    .x-collapsing-breadcrumbs .o-list-inline__item a {
        border:2px solid;
        padding: 0 15px 0 55px
    }
}

.x-collapsing-breadcrumbs .o-list-inline__item a.home-link {
    border: 2px solid;
    padding: 8px 7px 9px 8px
}

.x-collapsing-breadcrumbs .o-list-inline__item a.home-link .icon {
    display: block;
    height: 21px;
    width: 23px;
    fill: currentColor
}

.x-collapsing-breadcrumbs .o-list-inline__item:not(:first-child) {
    margin-left: 10px
}

@media only screen and (min-width: 1200px) {
    .x-collapsing-breadcrumbs .o-list-inline__item:not(:first-child) {
        margin-left:-40px
    }
}

.x-collapsing-breadcrumbs .o-list-inline__item:not(:first-child) a {
    border-left: 0
}

@media only screen and (max-width: 1199px) {
    .x-collapsing-breadcrumbs .o-list-inline__item:not(:last-of-type) a :after {
        content:">";
        margin-left: 10px
    }
}

.x-collapsing-breadcrumbs .o-list-inline__item:last-of-type a {
    border-color: #000;
    color: #3d3d3d
}

.x-collapsing-breadcrumbs .o-list-inline__item:first-child {
    z-index: 6
}

.x-collapsing-breadcrumbs .o-list-inline__item:nth-child(2) {
    z-index: 5
}

.x-collapsing-breadcrumbs .o-list-inline__item:nth-child(3) {
    z-index: 4
}

.x-collapsing-breadcrumbs .o-list-inline__item:nth-child(4) {
    z-index: 3
}

.x-collapsing-breadcrumbs .o-list-inline__item:nth-child(5) {
    z-index: 2
}

.breadcrumb-test li:not(:last-of-type):after {
    border-right: .2ch solid;
    content: "";
    display: inline-block;
    height: 1.75ch;
    position: relative;
    right: -.5em;
    top: .25ch;
    transform: rotate(15deg)
}

.x-category-tree {
    margin-bottom: 16px;
    position: relative
}

.x-category-tree__trigger {
    display: none
}

.x-category-tree__label.x-collapsible-content__toggle {
    border-bottom: 1px solid #bcbdc0;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    font-weight: 700;
    margin: 0;
    min-height: 2em;
    padding: 16px 0
}

.x-category-tree__label.x-collapsible-content__toggle .u-icon-add {
    color: #5fbee4
}

.x-category-tree .x-collapsible-content__item[aria-hidden=false],.x-category-tree .x-collapsible-content__item[aria-hidden=false] .x-category-tree__row {
    max-height: 100%
}

.x-category-tree__title {
    display: none
}

.x-category-tree__row {
    list-style: none;
    margin: 0 0 20px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: .2s ease-in-out;
    visibility: hidden;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .x-category-tree__row[aria-hidden=false] {
        margin-top:16px
    }
}

.x-category-tree__link {
    color: #3d3d3d;
    display: inline-block;
    margin-right: 5px;
    padding: 0 0 5px;
    transition: color .2s ease-in-out
}

.x-category-tree__link:hover {
    text-decoration: underline
}

.x-category-tree__list--level-2 .x-category-tree__link {
    color: #787878;
    font-size: 13px;
    padding-left: 1.75em
}

.x-category-tree__list--level-3 .x-category-tree__link {
    color: #787878;
    font-size: 12px;
    padding-left: 2.75em
}

.x-category-tree__link--current,.x-category-tree__list--level-2 .x-category-tree__link--current,.x-category-tree__list--level-3 .x-category-tree__link--current {
    color: #000;
    font-weight: 700
}

@media only screen and (min-width: 768px) {
    .x-category-tree__label.x-collapsible-content__toggle {
        display:none
    }

    .x-category-tree__title {
        display: block
    }

    .x-category-tree__heading {
        margin-bottom: 17px
    }

    .x-category-tree__row,.x-category-tree__row.x-collapsible-content__item {
        max-height: none;
        opacity: 1;
        overflow: visible;
        visibility: visible
    }
}

.x-category-tree__product-count {
    color: #5fbee4;
    margin-left: 5px
}

.mm_facet_rangeslider {
    display: block;
    height: 2em;
    margin: .25em;
    position: relative
}

.mm_facet_rangeslider_input_container_high,.mm_facet_rangeslider_input_container_low {
    border-bottom: 1px solid silver;
    height: 2em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 4em
}

.mm_facet_rangeslider_input_container_low {
    border-radius: .25em 0 0 .25em;
    left: 0
}

.mm_facet_rangeslider_input_container_high {
    border-radius: 0 .25em .25em 0;
    right: 0
}

.mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active,.mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active {
    border-color: #0081fb
}

.mm_facet_rangeslider_track_container {
    border-bottom: 1px solid silver;
    border-top: 1px solid silver;
    box-sizing: border-box;
    height: 2em;
    left: 4em;
    position: absolute;
    right: 4em;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mm_facet_rangeslider_track {
    height: .25em;
    left: .25em;
    position: absolute;
    right: .25em;
    top: 50%;
    transform: translateY(-50%)
}

.mm_facet_rangeslider_track_background,.mm_facet_rangeslider_track_selection {
    background: silver;
    bottom: 0;
    left: .5em;
    position: absolute;
    right: .5em;
    top: 0
}

.mm_facet_rangeslider_track_selection {
    background: #40a1fc
}

.mm_facet_rangeslider_track_handle_high,.mm_facet_rangeslider_track_handle_low {
    background: #fff;
    border: 1px solid silver;
    border-radius: 50%;
    cursor: pointer;
    height: 2em;
    left: -.5em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini {
    height: 6em;
    margin: 0
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low {
    border-radius: .25em 0 0 0;
    width: 50%
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high {
    border-left: none;
    border-radius: 0 .25em 0 0;
    width: 50%
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container {
    border: 1px solid silver;
    border-radius: 0 0 .25em .25em;
    border-top: none;
    height: 3em;
    left: 0;
    right: 0;
    top: 2em
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high.mm_facet_rangeslider_input_active,.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low.mm_facet_rangeslider_input_active {
    border-color: hsla(225,3%,75%,.1);
    box-shadow: inset 2px 2px 5px rgba(0,0,0,.15)
}

.x-display-list-filtering {
    display: flex;
    flex-wrap: wrap
}

.x-display-list-filtering__per-page {
    margin-right: 32px
}

.x-hero {
    background-position: 50%;
    background-size: cover;
    display: block;
    position: relative
}

.x-hero__caption {
    bottom: 0;
    padding: 16px 0;
    position: absolute;
    text-shadow: 0 0 25px rgba(0,0,0,.25),1px 1px 1px rgba(0,0,0,.5);
    width: 100%
}

.x-hero__video {
    display: block;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.x-hero__link {
    color: inherit
}

.x-hero--borders:before {
    border: 4px solid hsla(0,0%,100%,.3);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.x-hero--overlap {
    margin-bottom: -10vh
}

.x-hero--overlap .x-hero__caption {
    bottom: 10vh
}

.x-messages {
    background-color: hsla(225,3%,75%,.1);
    border-radius: .1875rem;
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 15px
}

.x-messages :last-child {
    margin-bottom: 0
}

.x-messages--borderless {
    border: 0
}

.x-messages--error {
    background-color: #f8d7da
}

.x-messages--info {
    background-color: rgba(95,190,228,.2);
    border: none;
    font-size: 16px
}

.x-messages--success {
    background-color: #defdd7;
    border: none
}

.x-messages--warning {
    background-color: hsla(225,3%,75%,.1);
    border-color: #f9ed1f
}

.x-messages--with-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.x-messages__icon {
    font-size: 2rem
}

.x-messages__close {
    color: #3d3d3d;
    font-size: 2rem;
    line-height: 1;
    margin-top: -1rem;
    opacity: .3;
    position: absolute;
    right: .25rem;
    text-decoration: none;
    top: 50%
}

.x-pagination {
    align-items: center;
    display: flex;
    margin: 0;
    max-width: 19rem
}

.x-pagination .o-list-inline__item:first-of-type {
    margin-right: 5px
}

@media only screen and (min-width: 768px) {
    .x-pagination .o-list-inline__item:first-of-type {
        margin-right:33px
    }

    .x-pagination .o-list-inline__item:last-of-type {
        margin-left: 18px
    }

    .x-pagination .o-list-inline__item.pagination {
        margin-right: 15px
    }
}

.x-pagination--centered {
    margin: auto
}

.x-pagination--right {
    margin-left: auto
}

.x-product-layout-images {
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.x-product-layout-images .x-product-list__savings-label {
    left: 22px
}

.x-product-layout-images__image {
    display: inline-block;
    margin-bottom: 32px
}

.x-product-layout-images__thumbnail-image {
    margin-bottom: 16px
}

.product-purchase-datas {
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .product-purchase-datas {
        -moz-columns:2;
        column-count: 2
    }
}

.x-product-layout-purchase-data {
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: uppercase
}

.x-product-layout-purchase__name {
    margin-bottom: 19px
}

.x-product-layout-purchase__rating {
    align-items: center;
    color: #0081fb;
    display: flex;
    margin-bottom: 10px
}

.x-product-layout-purchase__rating .icon:last-of-type {
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .x-product-layout__info {
        border-left:3px solid #5fbee4
    }
}

.x-product-layout__rating-title-wrapper {
    background-color: hsla(225,3%,75%,.2);
    padding: 10px
}

@media only screen and (min-width: 768px) {
    .x-product-layout__rating-title-wrapper {
        margin-bottom:20px;
        padding: 20px 10px 20px 20px
    }
}

.x-product-layout-purchase__pricing>span:first-of-type {
    display: inline-block;
    min-width: 120px
}

.x-product-layout-purchase__pricing-savings {
    color: #239f7e;
    font-weight: 700
}

.x-product-layout-purchase__options__price-stock {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    margin-bottom: 17px
}

.x-product-layout-purchase__pricing-current,.x-product-layout-purchase__pricing-original {
    color: #787878;
    font-weight: 700;
    margin-bottom: 4px
}

.x-product-layout-purchase__pricing-original {
    padding-right: 32px
}

.x-product-layout-purchase__options {
    display: flex;
    max-width: none;
    width: auto
}

.t-page-patr .x-product-layout-purchase__options-attribute {
    width: 100%
}

.x-product-layout-purchase__options__attributes {
    padding-bottom: 10px
}

@media only screen and (min-width: 768px) {
    .x-product-layout-purchase__options__attributes {
        margin-bottom:20px
    }
}

.t-page-prod_list .x-product-layout-purchase__options__attributes {
    border-bottom: none
}

.x-product-layout-purchase__options-attribute {
    margin-bottom: 10px
}

.contact-form-wrapper .hbspt-form .hs-form-field .x-product-layout-purchase__options-attribute label,.x-product-layout-purchase__options-attribute .c-form-label,.x-product-layout-purchase__options-attribute .contact-form-wrapper .hbspt-form .hs-form-field label {
    color: #3d3d3d;
    display: block;
    margin-bottom: 4px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .x-product-layout-purchase__options-attribute label,.x-product-layout-purchase__options-attribute .c-form-label,.x-product-layout-purchase__options-attribute .contact-form-wrapper .hbspt-form .hs-form-field label {
        margin-bottom:7px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .x-product-layout-purchase__options-attribute select,.x-product-layout-purchase__options-attribute .c-form-select,.x-product-layout-purchase__options-attribute .contact-form-wrapper .hbspt-form .hs-form-field select {
    border-color: #5fbee4;
    border-radius: 4px
}

@media only screen and (min-width: 991px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .x-product-layout-purchase__options-attribute select,.x-product-layout-purchase__options-attribute .c-form-select,.x-product-layout-purchase__options-attribute .contact-form-wrapper .hbspt-form .hs-form-field select {
        max-width:200px
    }
}

.x-product-layout-purchase__swatches {
    padding-top: 3px
}

.x-product-layout-purchase__swatches button {
    background-color: transparent;
    border: 0;
    padding: 0
}

.x-product-layout-purchase__swatches--active {
    box-shadow: 0 0 0 2px hsla(225,3%,75%,.1),0 0 3px 3px #bcbdc0
}

.x-product-description {
    margin-bottom: 70px;
    padding-top: 48px
}

@media only screen and (max-width: 767px) {
    .x-product-description .wrapper {
        padding-top:0
    }
}

.x-product-description .h1,.x-product-description .h2,.x-product-description .h6,.x-product-description h1,.x-product-description h2,.x-product-description h6 {
    text-transform: none
}

.x-product-description .x-a11y-tabs__panel ul {
    line-height: 2
}

.x-product-description a[href$=".pdf"]:before {
    background: url(/mm5/graphics/00000001/Adobe_PDF_file_icon_32x32.png);
    content: "";
    display: inline-block;
    height: 32px;
    margin-right: 5px;
    vertical-align: middle;
    width: 32px
}

.see-promotion-detail {
    bottom: 0;
    padding: 7px 20px;
    position: absolute;
    right: 0;
    z-index: 1
}

.tooltip-section {
    display: inline-block;
    position: relative
}

.tooltip-toggle {
    border: 1px solid #0081fb;
    border-radius: 100%;
    color: #0081fb;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    line-height: 16px;
    margin-left: 10px;
    vertical-align: text-bottom;
    width: 18px
}

.condition-tooltip-content {
    background: #fff;
    border: 1px solid #5fbee4;
    border-radius: 10px;
    display: none;
    height: auto;
    left: calc(100% + 10px);
    padding: 15px;
    position: absolute;
    top: 0;
    width: 240px;
    z-index: 2
}

@media only screen and (max-width: 479px) {
    .condition-tooltip-content {
        left:-50px;
        top: 100%
    }
}

.condition-tooltip-content.is-open {
    display: block
}

.condition-tooltip-content .condition-title {
    color: #0081fb;
    font-size: 14px;
    margin-bottom: 4px
}

.condition-tooltip-content .condition-description {
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .308;
    margin-bottom: 10px;
    text-transform: none
}

.condition-tooltip-content .condition-description:last-child {
    margin-bottom: 0
}

.card {
    margin-bottom: 20px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .card {
        margin-bottom:40px
    }
}

.product-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.x-product-list__savings-label {
    color: #fff;
    font-weight: 700;
    left: 0;
    padding: 7px 20px;
    position: absolute;
    top: 0;
    z-index: 1
}

.x-product-list__savings-label.color-primary {
    background-color: #0081fb
}

.x-product-list__savings-label.color-secondary {
    background-color: #5fbee4
}

.x-product-list__savings-label.color-tertiary {
    background-color: #4bd6b0
}

.x-product-list {
    margin-bottom: 30px
}

@media only screen and (min-width: 480px) {
    .x-product-list.x-product-list__flex {
        display:flex;
        flex-wrap: wrap
    }

    .x-product-list.x-product-list__flex:after,.x-product-list.x-product-list__flex:before {
        content: none;
        display: none
    }

    .x-product-list.x-product-list__flex .grid__item .x-product-list__link {
        height: calc(100% - 22px);
        padding-bottom: 67px;
        position: relative
    }

    .contact-form-wrapper .hbspt-form .x-product-list.x-product-list__flex .grid__item .x-product-list__link .hs-button,.hs-newsletter-signup .x-product-list.x-product-list__flex .grid__item .x-product-list__link .hs-button,.x-product-list.x-product-list__flex .grid__item .x-product-list__link .button,.x-product-list.x-product-list__flex .grid__item .x-product-list__link .contact-form-wrapper .hbspt-form .hs-button,.x-product-list.x-product-list__flex .grid__item .x-product-list__link .hs-newsletter-signup .hs-button {
        bottom: 20px;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
}

.x-product-list__figure {
    margin: 0
}

@media only screen and (max-width: 479px) {
    .x-product-list__figure {
        min-height:321px
    }
}

.x-product-category__name,.x-product-list__image,.x-product-list__name,.x-product-list__price {
    display: block
}

.x-product-list__name {
    color: #3d3d3d;
    margin-bottom: 5px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 72px;
    overflow: hidden
}

.x-product-category__name {
    color: #0081fb
}

.x-product-list__image {
    margin: 0 auto 16px;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.x-product-list__image--wrapper {
    height: 329px
}

.x-product-list__price {
    color: #000;
    display: inline-block;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px
}

.x-product-list__action {
    padding-top: 16px
}

.x-product-list__link {
    border: 1px solid #bcbdc0;
    margin-bottom: 22px;
    padding: 20px 10px;
    position: relative;
    transition: .3s ease
}

.x-product-list__link .review-count:hover {
    text-decoration: underline
}

.x-product-list__link:hover {
    border-color: #0081fb;
    text-decoration: none
}

.x-product-list__link:hover .x-product-category__name {
    color: #3d3d3d
}

.x-product-list__desc {
    margin-bottom: 15px;
    max-height: 96px;
    overflow: hidden;
    position: relative
}

.x-product-list__desc,.x-product-list__desc p {
    color: #3d3d3d
}

.x-product-list__desc .see-more {
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 17%);
    padding-left: 20px;
    position: absolute;
    right: 0;
    top: 72px
}

.x-product-list__desc .see-more:hover {
    color: #0081fb
}

.x-product-list__desc.has-stock-msg {
    max-height: 50px
}

.x-product-list__desc.has-stock-msg .see-more {
    top: 24px
}

.x-product-list__oos {
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase
}

.x-product-list--carousel .x-product-list__item {
    margin-bottom: 0;
    padding-left: .5rem;
    padding-right: .5rem
}

.miva_datepicker {
    background-color: #fff;
    border: 1px solid #909090;
    display: none;
    padding: 16px;
    position: absolute;
    z-index: 1000
}

.miva_datepicker_calendar_container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 214px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.miva_datepicker_calendar_month_selector {
    align-items: center;
    background-color: #bcbdc0;
    display: flex;
    position: relative
}

.miva_datepicker_calendar_month_selector_next,.miva_datepicker_calendar_month_selector_prev {
    background: 0 -35px no-repeat;
    border: 0;
    cursor: pointer;
    height: 35px;
    padding: 0;
    width: 35px
}

.miva_datepicker_calendar_month_selector_next:hover,.miva_datepicker_calendar_month_selector_prev:hover {
    background-color: #3d3d3d
}

.miva_datepicker_calendar_month_selector_title {
    color: #fff;
    flex-grow: 1;
    text-align: center
}

.miva_datepicker_calendar_month_selector_title_month {
    display: inline-block
}

.miva_datepicker_calendar_month_selector_title_year {
    display: inline-block;
    margin-left: .25em
}

.miva_datepicker_cancel {
    display: inline-block;
    margin-top: .75em
}

.miva_datepicker_calendar_weekday_container {
    height: 34px;
    margin: 2px;
    position: relative
}

.miva_datepicker_calendar_weekday_title {
    display: inline-block;
    font-weight: 700;
    padding: 3px 0;
    position: absolute;
    text-align: center;
    width: 28px
}

#miva_datepicker_calendar_week_container {
    margin: 2px;
    position: relative
}

.miva_datepicker_calendar_week {
    display: block;
    height: 30px;
    position: relative
}

.miva_datepicker_calendar_day {
    align-items: center;
    border: 1px solid #909090;
    bottom: 1px;
    cursor: pointer;
    display: inline-flex;
    font-size: .75em;
    justify-content: center;
    position: absolute;
    top: 1px;
    width: 26px
}

.miva_datepicker_calendar_day:hover {
    background-color: #bcbdc0;
    border-color: #3d3d3d;
    color: #fff
}

.miva_datepicker_calendar_day_noselect,.miva_datepicker_calendar_day_noselect:hover {
    background-color: silver;
    border-color: #3d3d3d;
    color: #3d3d3d
}

.miva_datepicker_calendar_day_current {
    border-color: #3d3d3d;
    color: #3d3d3d;
    font-weight: 700
}

.miva_datepicker_calendar_day_current:hover {
    background-color: #3d3d3d;
    color: #fff
}

.miva_datepicker_calendar_day_active {
    background-color: #3d3d3d;
    border-color: #bcbdc0;
    color: #fff;
    font-weight: 700
}

.miva_datepicker_calendar_day_0 {
    left: 1px
}

.miva_datepicker_calendar_day_1 {
    left: 31px
}

.miva_datepicker_calendar_day_2 {
    left: 61px
}

.miva_datepicker_calendar_day_3 {
    left: 91px
}

.miva_datepicker_calendar_day_4 {
    left: 121px
}

.miva_datepicker_calendar_day_5 {
    left: 151px
}

.miva_datepicker_calendar_day_6 {
    left: 181px
}

.x-search-preview {
    background-color: #fff;
    box-shadow: 0 2px 4px 1px hsla(225,3%,75%,.5);
    display: none;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: .75rem .5rem;
    position: absolute;
    right: 0;
    transition: opacity .5s ease-in-out;
    width: 100%;
    z-index: 500
}

.x-search-preview--open {
    opacity: 1
}

.x-search-preview__entry {
    display: block
}

.x-search-preview__list {
    padding: 0 .5rem
}

.x-search-preview__line {
    align-items: center;
    border-bottom: 1px solid hsla(225,3%,75%,.1);
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    padding: .5rem 0;
    position: relative
}

.x-search-preview__image {
    background-color: #fff;
    height: 4rem;
    margin: 0 1em 0 0;
    overflow: hidden;
    text-align: center;
    width: 4rem
}

.x-search-preview__image img {
    height: 100%;
    margin: 0 auto;
    width: auto
}

.x-search-preview__item {
    display: flex;
    flex: 1;
    justify-content: space-between;
    text-align: left;
    text-decoration: none
}

.x-search-preview__item--selected {
    background-color: hsla(225,3%,75%,.1)
}

.x-search-preview__search-all {
    cursor: pointer;
    font-style: italic;
    padding: .5rem
}

.mm_searchfield_menuitem_selected {
    background-color: hsla(225,3%,75%,.1)
}

[ss-autocomplete] .ss-ac-container .x-search-preview__image div {
    background-position: 50%;
    background-repeat: no-repeat
}

.x-mini-basket {
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: all .2s ease-in-out;
    z-index: 500
}

.x-mini-basket,.x-mini-basket--overlay.open {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.x-mini-basket--overlay.open {
    background-color: rgba(0,0,0,.5);
    z-index: 110
}

.x-mini-basket--open {
    opacity: 1;
    transform: scaleX(1)
}

.x-mini-basket__content {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    max-width: 516px;
    overflow-y: auto;
    padding: 0;
    width: 100vw
}

.x-mini-basket__header {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    padding: 15px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .x-mini-basket__header {
        padding:25px 45px
    }
}

.x-mini-basket__header .h1 {
    margin: 0
}

.contact-form-wrapper .hbspt-form .x-mini-basket__header .hs-button,.hs-newsletter-signup .x-mini-basket__header .hs-button,.x-mini-basket__header .button,.x-mini-basket__header .contact-form-wrapper .hbspt-form .hs-button,.x-mini-basket__header .hs-newsletter-signup .hs-button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

@media only screen and (min-width: 991px) {
    .contact-form-wrapper .hbspt-form .x-mini-basket__header .hs-button,.hs-newsletter-signup .x-mini-basket__header .hs-button,.x-mini-basket__header .button,.x-mini-basket__header .contact-form-wrapper .hbspt-form .hs-button,.x-mini-basket__header .hs-newsletter-signup .hs-button {
        right:45px
    }
}

.contact-form-wrapper .hbspt-form .x-mini-basket__header .hs-button .icon--close,.hs-newsletter-signup .x-mini-basket__header .hs-button .icon--close,.x-mini-basket__header .button .icon--close,.x-mini-basket__header .contact-form-wrapper .hbspt-form .hs-button .icon--close,.x-mini-basket__header .hs-newsletter-signup .hs-button .icon--close {
    height: 21px;
    width: 20px
}

.x-mini-basket__line {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    display: flex;
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .x-mini-basket__line {
        padding:30px 45px
    }
}

.x-mini-basket__message {
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .x-mini-basket__message {
        padding:0 45px
    }
}

.x-mini-basket__image {
    height: 120px;
    margin: 0 15px 0 0;
    overflow: hidden;
    text-align: center;
    width: 120px
}

.x-mini-basket__item {
    text-decoration: none;
    width: 68%
}

.x-mini-basket__item:hover {
    text-decoration: none
}

.x-mini-basket__item-name {
    display: block;
    line-height: 1.5;
    margin-bottom: 5px
}

.x-mini-basket__subscription {
    flex-basis: 100%
}

.x-mini-basket__item-total {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.x-mini-basket__footer .x-mini-basket__actions {
    margin: 15px auto 10px;
    max-width: 450px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .x-mini-basket__footer .x-mini-basket__actions {
        align-items:center;
        display: flex;
        justify-content: space-between
    }
}

.contact-form-wrapper .hbspt-form .x-mini-basket__footer .x-mini-basket__actions .hs-button,.hs-newsletter-signup .x-mini-basket__footer .x-mini-basket__actions .hs-button,.x-mini-basket__footer .x-mini-basket__actions .button,.x-mini-basket__footer .x-mini-basket__actions .contact-form-wrapper .hbspt-form .hs-button,.x-mini-basket__footer .x-mini-basket__actions .hs-newsletter-signup .hs-button {
    margin: 0 16px 15px
}

.x-mini-basket__footer .button--unstyled {
    font-weight: 400;
    padding: 10px;
    text-transform: none
}

.x-mini-basket__charges,.x-mini-basket__cta {
    display: flex;
    flex-grow: 1;
    justify-content: space-between
}

.x-mini-basket__charges {
    flex-direction: column;
    margin-bottom: 15px
}

.x-mini-basket__charge-item {
    display: flex;
    justify-content: space-between
}

.x-mini-basket__total {
    margin-bottom: 0;
    padding: 0 15px
}

@media only screen and (min-width: 991px) {
    .x-mini-basket__total {
        padding:0 45px
    }
}

.x-mini-basket__total>div {
    border-bottom: 1px solid hsla(225,3%,75%,.2);
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding: 15px 0
}

.x-mini-basket__footer-breakdown {
    border-bottom: 3px solid hsla(225,3%,75%,.2)
}

.x-mini-basket__item-cat {
    margin-bottom: 17px
}

.x-mini-basket__accessories .accessory-card {
    margin: 0 auto 30px
}

.hs-newsletter-signup .x-quantify .hs-button,.x-quantify .c-control-group__button,.x-quantify .hs-newsletter-signup .hs-button {
    border-color: #5fbee4;
    border-width: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hs-newsletter-signup .x-quantify .hs-input,.x-quantify .c-control-group__field,.x-quantify .hs-newsletter-signup .hs-input {
    border-color: #5fbee4;
    border-width: 1px;
    height: auto
}

.x-quantify>:first-child {
    border-bottom-left-radius: 6px;
    border-right: 0;
    border-top-left-radius: 6px
}

.x-quantify>:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.x-a11y-tabs {
    margin-bottom: 1rem
}

.x-a11y-tabs [data-tab-component] :focus:not(.focus-visible) {
    box-shadow: inset 0 0 0 4px transparent;
    outline: none;
    text-decoration: none
}

.x-a11y-tabs [data-tab-component] .focus-visible {
    box-shadow: inset 0 0 0 4px #add8e6;
    outline: none;
    text-decoration: none
}

.x-a11y-tabs [role=tablist] {
    border-bottom: 1px solid hsla(0,1%,59%,.3);
    border-top: 1px solid hsla(0,1%,59%,.3);
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width: 991px) {
    .x-a11y-tabs [role=tablist] {
        padding:0 30px
    }
}

.x-a11y-tabs [role=tab],.x-a11y-tabs [role=tablist] li {
    display: inline-block
}

.x-a11y-tabs [role=tab] {
    color: #3d3d3d;
    font-weight: 700;
    opacity: .5;
    padding: 10px 5px;
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .x-a11y-tabs [role=tab] {
        padding:10px 15px
    }
}

@media only screen and (min-width: 991px) {
    .x-a11y-tabs [role=tab] {
        font-size:20px;
        padding: 10px 20px
    }
}

.x-a11y-tabs [role=tab][aria-selected] {
    opacity: 1
}

.x-a11y-tabs [role=tab][aria-selected]:after {
    background-color: #5fbee4;
    bottom: -3px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.x-a11y-tabs [role=tabpanel] {
    padding: 30px
}

@media (max-width: 40em) {
    .x-a11y-tabs [data-tab-component]:before {
        content:"max";
        display: none;
        visibility: hidden
    }

    .x-a11y-tabs [role=tab],.x-a11y-tabs [role=tablist] li {
        display: block;
        position: static
    }

    .x-a11y-tabs [role=tab] {
        border-bottom: 2px solid #5fbee4;
        padding: 20px 10px
    }

    .x-a11y-tabs [role=tablist] li+li a {
        border-top: 0!important
    }

    .x-a11y-tabs [role=tab][aria-selected] {
        position: static
    }

    .x-a11y-tabs [role=tabpanel] {
        border-top: 0;
        padding: 20px 10px
    }
}

.x-a11y-tabs__link {
    border: 0;
    border-bottom: 1px solid silver;
    color: #bcbdc0
}

.x-a11y-tabs__panel {
    border: 0
}

@media only screen and (min-width: 991px) {
    .x-a11y-tabs__list {
        display:flex
    }

    .x-a11y-tabs__link {
        border-bottom-color: transparent;
        top: auto
    }

    .x-a11y-tabs__link:hover {
        text-decoration: none
    }

    .x-a11y-tabs__panel {
        border: 0
    }
}

@media only screen and (min-width: 1400px) {
    .x-a11y-tabs__link {
        margin-right:60px
    }
}

@media only screen and (max-width: 990px) {
    .has-open-main-menu {
        overflow:hidden
    }

    .x-transfigure-navigation {
        backface-visibility: hidden;
        background-color: transparent;
        bottom: 0;
        left: -100vw;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: fixed;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: left;
        transition: all .2s ease-out;
        z-index: -1
    }

    .x-transfigure-navigation.is-open {
        background: rgba(0,0,0,.65);
        left: 0;
        opacity: 1;
        transform: scaleX(1);
        transition: all .2s ease-in;
        z-index: 2
    }

    .x-transfigure-navigation__wrap {
        max-width: 22.5rem;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        background-color: #fff;
        overflow-x: hidden;
        overflow-y: auto
    }

    .x-transfigure-navigation__header .c-button {
        padding: calc(1em - 1px)
    }

    .x-transfigure-navigation__content {
        position: relative
    }

    .x-transfigure-navigation__row,.x-transfigure-navigation__row .c-navigation__row,.x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type {
        background-color: #fff;
        display: block;
        left: 0;
        list-style: none;
        min-height: 100%;
        position: absolute;
        top: 0;
        transition: transform .3s;
        width: 100%
    }

    .x-transfigure-navigation .c-navigation__list {
        position: static
    }

    .x-transfigure-navigation .c-navigation__list.focus-within>.c-navigation__row,.x-transfigure-navigation .c-navigation__list:hover>.c-navigation__row {
        box-shadow: none;
        display: block
    }

    @supports (will-change: auto) {
        .x-transfigure-navigation .c-navigation__list:focus-within>.c-navigation__row {
            box-shadow:none;
            display: block
        }
    }

    .x-transfigure-navigation .c-navigation__link {
        align-items: center;
        backface-visibility: hidden;
        border: solid #d0d0d0;
        border-width: 1px 0 0;
        display: flex;
        height: 3.75rem;
        justify-content: space-between;
        overflow: hidden;
        padding: 0 0 0 1rem;
        text-overflow: ellipsis;
        transform: translateZ(0);
        transition: all .3s;
        white-space: nowrap
    }

    .x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link,.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
        padding-left: 1rem
    }

    .x-transfigure-navigation__row .c-navigation__list:last-of-type>.c-navigation__link,.x-transfigure-navigation__row .c-navigation__row .c-navigation__list:last-of-type>.c-navigation__link {
        border-bottom-width: 1px
    }

    .x-transfigure-navigation__row .c-navigation__row.is-hidden,.x-transfigure-navigation__row.is-hidden {
        transform: translateX(100%)
    }

    .x-transfigure-navigation__row .c-navigation__row.is-hidden>.c-navigation__list>.c-navigation__link,.x-transfigure-navigation__row .c-navigation__row.show-next>.c-navigation__list>.c-navigation__link,.x-transfigure-navigation__row.is-hidden>.c-navigation__list>.c-navigation__link,.x-transfigure-navigation__row.is-hidden>.cmp-primary-navigation__title,.x-transfigure-navigation__row.show-next>.c-navigation__list>.c-navigation__link,.x-transfigure-navigation__row.show-next>.cmp-primary-navigation__title {
        opacity: 0
    }

    .x-transfigure-navigation__row .c-navigation__row.show-next>.c-navigation__list>.c-navigation__link,.x-transfigure-navigation__row.show-next>.c-navigation__list>.c-navigation__link {
        transform: translateX(-100%)
    }

    .x-transfigure-navigation .c-navigation__link-carat {
        display: none
    }

    .x-transfigure-navigation .has-child-menu .c-navigation__link-carat {
        align-self: stretch;
        display: inline-flex
    }

    .x-transfigure-navigation .c-navigation__link-carat>* {
        align-items: center;
        display: flex;
        font-size: .75rem;
        justify-content: center;
        width: 4rem
    }

    .x-transfigure-navigation__footer {
        border-top: 1px solid #d0d0d0;
        font-size: .75rem;
        list-style: none;
        padding: 1rem
    }

    .x-transfigure-navigation__footer-link {
        display: block;
        font-weight: 500;
        line-height: 2;
        padding-bottom: 1em;
        padding-top: 1em
    }
}

@media only screen and (min-width: 991px) {
    .x-transfigure-navigation__row .c-navigation__row {
        display:none;
        position: absolute;
        white-space: nowrap;
        width: auto;
        z-index: 100
    }

    .x-transfigure-navigation>.c-navigation__row {
        display: flex
    }

    .x-transfigure-navigation:hover .c-navigation__list .c-navigation__link {
        color: #bcbdc0;
        transition: color .1s ease-in
    }

    .x-transfigure-navigation .c-navigation__link {
        align-items: center;
        display: flex;
        justify-content: space-around
    }

    .x-transfigure-navigation .c-navigation__link:focus,.x-transfigure-navigation .c-navigation__link:hover {
        text-decoration: none
    }

    .x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__list {
        text-align: left
    }

    .x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type {
        left: 100%;
        top: 0;
        z-index: 200
    }

    .x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link,.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
        justify-content: space-between
    }

    .x-transfigure-navigation .c-navigation__list.focus-within>.c-navigation__row,.x-transfigure-navigation .c-navigation__list:hover>.c-navigation__row {
        box-shadow: 1px 1px .25em 0 rgba(0,0,0,.5);
        display: table
    }

    .x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__list .c-navigation__link {
        color: #bcbdc0
    }

    .x-transfigure-navigation .c-navigation__list:hover .c-navigation__link {
        color: #000;
        transition: color .1s ease-out
    }

    @supports (will-change: auto) {
        .x-transfigure-navigation .c-navigation__list:focus-within>.c-navigation__row {
            box-shadow:1px 1px .25em 0 rgba(0,0,0,.5);
            display: table
        }
    }

    .x-transfigure-navigation__row .is-off-screen .c-navigation__row:nth-child(2) .c-navigation__row {
        box-shadow: -1px 1px .25em 0 rgba(0,0,0,.5);
        left: auto;
        right: 100%
    }

    .x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__row .c-navigation__link,.x-transfigure-navigation__row .c-navigation__row:nth-child(2) .c-navigation__row:last-of-type .c-navigation__link {
        padding-left: 1em
    }

    .x-transfigure-navigation .c-navigation__link-carat {
        font-size: .5em;
        transform: rotate(90deg)
    }

    .x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link-carat {
        transform: rotate(0deg)
    }
}

.x-transfigure-navigation__content {
    padding: 5px 0
}

.x-transfigure-navigation .c-navigation__link {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.x-transfigure-navigation .c-navigation__link:hover {
    box-shadow: none
}

.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link:hover {
    background-color: #fff;
    color: #000;
    transition: color .1s ease-out
}

.x-facet-set__trigger {
    display: none
}

.x-facet-set__label.x-collapsible-content__toggle {
    font-size: .875rem;
    font-weight: 600;
    padding-bottom: .5em;
    text-transform: uppercase
}

.x-facet-set__list {
    margin-bottom: 20px
}

.contact-form-wrapper .hbspt-form .hs-form-field .x-facet-set .hs-form-checkbox-display,.x-facet-set .c-form-checkbox,.x-facet-set .c-form-checkbox--radio,.x-facet-set .c-form-checkbox__caption,.x-facet-set .contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display {
    margin-left: 0;
    padding-left: 0
}

.contact-form-wrapper .hbspt-form .hs-form-field .x-facet-set .hs-form-checkbox-display span:after,.contact-form-wrapper .hbspt-form .hs-form-field .x-facet-set .hs-form-checkbox-display span:before,.x-facet-set .c-form-checkbox span:after,.x-facet-set .c-form-checkbox span:before,.x-facet-set .c-form-checkbox--radio span:after,.x-facet-set .c-form-checkbox--radio span:before,.x-facet-set .c-form-checkbox__caption span:after,.x-facet-set .c-form-checkbox__caption span:before,.x-facet-set .contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display span:after,.x-facet-set .contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display span:before {
    overflow: hidden;
    position: absolute!important;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

.t-faceting {
    height: auto
}

@media only screen and (min-width: 768px) {
    .t-faceting {
        border-radius:0 20px 20px 0;
        box-shadow: 4px 4px 5px 0 hsla(225,3%,75%,.5);
        width: 220px
    }
}

@media only screen and (min-width: 991px) {
    .t-faceting {
        width:341px
    }
}

.t-faceting .search-filters,.t-faceting .title-collapsed {
    display: none
}

.t-faceting .x-category-tree__title {
    background-color: #5fbee4;
    border-top-right-radius: 20px;
    cursor: pointer;
    height: 46px;
    padding: 0 5px;
    transition: .3s ease
}

.t-faceting .x-category-tree__title:hover {
    background-color: #0081fb
}

.t-faceting .x-category-tree__title:hover+.search-filters .icon {
    color: #0081fb
}

.t-faceting .x-category-tree__title .title-opened {
    align-items: center;
    display: flex;
    padding: 0 15px
}

.t-faceting .x-category-tree__title .x-category-tree__heading {
    display: flex;
    justify-content: flex-end
}

.t-faceting .x-category-tree__title .h3,.t-faceting .x-category-tree__title h3 {
    color: #fff;
    font-weight: 400;
    line-height: 46px;
    margin: 0
}

.t-faceting .x-category-tree__title .icon {
    color: #fff;
    fill: currentColor;
    height: 40px;
    width: 40px
}

.t-faceting .u-icon-cross {
    font-size: 12px
}

.t-faceting .c-form-checkbox__input:checked+span {
    color: #000;
    font-weight: 700;
    text-decoration: underline
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-faceting .hs-form-checkbox-display:hover span:first-of-type,.t-faceting .c-form-checkbox:hover span:first-of-type,.t-faceting .contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display:hover span:first-of-type {
    text-decoration: underline
}

@media only screen and (min-width: 768px) {
    .x-facets {
        padding:21px 16px 30px 40px
    }
}

.facet-name {
    margin-bottom: 17px
}

.facet-name,.x-facet-set__list span:not(.x-category-tree__product-count) {
    color: #3d3d3d
}

.applied-filters {
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .filters {
        padding:0 22px
    }
}

.filters.collapsed .t-faceting {
    height: 126px;
    width: 113px
}

.filters.collapsed .x-category-tree__row {
    display: none
}

.filters.collapsed .x-category-tree__title .title-collapsed {
    align-items: center;
    display: flex
}

.filters.collapsed .x-category-tree__title .title-opened {
    display: none
}

.filters.collapsed .search-filters {
    color: #5fbee4;
    cursor: pointer;
    display: block;
    padding-top: 10px;
    text-align: center
}

.filters.collapsed .search-filters .icon {
    fill: currentColor;
    height: 60px;
    width: 60px
}

.filters.collapsed:hover .icon--search-filters {
    color: #0081fb
}

.filters.collapsed:hover .x-category-tree__title {
    background-color: #0081fb
}

.x-collapsible-content__toggle {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    line-height: normal;
    padding: 0;
    width: 100%
}

.accordion-item--title {
    cursor: pointer;
    justify-content: unset;
    margin-bottom: 5px
}

.accordion-item--title .icon {
    color: #4bd6b0;
    margin-right: 15px;
    fill: currentColor
}

@media only screen and (min-width: 991px) {
    .accordion-item--title .icon {
        height:30px;
        width: 30px
    }
}

.accordion-item--content {
    margin-left: 38px
}

@media only screen and (min-width: 991px) {
    .accordion-item--content {
        margin-left:45px
    }
}

.x-collapsible-content__toggle[aria-expanded=true] [class^=u-icon-]:before {
    content: attr(data-toggle)
}

.x-collapsible-content__toggle[aria-expanded=true] .icon--plus {
    display: none
}

.x-collapsible-content__toggle[aria-expanded=false] .icon--plus,.x-collapsible-content__toggle[aria-expanded=true] .icon--minus {
    display: block
}

.x-collapsible-content__toggle[aria-expanded=false] .icon--minus {
    display: none
}

.x-collapsible-content__item[aria-hidden=false] {
    display: block;
    max-height: unset;
    opacity: 1;
    overflow: visible;
    transition: visibility 0s ease,max-height .3s ease,opacity .3s ease;
    visibility: visible
}

.x-collapsible-content__item {
    max-height: 0;
    opacity: 0;
    visibility: hidden
}

.x-product-list__rating {
    align-items: center;
    color: #0081fb;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px
}

.x-product-list__rating .icon--drop {
    height: 26px;
    width: 14px
}

.x-product-list__rating .icon--drop:last-of-type {
    margin-right: 5px
}

@media only screen and (min-width: 768px) {
    .x-product-list__rating .icon--drop {
        margin-right:2px;
        width: 16px
    }
}

.tgreviews-average__star-overlay {
    display: block;
    height: 26px;
    margin-right: 15px
}

.tgreviews__form {
    margin: 0 auto;
    max-width: 450px
}

.tgr_rating {
    margin-bottom: 15px
}

.tgr_rating>label {
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 24px
}

.tgr_rating:not(:checked)>label:hover .icon--rating,.tgr_rating:not(:checked)>label:hover~label .icon--rating,.tgr_rating>input:checked~label .icon--rating {
    color: #0081fb!important
}

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

.icon--rating {
    fill: currentColor;
    stroke: #0081fb
}

.tgr_rating {
    float: left
}

.tgreivews-breaker {
    clear: left;
    height: 1.5rem
}

.tgreviews {
    max-width: 100%
}

.tgreviews div {
    box-sizing: border-box
}

.tgreviews-average-overlay {
    color: #000;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -4px;
    white-space: nowrap
}

.tgreviews-breakdown {
    clear: left
}

.tgreviews-breakdown__count,.tgreviews-breakdown__rating {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto
}

.tgreviews-breakdown__rating {
    text-align: right
}

.tgreviews-breakdown__percent {
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto
}

.tgreviews-breakdown__percentage {
    background: #ccc;
    height: 5px;
    margin-top: 5px;
    position: relative
}

.tgreviews-breakdown__percentage-overlay {
    background: #ffed85;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0
}

.tgreviews-breakdown__count,.tgreviews-breakdown__percent,.tgreviews-breakdown__rating {
    float: left;
    padding: 2px 5px
}

.tgreviews-breakdown__star {
    transform: rotate(100deg)
}

.tgreviews-half {
    float: left;
    width: 50%
}

.tgreviews-breakdown,.tgreviews-flex,.tgreviews-sorting {
    align-items: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.tgreviews-label,.tgreviews-pagination-label {
    font-size: 11px;
    font-weight: 700;
    margin-right: 1rem;
    text-transform: uppercase
}

.tgreviews-label {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto
}

.tgreviews-select {
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 12px;
    padding: .75rem 1rem
}

.tgreviews-average {
    text-align: center
}

.tgreviews-average__star,.tgreviews-average__star-overlay {
    color: rgba(0,0,0,.5);
    position: relative
}

.tgreviews-average__star .icon--drop,.tgreviews-average__star-overlay .icon--drop {
    color: #0081fb
}

.tgreviews-average__star .icon,.tgreviews-review__rating-info .icon {
    color: #0081fb;
    height: 26px;
    margin-right: 5px;
    width: 16px
}

.tgreviews-average__star {
    display: inline-block;
    margin-right: 5px;
    position: relative
}

.tgreviews-average__star.rating--0 .icon--drop,.tgreviews-average__star.rating--1 .icon--drop:nth-of-type(2),.tgreviews-average__star.rating--1 .icon--drop:nth-of-type(3),.tgreviews-average__star.rating--1 .icon--drop:nth-of-type(4),.tgreviews-average__star.rating--1 .icon--drop:nth-of-type(5),.tgreviews-average__star.rating--2 .icon--drop:nth-of-type(3),.tgreviews-average__star.rating--2 .icon--drop:nth-of-type(4),.tgreviews-average__star.rating--2 .icon--drop:nth-of-type(5),.tgreviews-average__star.rating--3 .icon--drop:nth-of-type(4),.tgreviews-average__star.rating--3 .icon--drop:nth-of-type(5),.tgreviews-average__star.rating--4 .icon--drop:nth-of-type(5) {
    color: #fff;
    stroke: #0081fb
}

.tgreviews-average__star-overlay {
    color: #ffed85;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.tgreviews-average__text {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.tgreviews-review {
    border-bottom: 1px solid #ccc;
    line-height: 1.5
}

.tgreviews-rating-title {
    clear: both;
    margin-bottom: .25rem;
    position: relative
}

.tgreviews-verified-buyer {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase
}

.tgreviews-rating-stars {
    color: #ffed85;
    font-size: 1rem
}

.tgreviews-review__rating {
    border: 1px solid #ccc;
    font-size: 11px;
    margin-right: .5rem;
    padding: 2px 5px
}

.tgreviews-review__user {
    font-size: 11px;
    margin-bottom: .25rem
}

.tgreviews-review__additionalfields {
    margin: .5rem 0
}

.tgreviews-review__addlfield-label {
    font-weight: 700
}

.tgreviews-review__title {
    float: left
}

.tgreviews-review__rating-info {
    float: right
}

.tgreviews-rating-title:after,.tgreviews-rating-title:before {
    content: " ";
    display: table
}

.tgreviews-rating-title:after {
    clear: both
}

.review-header {
    margin-bottom: 30px
}

.mfp-bg {
    background: #0b0b0b;
    filter: alpha(opacity=80);
    opacity: .6;
    overflow: hidden;
    z-index: 1042
}

.mfp-bg,.mfp-wrap {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.mfp-wrap {
    -webkit-backface-visibility: hidden;
    outline: none!important;
    z-index: 1043
}

.mfp-container {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 0 8px;
    position: absolute;
    text-align: center;
    width: 100%
}

@media (min-width: 960) {
    .mfp-container {
        top:40%
    }
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    padding: 12px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

.mfp-content #MainContent {
    background: #fff;
    margin: 20px auto;
    max-width: 1100px;
    padding: 20px;
    position: relative;
    width: auto
}

.mfp-content #newsletterPopup {
    margin-bottom: 0
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,button.mfp-close {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    z-index: 1046
}

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

.mfp-close {
    color: #fff;
    filter: alpha(opacity=65);
    font-family: Arial,Baskerville,monospace;
    font-size: 28px;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    opacity: .65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 2px;
    text-align: center;
    text-decoration: none;
    top: 5px;
    width: 44px
}

.mfp-close:focus,.mfp-close:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.mfp-arrow {
    filter: alpha(opacity=65);
    height: 110px;
    margin: -55px 0 0;
    opacity: .65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {
    border: inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0
}

.mfp-arrow .mfp-a,.mfp-arrow:after {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,.mfp-arrow:before {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: #000;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto
}

.mfp-figure,img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    color: #f3f3f3;
    line-height: 18px;
    text-align: left;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0,0,0,.6);
        height: 35px;
        line-height: 35px;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        transform:scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding: 0
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 600px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    padding-top: 0;
    right: 0;
    top: 0
}

.white-popup {
    background: #fff;
    margin: 20px auto;
    max-width: 550px;
    padding: 2rem;
    position: relative;
    transition: all 1s;
    width: auto
}

.white-popup.large {
    max-width: 700px
}

.transparent-popup {
    background: transparent;
    margin: 20px auto;
    max-width: 550px;
    padding: 2rem;
    position: relative;
    transition: all 1s;
    width: auto
}

.transparent-popup.xlarge {
    max-width: 100%
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .6
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.popup-custom {
    border-radius: 30px
}

@media only screen and (min-width: 768px) {
    .popup-custom.large {
        margin:200px auto 0;
        max-width: 1040px;
        padding: 40px
    }
}

@media only screen and (min-width: 991px) {
    .popup-custom .mfp-close {
        font-size:52px;
        right: 15px;
        top: 15px
    }
}

.combination-facets {
    border: 1px solid #5fbee4;
    padding: 25px
}

@media only screen and (max-width: 990px) {
    .combination-facets--inner {
        margin:0 auto;
        max-width: 450px
    }
}

.combination-facet-label {
    font-size: 14px
}

.mm_combination_facet_action_container {
    margin-top: 22px
}

.t-account-landing-section {
    margin-bottom: 1rem
}

@media (min-width: 48em) {
    .t-account-landing-section .x-collapsible-content__toggle {
        display:none
    }

    .t-account-landing-section .x-collapsible-content__item {
        max-height: none;
        opacity: 1;
        overflow: visible;
        visibility: visible
    }
}

.t-account-landing-section__content {
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem
}

.t-account-landing-section__content.x-category-tree__row {
    padding-left: 1rem
}

.t-account-landing-section__content.x-category-tree__row span.x-category-tree__link:hover {
    text-decoration: none
}

.account-heading {
    margin: 10px 0 15px
}

.account-tab-parent-links .navigation-set {
    border-bottom: 1px solid hsla(0,1%,59%,.3);
    border-top: 1px solid hsla(0,1%,59%,.3);
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 30px;
    text-transform: uppercase
}

@media only screen and (min-width: 1200px) {
    .account-tab-parent-links .navigation-set {
        padding:0 77px
    }
}

@media only screen and (max-width: 767px) {
    .account-tab-parent-links .navigation-set {
        flex-wrap:wrap
    }
}

.account-tab-parent-links .navigation-set .tab {
    padding: 13px 10px 10px
}

@media only screen and (max-width: 767px) {
    .account-tab-parent-links .navigation-set .tab {
        text-align:center;
        width: 100%
    }
}

.account-tab-parent-links .navigation-set .tab a,.account-tab-parent-links .navigation-set .tab.disabled span {
    color: #3d3d3d;
    font-weight: 700;
    transition: .3s ease
}

.account-tab-parent-links .navigation-set .tab a {
    opacity: .5
}

.account-tab-parent-links .navigation-set .tab.disabled {
    min-width: 154px
}

.account-tab-parent-links .navigation-set .tab.disabled span {
    opacity: .3
}

.account-tab-parent-links .navigation-set .tab.disabled .coming-soon {
    display: none
}

.account-tab-parent-links .navigation-set .tab.disabled:hover {
    cursor: not-allowed
}

.account-tab-parent-links .navigation-set .tab.disabled:hover .name {
    display: none
}

.account-tab-parent-links .navigation-set .tab.disabled:hover .coming-soon {
    display: inline-block
}

.account-tab-parent-links .navigation-set .tab.tab--active {
    border-bottom: 3px solid #5fbee4
}

.account-tab-parent-links .navigation-set .tab.tab--active a {
    opacity: 1
}

.account-tab-parent-links .navigation-set .tab:focus a,.account-tab-parent-links .navigation-set .tab:hover a {
    opacity: 1;
    text-decoration: none
}

.account-page-child-tabs {
    display: flex;
    list-style: none;
    margin: 0
}

@media only screen and (max-width: 479px) {
    .account-page-child-tabs {
        justify-content:center
    }
}

.account-page-child-tabs .tab a {
    background-color: #bcbdc0;
    border-radius: 15px 15px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    transition: .3s ease
}

@media only screen and (max-width: 479px) {
    .account-page-child-tabs .tab a {
        font-size:13px
    }
}

@media only screen and (min-width: 768px) {
    .account-page-child-tabs .tab a {
        font-size:16px;
        padding: 14px 0;
        width: 215px
    }
}

.account-page-child-tabs .tab a:hover {
    text-decoration: none
}

.account-page-child-tabs .tab:not(.tab--active) a:hover {
    opacity: .7
}

.account-page-child-tabs .tab:not(:last-of-type) {
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .account-page-child-tabs .tab:not(:last-of-type) {
        margin-right:30px
    }
}

.account-page-child-tabs .tab.tab--active a {
    background-color: #5fbee4
}

.order-history-header,.quote-history-header {
    background-color: rgba(95,190,228,.1);
    padding: 20px
}

.contact-form-wrapper .hbspt-form .hs-form-field .order-history-header select,.contact-form-wrapper .hbspt-form .hs-form-field .quote-history-header select,.order-history-header .c-form-select,.order-history-header .contact-form-wrapper .hbspt-form .hs-form-field select,.quote-history-header .c-form-select,.quote-history-header .contact-form-wrapper .hbspt-form .hs-form-field select {
    padding-left: 8px
}

@media only screen and (min-width: 768px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .order-history-header select,.contact-form-wrapper .hbspt-form .hs-form-field .quote-history-header select,.order-history-header .c-form-select,.order-history-header .contact-form-wrapper .hbspt-form .hs-form-field select,.quote-history-header .c-form-select,.quote-history-header .contact-form-wrapper .hbspt-form .hs-form-field select {
        max-width:275px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .order-history-header label,.contact-form-wrapper .hbspt-form .hs-form-field .quote-history-header label,.order-history-header .c-form-label,.order-history-header .contact-form-wrapper .hbspt-form .hs-form-field label,.quote-history-header .c-form-label,.quote-history-header .contact-form-wrapper .hbspt-form .hs-form-field label {
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .order-history-header .grid__item:last-of-type>div,.quote-history-header .grid__item:last-of-type>div {
        justify-content:flex-end
    }
}

.order-history-header .h3,.quote-history-header .h3 {
    margin-bottom: 10px
}

.order-history-header p:last-of-type,.quote-history-header p:last-of-type {
    margin-bottom: 0
}

.ords-header {
    background-color: rgba(95,190,228,.2);
    margin-bottom: 10px;
    padding: 20px
}

@media only screen and (min-width: 991px) {
    .ords-header {
        padding:20px 30px
    }
}

.ords-header .thank-you {
    margin-bottom: 10px
}

.ords-header .order-id {
    margin-bottom: 15px
}

.cart-footer-actions .ords-header a,.ords-header .cart-footer-actions a,.ords-header .link--with-icon {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .cart-footer-actions .ords-header a,.ords-header .cart-footer-actions a,.ords-header .link--with-icon {
        justify-content:flex-end
    }
}

@media only screen and (max-width: 767px) {
    .contact-form-wrapper .hbspt-form .ords-header .hs-button,.hs-newsletter-signup .ords-header .hs-button,.ords-header .button,.ords-header .contact-form-wrapper .hbspt-form .hs-button,.ords-header .hs-newsletter-signup .hs-button {
        margin-bottom:20px
    }
}

.t-ords-customer-summary {
    padding: 1px 0 30px
}

.t-ords-customer-summary .h2 {
    margin: 15px 0
}

.t-ords-customer-summary p {
    padding-left: 30px
}

.t-ords-customer-summary .customer-info-line {
    border-bottom: 1px solid hsla(225,3%,75%,.5);
    margin: 0;
    padding-bottom: 15px
}

.t-ords-customer-summary a {
    color: #787878
}

.t-ords-customer-summary #helpful_info {
    margin-top: 15px
}

.registration-form-wrapper {
    border: 3px solid #5fbee4;
    border-radius: 20px;
    margin-bottom: 70px;
    padding: 16px
}

@media only screen and (min-width: 768px) {
    .registration-form-wrapper {
        padding:30px 40px
    }
}

.registration-form-wrapper .form_row {
    margin-bottom: 20px
}

.registration-form-wrapper .form_row:last-of-type {
    margin-bottom: 32px
}

.contact-form-wrapper .hbspt-form .hs-form-field .registration-form-wrapper .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .registration-form-wrapper .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .registration-form-wrapper .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .registration-form-wrapper select,.contact-form-wrapper .hbspt-form .hs-form-field .registration-form-wrapper textarea,.hs-newsletter-signup .registration-form-wrapper .hs-input,.registration-form-wrapper .c-form-input,.registration-form-wrapper .c-form-select,.registration-form-wrapper .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.registration-form-wrapper .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.registration-form-wrapper .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.registration-form-wrapper .contact-form-wrapper .hbspt-form .hs-form-field select,.registration-form-wrapper .contact-form-wrapper .hbspt-form .hs-form-field textarea,.registration-form-wrapper .hs-newsletter-signup .hs-input {
    margin-bottom: 0
}

.registration-form-wrapper .field-error {
    border-color: #ee0020
}

@media only screen and (max-width: 1199px) {
    .login-popup .grid__item:first-of-type {
        margin-bottom:40px
    }
}

.login-popup .form-wrapper,.login-popup .info-wrapper,.login-popup .inner-content {
    margin: 0 auto
}

.login-popup .inner-content {
    max-width: 400px
}

.login-popup .form-wrapper,.login-popup .info-wrapper {
    max-width: 650px
}

.login-popup .h1 {
    margin-bottom: 33px
}

@media only screen and (min-width: 991px) {
    .contact-form-wrapper .hbspt-form .login-popup .hs-button,.hs-newsletter-signup .login-popup .hs-button,.login-popup .button,.login-popup .contact-form-wrapper .hbspt-form .hs-button,.login-popup .hs-newsletter-signup .hs-button {
        margin:14px 0 30px
    }
}

.login-popup .divider-line {
    position: relative
}

.login-popup .divider-line:after {
    background-color: #787878;
    bottom: -20px;
    content: "";
    height: 1px;
    position: absolute;
    right: -11px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .login-popup .divider-line:after {
        height:100%;
        right: -11px;
        top: 0;
        width: 1px
    }
}

.global-login-popup {
    max-width: 650px
}

@media only screen and (min-width: 991px) {
    .global-login-popup {
        padding:40px 0 52px
    }
}

.global-login-popup .h1 {
    margin-bottom: 34px
}

.global-login-popup .form-wrapper,.global-login-popup .info-wrapper {
    margin: 0 auto
}

.global-login-popup .form-wrapper {
    max-width: 465px
}

.global-login-popup .info-wrapper {
    max-width: 516px
}

.contact-form-wrapper .hbspt-form .hs-form-field .global-login-popup .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .global-login-popup .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .global-login-popup .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .global-login-popup textarea,.global-login-popup .c-form-input,.global-login-popup .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.global-login-popup .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.global-login-popup .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.global-login-popup .contact-form-wrapper .hbspt-form .hs-form-field textarea,.global-login-popup .hs-newsletter-signup .hs-input,.hs-newsletter-signup .global-login-popup .hs-input {
    margin-bottom: 0
}

.global-login-popup .c-form-list__item {
    margin-bottom: 20px
}

.global-login-popup .t-global-account__form {
    margin-bottom: 0
}

.global-login-popup .t-global-account__form .c-form-list__item:last-of-type {
    margin-bottom: 0;
    padding-top: 10px
}

.contact-form-wrapper .hbspt-form .hs-form-field .global-login-popup label,.global-login-popup .c-form-label,.global-login-popup .contact-form-wrapper .hbspt-form .hs-form-field label {
    color: #000
}

.global-login-popup .forgot-password .c-form-list__item,.global-login-popup .forgot-password .o-list-dash {
    margin-bottom: 30px
}

.user-information-section {
    background-color: rgba(95,190,228,.1);
    margin-bottom: 20px;
    padding: 15px 10px
}

@media only screen and (min-width: 768px) {
    .user-information-section {
        border-radius:0 15px 15px 15px;
        padding: 20px 30px 50px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .user-information-section select,.user-information-section .c-form-checkbox__caption:before,.user-information-section .c-form-select,.user-information-section .c-form-select__dropdown,.user-information-section .contact-form-wrapper .hbspt-form .hs-form-field select,.user-information-section input,.user-information-section textarea {
    background-color: transparent
}

.user-information-section textarea {
    height: 120px;
    margin-bottom: 0
}

.user-information-section .grid__item {
    margin-bottom: 15px
}

.contact-form-wrapper .hbspt-form .hs-form-field .user-information-section select,.user-information-section .c-form-select,.user-information-section .contact-form-wrapper .hbspt-form .hs-form-field select {
    display: block
}

@media only screen and (min-width: 1200px) {
    .user-information-section .form-right {
        padding-left:120px
    }
}

.user-information-section .contact-info-line {
    margin-bottom: 17px
}

.user-information-section .contact-info-line:nth-of-type(3) {
    margin-bottom: 35px
}

.user-information-section .contact-info-line span:first-of-type {
    margin-right: 10px
}

@media only screen and (max-width: 767px) {
    .account-sort-by {
        margin:15px 0
    }

    .account-sort-by label {
        display: block
    }
}

.generate-coupon-wrapper input {
    background-color: transparent;
    border: none;
    color: #0081fb;
    display: inline;
    font-weight: 700;
    width: auto
}

.generate-coupon-wrapper .input-wrapper {
    align-items: center;
    border: 1px solid #787878;
    border-radius: 4px;
    display: flex;
    height: 37px;
    justify-content: space-between;
    line-height: 19px;
    margin: 0 auto;
    max-width: 250px
}

.generate-coupon-wrapper .input-wrapper #copy {
    background-color: #5fbee4;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    cursor: pointer;
    height: 37px;
    line-height: 37px;
    padding: 0 10px
}

.reorder-form {
    margin: 0
}

.t-page-bask .header,.t-page-ocst .header,.t-page-opay .header,.t-page-osel .header {
    margin-bottom: 0
}

.t-basket {
    margin-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .t-basket {
        margin-bottom:76px
    }
}

.t-basket .icon {
    fill: currentColor
}

.page-footer .t-basket .h2,.page-footer .t-basket h2,.page-header .t-basket .h2,.page-header .t-basket h2,.t-basket .h1,.t-basket .page-footer .h2,.t-basket .page-footer h2,.t-basket .page-header .h2,.t-basket .page-header h2,.t-basket h1 {
    margin: 27px 0
}

.t-basket__product-summary:not(.favorites) {
    margin-top: 20px
}

.cart-item {
    border-bottom: 1px solid hsla(225,3%,75%,.5)
}

.cart-item:last-child {
    border-bottom: 0
}

.t-basket__order-summary .c-table-simple__row,.t-basket__product-summary .c-table-responsive__row {
    border-color: hsla(225,3%,75%,.1)
}

.t-basket__product-summary thead {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    border-top: 3px solid hsla(225,3%,75%,.2)
}

@media only screen and (min-width: 991px) {
    .t-basket__product-summary tbody .c-table-responsive__cell {
        padding-top:1.5rem
    }
}

.t-basket__product-details {
    font-weight: 600
}

.t-basket-update .x-quantify {
    font-size: .875rem;
    height: 40px;
    width: 120px
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-button,.t-basket-update .x-quantify .c-control-group__button,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button {
    height: 40px;
    padding: 0;
    width: 35px
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-button:focus,.hs-newsletter-signup .t-basket-update .x-quantify .hs-button:hover,.t-basket-update .x-quantify .c-control-group__button:focus,.t-basket-update .x-quantify .c-control-group__button:hover,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button:focus,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button:hover {
    background-color: #787878;
    color: #fff
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-button:focus .icon,.hs-newsletter-signup .t-basket-update .x-quantify .hs-button:hover .icon,.t-basket-update .x-quantify .c-control-group__button:focus .icon,.t-basket-update .x-quantify .c-control-group__button:hover .icon,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button:focus .icon,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button:hover .icon {
    fill: currentColor
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-input,.t-basket-update .x-quantify .c-control-group__field,.t-basket-update .x-quantify .hs-newsletter-signup .hs-input {
    font-size: 16px;
    width: 50px
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-button,.hs-newsletter-signup .t-basket-update .x-quantify .hs-input,.t-basket-update .x-quantify .c-control-group__button,.t-basket-update .x-quantify .c-control-group__field,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button,.t-basket-update .x-quantify .hs-newsletter-signup .hs-input {
    border-color: currentColor;
    color: #787878
}

.hs-newsletter-signup .t-basket-update .x-quantify .hs-button .icon,.hs-newsletter-signup .t-basket-update .x-quantify .hs-input .icon,.t-basket-update .x-quantify .c-control-group__button .icon,.t-basket-update .x-quantify .c-control-group__field .icon,.t-basket-update .x-quantify .hs-newsletter-signup .hs-button .icon,.t-basket-update .x-quantify .hs-newsletter-signup .hs-input .icon {
    fill: currentColor
}

.t-basket__product-remove {
    border: 1px solid #787878;
    border-radius: 6px;
    color: #787878;
    font-size: 12px;
    height: 25px;
    padding: 6px 5px;
    width: 25px
}

.t-basket__product-remove:focus,.t-basket__product-remove:hover {
    background-color: #787878;
    color: #fff
}

.t-basket_coupon-form,.t-checkout-log-in__form {
    margin-bottom: 0
}

.t-basket_coupon-form .x-messages--error,.t-checkout-log-in__form .x-messages--error {
    margin-bottom: 1rem
}

.t-basket_coupon-form[aria-hidden=false],.t-checkout-log-in__form[aria-hidden=false] {
    margin-top: 25px
}

.cart-footer-actions {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    border-top: 3px solid hsla(225,3%,75%,.2);
    justify-content: space-between;
    margin-bottom: 20px
}

.cart-footer-actions a {
    margin: 0;
    padding: 15px 10px 15px 0
}

.cart-footer-actions a:last-of-type {
    padding-right: 0
}

@media only screen and (max-width: 767px) {
    .cart-footer-actions a {
        width:100%
    }
}

@media only screen and (min-width: 1400px) {
    .cart-footer-actions a {
        margin-bottom:0
    }
}

.cart-footer-actions,.continue-link {
    display: flex;
    flex-wrap: wrap
}

.continue-link .icon {
    margin-right: 14px
}

.continue-link:hover {
    opacity: .7;
    text-decoration: none
}

.t-basket-item-subtotal {
    margin-bottom: 5px
}

.t-basket__desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.t-basket__add-promo:hover {
    cursor: pointer
}

.hs-newsletter-signup .t-basket__add-promo .c-control-group .hs-input,.t-basket__add-promo .c-control-group .c-control-group__field,.t-basket__add-promo .c-control-group .hs-newsletter-signup .hs-input {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.hs-newsletter-signup .t-basket__add-promo .c-control-group .hs-button,.t-basket__add-promo .c-control-group .c-control-group__button,.t-basket__add-promo .c-control-group .hs-newsletter-signup .hs-button {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.t-basket__order-summary {
    background-color: hsla(225,3%,75%,.1)
}

.order-summary-header {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 15px;
    width: 100%
}

.order-summary-header .h2 {
    margin-bottom: 0
}

@media only screen and (min-width: 991px) {
    .order-summary-header {
        padding:25px 45px 20px
    }
}

.totals-line {
    border-bottom: 1px solid hsla(225,3%,75%,.5);
    padding: 15px 0
}

.totals-line:last-child {
    border-bottom: 0;
    margin-bottom: 10px;
    padding-bottom: 0
}

.order-summary-totals {
    font-weight: 700;
    padding: 0 15px
}

@media only screen and (min-width: 991px) {
    .order-summary-totals {
        padding:0 45px
    }
}

.order-summary-totals,.order-summary-totals button {
    text-transform: uppercase
}

.order-summary-totals form {
    margin-bottom: 0
}

.order-summary-actions {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    padding: 25px 0
}

.helpful-info {
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .helpful-info {
        padding:25px 45px
    }
}

.save-to-favorites {
    align-items: center;
    display: flex;
    text-transform: uppercase;
    transition: .3s ease
}

.save-to-favorites .icon {
    margin-right: 10px
}

.save-to-favorites:hover {
    color: #787878;
    text-decoration: none
}

.t-display-list-filtering {
    flex-wrap: nowrap
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-display-list-filtering label,.contact-form-wrapper .hbspt-form .hs-form-field .t-display-list-filtering select,.t-display-list-filtering .c-form-label,.t-display-list-filtering .c-form-list__item,.t-display-list-filtering .c-form-select,.t-display-list-filtering .contact-form-wrapper .hbspt-form .hs-form-field label,.t-display-list-filtering .contact-form-wrapper .hbspt-form .hs-form-field select,.t-display-list-filtering .x-display-list-filtering__per-page,.t-display-list-filtering .x-display-list-filtering__sort-by {
    margin-bottom: 0
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-display-list-filtering select,.t-display-list-filtering .c-form-select,.t-display-list-filtering .contact-form-wrapper .hbspt-form .hs-form-field select {
    border-color: #5fbee4
}

.t-display-list-filtering .c-form-select__dropdown {
    border-radius: 4px;
    color: initial;
    padding: 0 10px
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-display-list-filtering select,.t-display-list-filtering .c-form-select,.t-display-list-filtering .contact-form-wrapper .hbspt-form .hs-form-field select {
    max-width: 200px
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-display-list-filtering label,.t-display-list-filtering .c-form-label,.t-display-list-filtering .contact-form-wrapper .hbspt-form .hs-form-field label {
    margin-bottom: 7px
}

.t-pagination.x-pagination--centered {
    justify-content: center
}

.t-pagination .o-list-inline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.t-pagination .c-button {
    border-color: silver;
    height: 2em;
    line-height: 2;
    padding: 0;
    width: 2em
}

.contact-form-wrapper .hbspt-form .hs-form-field .t-pagination select,.t-pagination .c-form-select,.t-pagination .contact-form-wrapper .hbspt-form .hs-form-field select {
    margin-bottom: 0
}

.t-pagination .c-form-select__dropdown {
    border: 0;
    padding: 0
}

.quick-link--list {
    list-style: none;
    margin: 0
}

.quick-link--list li {
    margin-bottom: 10px
}

.quick-link--list li a {
    color: #fff;
    text-decoration: underline
}

.quick-link--list li a:active,.quick-link--list li a:hover {
    text-decoration: none
}

.see-more-text {
    max-height: 231px;
    opacity: 0;
    overflow: hidden;
    transition: .3s ease
}

.see-more-text.truncated a,.see-more-text.truncated p {
    display: inline
}

.see-more-text.loaded {
    max-height: unset;
    opacity: 1
}

.category--promos,.category--related-products {
    min-height: 413px;
    padding-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .category--promos,.category--related-products {
        padding-bottom:70px
    }
}

.category--promos .promo-card p,.category--related-products .promo-card p {
    min-height: 48px
}

.item-count {
    color: #6d6d6d;
    margin: 0
}

.category-listing-filters-wrapper {
    margin-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .category-listing-filters-wrapper {
        margin-bottom:70px
    }
}

@media only screen and (min-width: 768px) {
    .category-listing-filters-wrapper {
        display:flex;
        width: 100%
    }
}

.category--quick-links {
    margin-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .category--quick-links {
        margin-bottom:70px
    }
}

.category--quick-links>.grid__item {
    margin-bottom: 15px
}

@media only screen and (max-width: 990px) {
    .category--quick-links>.grid__item {
        flex-basis:100%;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .category--quick-links>.grid__item:not(:last-of-type) {
        border-right:2px solid #787878
    }

    .category--quick-links .list-wrapper {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 1200px) {
    .category--quick-links .footer-links,.category--quick-links .list-wrapper {
        padding:0 15px 0 30px
    }
}

.category--quick-links .h2,.category--quick-links h2 {
    line-height: 30px;
    margin-bottom: 10px
}

.category--quick-links a {
    color: #3d3d3d
}

.category--quick-links ul {
    list-style: none;
    margin: 0
}

.category--quick-links li {
    margin-bottom: 5px
}

.category--quick-links li.has-icon {
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 991px) {
    .category--quick-links li.has-icon {
        margin-bottom:20px
    }
}

.category--quick-links li.has-icon img {
    margin-right: 14px;
    width: 35px
}

@media only screen and (min-width: 991px) {
    .category--quick-links li.has-icon img {
        width:unset
    }
}

.category--quick-links li.has-icon a {
    color: #0081fb;
    font-size: 14px
}

.category--quick-links li.has-icon:last-of-type a {
    color: #4bd6b0
}

.category--quick-links .footer-links {
    align-self: flex-end;
    margin-top: 20px
}

@media only screen and (min-width: 991px) {
    .category--quick-links .footer-links {
        margin-top:40px
    }
}

.quick-link-list {
    display: flex;
    flex-wrap: wrap;
    padding-right: 16px
}

@media only screen and (min-width: 991px) {
    .quick-link-list {
        padding-right:0
    }
}

.quick-link-list>div {
    flex-basis: 100%;
    width: 100%
}

.listing-sort {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .listing-sort {
        margin-bottom:30px
    }
}

.t-ocst-account-message {
    background-color: rgba(95,190,228,.2);
    border: none;
    display: block;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 10px
}

.t-ocst-account-message .button--clear {
    border: none!important;
    color: #000;
    height: unset;
    line-height: 1;
    padding: 0;
    text-decoration: underline;
    text-transform: none
}

.t-ocst-account-message .button--clear:hover {
    opacity: .7
}

.t-ocst-account-message .inner-content {
    margin: 0 auto;
    max-width: 580px
}

.order-summary-contents .u-flex {
    flex-wrap: wrap
}

.order-summary-contents .c-table-simple__cell {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    padding: 0 15px
}

@media only screen and (min-width: 991px) {
    .order-summary-contents .c-table-simple__cell {
        padding:20px 45px 0
    }
}

.order-summary .c-table-simple__cell {
    border-bottom: 1px solid hsla(225,3%,75%,.2);
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .order-summary .c-table-simple__cell {
        padding:15px 45px
    }

    .order-summary .c-table-simple__row:first-of-type .c-table-simple__cell {
        padding: 25px 45px 20px
    }
}

.order-summary .h5,.order-summary form {
    margin-bottom: 0
}

.order-summary-item {
    max-width: 55%
}

@media only screen and (min-width: 1400px) {
    .order-summary-item {
        width:63%
    }
}

.order-summary-item .h3 {
    margin-bottom: 5px
}

.order-summary-item .h5 {
    margin-bottom: 17px
}

.osel-heading {
    margin-bottom: 20px
}

.order-summary-item__options {
    margin: 15px 0 20px;
    width: 100%
}

.order-summary-item__options>div {
    background-color: #fff;
    border-bottom: 1px solid hsla(225,3%,75%,.2);
    padding: 11px 15px
}

.order-summary-item__options .prompt {
    color: #787878;
    display: inline-block;
    font-weight: 700;
    min-width: 120px;
    text-transform: uppercase
}

.t-checkout-basket-summary {
    height: calc(100% - 1rem)
}

.t-checkout-basket-summary__product-summary tbody .c-table-simple__cell {
    padding-top: 1.5rem
}

.t-checkout-basket-summary__product-summary {
    margin-bottom: 0
}

.t-checkout-basket-summary__image {
    margin-bottom: 0;
    margin-right: 15px;
    max-width: 35%
}

.t-checkout-basket-summary__promo-form,.t-checkout-basket-summary__promo-form:first-child,.t-checkout-basket-summary__promo-form:last-child {
    display: block;
    margin: -1px -2rem;
    padding-left: 2rem;
    padding-right: 2rem
}

@media (min-width: 90em) {
    .t-page-ocst .t-main-content-element,.t-page-opay .t-main-content-element,.t-page-osel .t-main-content-element {
        max-width:none;
        padding-left: 0;
        padding-right: 0
    }

    .t-checkout-basket-summary {
        height: 100%
    }

    .t-checkout-basket-summary__promo-form,.t-checkout-basket-summary__promo-form:first-child,.t-checkout-basket-summary__promo-form:last-child {
        margin: -1px 0
    }

    .t-page-ocst .t-site-footer,.t-page-opay .t-site-footer,.t-page-osel .t-site-footer {
        padding-top: 0
    }

    .t-page-ocst .t-site-footer__disclaimer,.t-page-opay .t-site-footer__disclaimer,.t-page-osel .t-site-footer__disclaimer {
        padding-bottom: 1em;
        padding-top: 1em;
        text-align: left
    }

    .t-page-ocst .t-site-footer__disclaimer .o-layout__item,.t-page-opay .t-site-footer__disclaimer .o-layout__item,.t-page-osel .t-site-footer__disclaimer .o-layout__item {
        flex: 0;
        white-space: nowrap
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .opay-expiration select,.opay-expiration .c-form-select,.opay-expiration .contact-form-wrapper .hbspt-form .hs-form-field select {
    min-width: 48%;
    padding-left: 8px
}

@media only screen and (min-width: 768px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .opay-expiration select:first-of-type,.opay-expiration .c-form-select:first-of-type,.opay-expiration .contact-form-wrapper .hbspt-form .hs-form-field select:first-of-type {
        margin-right:7px
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .opay-expiration select:nth-of-type(2),.opay-expiration .c-form-select:nth-of-type(2),.opay-expiration .contact-form-wrapper .hbspt-form .hs-form-field select:nth-of-type(2) {
        margin-left: 7px
    }
}

@media only screen and (min-width: 991px) {
    .opay-total-charged {
        display:flex
    }
}

@media (min-width: 48em) {
    .t-payment-cta {
        flex-grow:0
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form label,.t-payment-form .c-form-label,.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field label {
        display: block
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form textarea,.hs-newsletter-signup .t-payment-form .hs-input,.t-payment-form .c-form-input,.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.t-payment-form .hs-newsletter-signup .hs-input {
        margin-bottom: 20px
    }

    .t-payment-form .o-layout__item {
        align-items: center;
        display: flex;
        max-width: 75%
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form label,.t-payment-form .c-form-label,.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field label {
        margin-right: 1rem
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form .hs-input[type=text],.contact-form-wrapper .hbspt-form .hs-form-field .t-payment-form textarea,.hs-newsletter-signup .t-payment-form .hs-input,.t-payment-form .c-form-input,.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text],.t-payment-form .contact-form-wrapper .hbspt-form .hs-form-field textarea,.t-payment-form .hs-newsletter-signup .hs-input {
        max-width: 98%;
        width: 100%
    }

    .t-payment-form .c-form-input--cvv {
        width: 93%
    }

    .t-payment-form .t-data-cvv {
        margin-left: .5rem
    }

    .t-payment-form .c-control-group {
        flex-grow: 1
    }
}

.t-checkout-customer-summary {
    background-color: hsla(225,3%,75%,.1);
    margin-bottom: 1rem;
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .t-checkout-customer-summary {
        padding:15px 40px 0
    }
}

.t-checkout-customer-summary .h2 {
    color: #787878
}

@media only screen and (min-width: 991px) {
    .t-checkout-customer-summary.t-checkout-customer-summary--invc {
        padding:20px 30px 45px
    }
}

.t-checkout-customer-summary.t-checkout-customer-summary--invc .h6 {
    margin-bottom: 10px
}

.t-checkout-customer-summary.t-checkout-customer-summary--invc .grid__item {
    margin-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .t-checkout-customer-summary.t-checkout-customer-summary--invc .grid__item {
        margin-bottom:0;
        min-height: 180px
    }
}

.t-checkout-customer-summary.t-checkout-customer-summary--invc p {
    margin-bottom: 7px
}

.t-checkout-customer-summary.t-checkout-customer-summary--invc a:first-of-type {
    margin-top: 15px
}

.t-checkout-customer-summary .c-keyline {
    border-color: silver
}

.checkout-steps {
    margin: 0 auto;
    max-width: 900px
}

.checkout-steps .c-keyline {
    border-bottom: 1px solid hsla(225,3%,75%,.5)
}

@media only screen and (max-width: 1199px) {
    .ocst-action,.osel-action {
        margin:16px 0
    }
}

.invc--print {
    margin-bottom: 16px
}

@media only screen and (min-width: 1400px) {
    .invc--print {
        margin-bottom:0
    }
}

.invc--print .h2 {
    margin-bottom: 10px
}

.invc--print p {
    letter-spacing: .31px;
    margin-bottom: 20px
}

.invc-signup {
    border: 3px solid #5fbee4;
    border-radius: 20px;
    margin: 0 auto 16px;
    max-width: 679px;
    padding: 25px
}

@media only screen and (min-width: 991px) {
    .invc-signup {
        margin-left:auto;
        margin-right: unset;
        padding: 30px 40px 10px
    }
}

.invc-signup .grid__item:not(:last-of-type) {
    margin-bottom: 20px
}

.contact-form-wrapper .hbspt-form .hs-form-field .invc-signup .hs-form-checkbox-display,.invc-signup .c-form-checkbox,.invc-signup .contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display {
    margin-bottom: 10px
}

.invc-signup .h2 {
    margin-bottom: 20px
}

.invc-signup .h2:last-of-type {
    margin-bottom: 30px
}

.invc-signup form {
    margin: 0
}

.invc-signup .c-form-checkbox__caption {
    display: inline-block
}

.custom--order-summary {
    background-color: hsla(225,3%,75%,.1);
    margin-bottom: 20px;
    padding: 15px
}

.custom--order-summary .h1,.custom--order-summary .page-footer .h2,.custom--order-summary .page-footer h2,.custom--order-summary .page-header .h2,.custom--order-summary .page-header h2,.custom--order-summary h1,.page-footer .custom--order-summary .h2,.page-footer .custom--order-summary h2,.page-header .custom--order-summary .h2,.page-header .custom--order-summary h2 {
    margin-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .custom--order-summary {
        padding:20px 30px 30px
    }
}

.custom--order-summary.ords {
    background-color: #fff;
    padding: 0
}

.custom--order-summary.ords .h6 {
    border-top: 3px solid hsla(225,3%,75%,.2);
    margin-bottom: 20px
}

.custom--order-summary.ords .h6,.custom--order-summary.ords .order-line-item {
    border-bottom: 3px solid hsla(225,3%,75%,.2);
    padding: 10px 0
}

.custom--order-summary.ords .order-line-item {
    margin-bottom: 0
}

.custom--order-summary .order-line-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.custom--order-summary .order-line-item .image-wrapper {
    padding-right: 10px;
    width: 33.3333333333%
}

@media only screen and (min-width: 768px) {
    .custom--order-summary .order-line-item .image-wrapper {
        width:16.6666666667%
    }
}

.custom--order-summary .order-line-item .image-wrapper img {
    margin: 0 auto
}

.custom--order-summary .order-line-item .product-info--name,.custom--order-summary .order-line-item .product-info--reorder {
    width: 50%
}

.custom--order-summary .order-line-item .product-info--name p,.custom--order-summary .order-line-item .product-info--reorder p {
    margin-bottom: 5px
}

.custom--order-summary .order-line-item .product-info--qty,.custom--order-summary .order-line-item .product-info--subtotal {
    margin-left: 16.6666666667%;
    width: 83.3333333333%
}

@media only screen and (min-width: 768px) {
    .custom--order-summary .order-line-item .product-info--qty,.custom--order-summary .order-line-item .product-info--subtotal {
        margin-left:unset;
        text-align: right;
        width: 16.6666666667%
    }
}

.custom--order-summary .order-line-item .qty-sub-reorder {
    display: flex;
    flex-wrap: wrap;
    margin-left: 33.3333333333%;
    width: 50%
}

@media only screen and (min-width: 768px) {
    .custom--order-summary .order-line-item .qty-sub-reorder {
        justify-content:flex-end;
        margin-left: unset;
        width: 33.3333333333%
    }
}

.custom--order-summary .order-line-item .qty-sub-reorder .h3 {
    margin-bottom: 5px
}

.custom--order-summary .order-line-item .qty-sub-reorder .qty,.custom--order-summary .order-line-item .qty-sub-reorder .sub {
    width: 83.3333333333%
}

@media only screen and (min-width: 768px) {
    .custom--order-summary .order-line-item .qty-sub-reorder .qty,.custom--order-summary .order-line-item .qty-sub-reorder .sub {
        width:50%
    }
}

.custom--order-summary .order-line-item .qty-sub-reorder .reorder {
    width: 100%
}

.contact-form-wrapper .hbspt-form .custom--order-summary .order-line-item .qty-sub-reorder .reorder .hs-button,.custom--order-summary .order-line-item .qty-sub-reorder .reorder .button,.custom--order-summary .order-line-item .qty-sub-reorder .reorder .contact-form-wrapper .hbspt-form .hs-button,.custom--order-summary .order-line-item .qty-sub-reorder .reorder .hs-newsletter-signup .hs-button,.hs-newsletter-signup .custom--order-summary .order-line-item .qty-sub-reorder .reorder .hs-button {
    min-width: 205px
}

.custom--order-breakdown {
    border-top: 1px solid hsla(225,3%,75%,.5);
    margin: 0 auto
}

.custom--order-breakdown:not(.ords):not(.logged-in) {
    max-width: 426px
}

@media only screen and (min-width: 991px) {
    .custom--order-breakdown {
        margin-left:auto;
        margin-right: unset
    }

    .custom--order-breakdown .final-total {
        font-size: 20px
    }
}

.custom--order-breakdown.ords {
    border-top: none
}

.custom--order-breakdown.ords .totals-line {
    padding: 10px 0
}

.homepage-section {
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .homepage-section {
        margin-bottom:70px
    }
}

.homepage-top-section {
    margin-bottom: 22px
}

@media only screen and (min-width: 768px) {
    .homepage-top-section {
        margin-bottom:50px
    }
}

.slider-wrapper {
    position: relative
}

.slider-wrapper .dots-container {
    bottom: 6px;
    height: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 991px) {
    .slider-wrapper .dots-container {
        height:90px
    }
}

@media only screen and (min-width: 1200px) {
    .slider-wrapper .dots-container {
        height:110px
    }
}

.slider-wrapper .dots-container .slick-dots {
    bottom: 13px;
    left: 50%;
    max-width: 954px;
    padding: 0 22px;
    position: absolute;
    text-align: left;
    transform: translate(-50%);
    width: 100%
}

@media only screen and (min-width: 991px) {
    .slider-wrapper .dots-container .slick-dots {
        bottom:15px
    }
}

@media only screen and (min-width: 1200px) {
    .slider-wrapper .dots-container .slick-dots {
        bottom:30px
    }
}

@media (max-width: 510px) {
    .slider-wrapper .dots-container .slick-dots {
        bottom:10px
    }
}

.slider-wrapper .dots-container .slick-dots li button {
    background-color: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 35px;
    width: 35px
}

@media only screen and (min-width: 991px) {
    .slider-wrapper .dots-container .slick-dots li button {
        font-size:20px;
        height: 50px;
        letter-spacing: .72px;
        line-height: 23px;
        width: 50px
    }
}

.slider-wrapper .dots-container .slick-dots li button:focus {
    outline: none
}

.slider-wrapper .dots-container .slick-dots li.slick-active button {
    border: 2px solid #fff
}

@media only screen and (min-width: 1400px) {
    .slider-wrapper .dots-container .slick-dots li:not(:last-of-type) button {
        margin-right:15px
    }
}

.slider {
    opacity: 0;
    position: relative;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    visibility: hidden
}

.slider.slick-initialized {
    opacity: 1;
    visibility: visible
}

.slider .slick-track {
    margin: 0
}

@media only screen and (max-width: 990px) {
    .slider {
        margin-bottom:0
    }
}

.slider .image-wrapper {
    padding-top: 103.7735849057%;
    position: relative
}

.slider .image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 768px) {
    .slider .image-wrapper {
        padding-top:46.1538461538%;
        position: relative
    }

    .slider .image-wrapper img {
        -o-object-fit: unset;
        object-fit: unset
    }
}

.slider .main-image,.slider picture {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.slider .slide {
    position: relative
}

.slider .inner-content {
    border-radius: 15px;
    max-width: 70%;
    padding: 0 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@media only screen and (max-width: 990px) {
    .contact-form-wrapper .hbspt-form .slider .inner-content .hs-button:not(.has-overrides),.hs-newsletter-signup .slider .inner-content .hs-button:not(.has-overrides),.slider .inner-content .button:not(.has-overrides),.slider .inner-content .contact-form-wrapper .hbspt-form .hs-button:not(.has-overrides),.slider .inner-content .hs-newsletter-signup .hs-button:not(.has-overrides) {
        background-color:#fff;
        border-color: #fff;
        color: #0081fb;
        height: 35px;
        line-height: 32px;
        padding: 0 22px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .slider .inner-content {
        top:35%
    }
}

@media only screen and (min-width: 991px) {
    .slider .inner-content {
        max-width:954px;
        transform: translate(-50%,-65%)
    }
}

@media only screen and (max-width: 1199px) {
    .slider .inner-content .h1 {
        font-size:22px
    }
}

@media only screen and (min-width: 1200px) {
    .slider .inner-content .h1 {
        line-height:47px
    }
}

.slider .inner-content,.slider .inner-slide {
    position: absolute;
    z-index: 2
}

@media only screen and (min-width: 991px) {
    .slider .inner-content,.slider .inner-slide {
        left:50%
    }
}

@media (max-width: 400px) {
    .slider .inner-content,.slider .inner-slide {
        top:45%
    }
}

.slider .h2,.slider h2,.slider p {
    color: #fff
}

@media only screen and (max-width: 1199px) {
    .slider .subheading {
        font-size:16px!important
    }

    .slider .promo-text {
        font-size: 18px!important;
        margin-bottom: 10px!important;
        margin-left: 5px!important
    }

    .slider .subheading-wrapper {
        margin-bottom: 0!important;
        max-width: 200px!important
    }
}

@media only screen and (min-width: 991px) {
    .slider .h2,.slider h2 {
        font-size:40px;
        margin-bottom: 30px
    }

    .slider .subheading {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 60px
    }

    .slider .has-promo-text .subheading {
        margin-bottom: 50px
    }

    .slider .has-promo-text .promo-text {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 990px) {
    .featured-category--wrapper .grid {
        margin-left:-5px
    }

    .featured-category--wrapper .grid__item {
        padding-left: 5px
    }

    .contact-form-wrapper .hbspt-form .featured-category--wrapper .hs-button,.featured-category--wrapper .button,.featured-category--wrapper .contact-form-wrapper .hbspt-form .hs-button,.featured-category--wrapper .hs-newsletter-signup .hs-button,.hs-newsletter-signup .featured-category--wrapper .hs-button {
        padding: 0 23px
    }
}

.category--related-products .promo-card p,.homepage-featured-products .promo-card p {
    min-height: 48px
}

.expert-services {
    padding: 45px 0 15px;
    position: relative
}

@media only screen and (min-width: 991px) {
    .expert-services {
        padding:60px 0
    }
}

.expert-services .bg {
    background-size: cover;
    bottom: 10px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%
}

.expert-services:after,.expert-services:before {
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%
}

.expert-services:before {
    background: linear-gradient(135deg,#00b7fd,#0081fb);
    top: 0
}

.expert-services:after {
    background: linear-gradient(225deg,#00b7fd,#0081fb);
    bottom: 0
}

.expert-services .h1 {
    color: #0081fb;
    margin-bottom: 30px
}

.expert-services .services-item {
    background: hsla(0,0%,100%,.9);
    border: 5px solid #4bd6b0;
    border-radius: 25px;
    margin: 0 auto;
    max-width: 376px;
    padding: 25px 15px
}

@media only screen and (max-width: 990px) {
    .expert-services .services-item {
        margin-bottom:30px
    }
}

.contact-form-wrapper .hbspt-form .expert-services .services-item.service--order .hs-button,.expert-services .services-item.service--order .button,.expert-services .services-item.service--order .contact-form-wrapper .hbspt-form .hs-button,.expert-services .services-item.service--order .h3,.expert-services .services-item.service--order .hs-newsletter-signup .hs-button,.expert-services .services-item.service--order .text-link,.expert-services .services-item.service--order h3,.hs-newsletter-signup .expert-services .services-item.service--order .hs-button {
    color: #4bd6b0
}

.expert-services .services-item.service--promo {
    border-color: #97dc55
}

.contact-form-wrapper .hbspt-form .expert-services .services-item.service--promo .hs-button,.expert-services .services-item.service--promo .button,.expert-services .services-item.service--promo .contact-form-wrapper .hbspt-form .hs-button,.expert-services .services-item.service--promo .h3,.expert-services .services-item.service--promo .hs-newsletter-signup .hs-button,.expert-services .services-item.service--promo .text-link,.expert-services .services-item.service--promo h3,.hs-newsletter-signup .expert-services .services-item.service--promo .hs-button {
    color: #97dc55
}

.expert-services .services-item.service--price-match {
    border-color: #5fbee4
}

.contact-form-wrapper .hbspt-form .expert-services .services-item.service--price-match .hs-button,.expert-services .services-item.service--price-match .button,.expert-services .services-item.service--price-match .contact-form-wrapper .hbspt-form .hs-button,.expert-services .services-item.service--price-match .h3,.expert-services .services-item.service--price-match .hs-newsletter-signup .hs-button,.expert-services .services-item.service--price-match .text-link,.expert-services .services-item.service--price-match h3,.hs-newsletter-signup .expert-services .services-item.service--price-match .hs-button {
    color: #5fbee4
}

.expert-services .services-item .image-wrapper {
    margin-bottom: 30px
}

.expert-services .services-item .image-wrapper img {
    display: block;
    margin: 0 auto
}

.expert-services .services-item .h3,.expert-services .services-item h3 {
    margin: 0 auto 20px;
    max-width: 275px;
    min-height: 60px;
    text-transform: uppercase
}

.expert-services .services-item .button-wrapper {
    margin-bottom: 20px
}

.expert-services .services-item .text-link {
    text-transform: uppercase
}

.homepage-shop-by-category {
    margin-top: 50px
}

.homepage-shop-by-category .button-wrapper {
    margin-top: 30px
}

@media only screen and (min-width: 991px) {
    .homepage-shop-by-category .button-wrapper {
        margin-top:50px
    }
}

.homepage-reviews-section .slick-list {
    padding: 30px 0
}

.homepage-reviews-section .slick-track {
    display: flex;
    margin-left: 0;
    text-align: center
}

.homepage-reviews-section .slick-slider .slick-slide {
    display: flex;
    height: auto;
    justify-content: center;
    padding: 0 11px
}

.homepage-reviews-section .review-card {
    height: 100%
}

.t-main-content-element {
    position: relative
}

.t-main-content-element .main-overlay {
    background: rgba(0,0,0,.2);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    visibility: hidden;
    z-index: 10
}

.t-main-content-element .main-overlay.menu-open {
    opacity: 1;
    visibility: visible
}

.t-page-ocst .t-main-content-element,.t-page-opay .t-main-content-element,.t-page-osel .t-main-content-element {
    padding-bottom: 100px
}

@media only screen and (min-width: 991px) {
    .t-page-ocst .t-main-content-element,.t-page-opay .t-main-content-element,.t-page-osel .t-main-content-element {
        padding-bottom:208px
    }
}

.t-page-logn .t-main-content-element {
    min-height: 15vh
}

.page-title {
    text-align: center
}

.page-banner {
    background-color: rgba(0,129,251,.7);
    background-position: 50%;
    background-size: cover;
    padding: 20px 0
}

@media only screen and (min-width: 991px) {
    .page-banner {
        padding:20px 0 60px
    }

    .page-banner.service {
        padding: 20px 0 50px
    }
}

.page-banner.service .title-bg {
    padding: 15px
}

@media only screen and (min-width: 991px) {
    .page-banner.service .title-bg {
        min-height:194px;
        padding: 30px 55px
    }
}

.page-banner .x-collapsing-breadcrumbs {
    margin-bottom: 30px
}

.page-banner .x-collapsing-breadcrumbs .x-collapsing-breadcrumbs__list {
    border-radius: 100px;
    display: inline-block;
    margin: 0
}

.page-banner .x-collapsing-breadcrumbs .o-list-inline__item a {
    color: #fff
}

@media only screen and (min-width: 1200px) {
    .page-banner .x-collapsing-breadcrumbs .o-list-inline__item a {
        border-color:currentColor;
        color: #61dbb8
    }
}

.page-banner .x-collapsing-breadcrumbs .o-list-inline__item a:not(.collapsing-breadcrumbs__item--level-2) {
    background-color: transparent
}

@media only screen and (min-width: 1200px) {
    .page-banner .x-collapsing-breadcrumbs .o-list-inline__item a:not(.collapsing-breadcrumbs__item--level-2) {
        background-color:rgba(0,0,0,.3)
    }
}

.page-banner .x-collapsing-breadcrumbs .o-list-inline__item a.collapsing-breadcrumbs__item--level-2,.page-banner .x-collapsing-breadcrumbs .o-list-inline__item a.home-link {
    color: #fff
}

.page-banner .x-collapsing-breadcrumbs .collapsing-breadcrumbs__item--level-2 {
    background-color: transparent
}

@media only screen and (min-width: 1200px) {
    .page-banner .x-collapsing-breadcrumbs .collapsing-breadcrumbs__item--level-2 {
        background-color:#006293
    }
}

.page-banner .title-bg {
    background-color: rgba(75,214,176,.65);
    border-radius: 15px;
    margin: 10px auto 0;
    max-width: 709px;
    padding: 25px 40px;
    position: relative
}

@media only screen and (max-width: 990px) {
    .page-banner .title-bg {
        margin-top:20px
    }
}

.page-banner .title-bg * {
    color: #fff
}

.page-banner .title-bg>:last-child {
    margin-bottom: 0
}

.page-banner .title-bg .subheading {
    letter-spacing: .5px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .page-banner .title-bg .subheading {
        font-size:20px;
        line-height: 30px;
        max-width: 606px
    }
}

.page-banner .title-bg.title-only {
    margin: 0 auto
}

@media only screen and (min-width: 1400px) {
    .page-banner .title-bg.title-only {
        height:84px;
        padding: 0 40px
    }
}

.page-banner .title-bg.title-only .page-title {
    left: 50%;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media only screen and (min-width: 991px) {
    .t-page-prod .x-collapsing-breadcrumbs__list,.t-page-prod_list .x-collapsing-breadcrumbs__list {
        margin-bottom:40px
    }
}

.page-footer,.page-header {
    margin: 0 auto;
    max-width: 1075px;
    padding: 25px 0
}

@media only screen and (min-width: 991px) {
    .page-footer,.page-header {
        padding:50px 0
    }
}

.page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2 {
    color: #0081fb;
    line-height: 24px;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .page-footer .h2,.page-footer h2,.page-header .h2,.page-header h2 {
        line-height:39px
    }
}

.page-footer {
    padding: 5px 0 25px
}

@media only screen and (min-width: 991px) {
    .page-footer {
        padding:20px 0 70px
    }
}

.page-footer p {
    display: block;
    margin-bottom: 20px
}

.thumbnails-wrapper {
    margin: 0 auto 20px;
    padding: 0 37px
}

@media only screen and (min-width: 991px) {
    .thumbnails-wrapper {
        margin-bottom:unset
    }
}

.thumbnails-wrapper .slick-arrow {
    height: 30px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 2
}

.thumbnails-wrapper .slick-arrow .icon {
    height: 25px;
    width: 25px
}

.thumbnails-wrapper .slick-arrow.prev {
    left: -37px
}

.thumbnails-wrapper .slick-arrow.next {
    right: -37px
}

.thumbnails-wrapper .slick-slide {
    cursor: pointer;
    padding: 0 15px
}

.thumbnails-wrapper .slick-slide .single-thumbnail img {
    margin: 0 auto;
    max-height: 95px;
    width: auto
}

.thumbnails-wrapper .slick-slide.slick-current .single-thumbnail {
    border: 1px solid #5fbee4
}

.main-carousel-wrapper,.thumbnails-wrapper {
    max-width: 465px
}

.main-carousel-wrapper {
    margin: 0 auto;
    position: relative
}

.main-carousel-wrapper .product-image-carousel>div,.main-carousel-wrapper .slick-slide>div {
    max-height: 465px
}

.main-carousel-wrapper .product-image-carousel>div img,.main-carousel-wrapper .slick-slide>div img {
    margin: 0 auto;
    max-height: 400px;
    width: auto
}

.product-right {
    position: relative
}

@media screen and (min-width: 991px) {
    .t-page-prod_list .product-right {
        padding-bottom:58px
    }
}

@media only screen and (min-width: 768px) {
    .product-right:before {
        border-left:1px solid #5fbee4;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .product-right label,.product-right .c-form-label,.product-right .contact-form-wrapper .hbspt-form .hs-form-field label {
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .product-right .product-info {
        padding-left:22px
    }
}

.product-right .see-more-text .link-tertiary {
    display: block
}

.css-see-more {
    position: relative
}

.css-see-more.collapsed:before {
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0) 30px,#fff);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.css-see-more .see-more-link {
    background: #fff;
    width: 100%
}

.product.css-see-more .see-more-link {
    bottom: 0;
    left: 0
}

.product.css-see-more.collapsed {
    max-height: 250px;
    overflow: hidden
}

.product.css-see-more.collapsed .see-more-link {
    position: absolute
}

.category.css-see-more {
    margin-bottom: 30px;
    overflow: hidden
}

.category.css-see-more.collapsed {
    max-height: 250px
}

.category.css-see-more.collapsed:before {
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 30px,#fff)
}

.category.css-see-more .see-more-link {
    bottom: 6px;
    padding-left: 5px;
    position: absolute;
    right: 0
}

.product-grey-box {
    background-color: hsla(225,3%,75%,.2);
    margin-bottom: 20px;
    padding: 20px 10px 20px 17px
}

@media only screen and (max-width: 767px) {
    .contact-form-wrapper .hbspt-form .x-product-layout-purchase .hs-button:not(.c-control-group__button),.hs-newsletter-signup .x-product-layout-purchase .hs-button:not(.c-control-group__button),.x-product-layout-purchase .button:not(.c-control-group__button),.x-product-layout-purchase .contact-form-wrapper .hbspt-form .hs-button:not(.c-control-group__button),.x-product-layout-purchase .hs-newsletter-signup .hs-button:not(.c-control-group__button) {
        font-size:14px;
        margin-top: 25px
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field .x-product-layout-purchase__options__variants label,.x-product-layout-purchase__options__variants .c-form-label,.x-product-layout-purchase__options__variants .contact-form-wrapper .hbspt-form .hs-form-field label {
    margin: 0 3px 0 0
}

.x-product-layout-purchase__options__variants .variant-data {
    width: 100%
}

.x-product-layout-purchase__options__variants>.grid__item {
    display: flex;
    margin-bottom: 7px
}

@media only screen and (max-width: 767px) {
    .x-product-layout-purchase__options__variants>.grid__item {
        margin-bottom:16px
    }
}

@media only screen and (min-width: 991px) {
    .purchase-items {
        align-items:center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        max-width: unset
    }
}

@media only screen and (min-width: 1400px) {
    .purchase-items {
        justify-content:unset
    }
}

.purchase-items>div {
    margin-bottom: 22px
}

@media only screen and (min-width: 991px) {
    .purchase-items>div {
        margin-bottom:unset
    }
}

@media only screen and (min-width: 1400px) {
    .purchase-items>div {
        flex-basis:unset;
        margin-right: 40px
    }
}

.purchase-items .quantity-item {
    width: 118px
}

@media only screen and (min-width: 991px) {
    .purchase-items .quantity-item {
        padding-bottom:25px
    }
}

.contact-form-wrapper .hbspt-form .purchase-items .quantity-item .hs-button,.hs-newsletter-signup .purchase-items .quantity-item .hs-button,.purchase-items .quantity-item .button,.purchase-items .quantity-item .contact-form-wrapper .hbspt-form .hs-button,.purchase-items .quantity-item .hs-newsletter-signup .hs-button {
    height: 40px;
    width: 35px
}

.hs-newsletter-signup .purchase-items .quantity-item .hs-input,.purchase-items .quantity-item .c-control-group__field,.purchase-items .quantity-item .hs-newsletter-signup .hs-input {
    color: #3d3d3d;
    padding: 0;
    width: 50px
}

.purchase-items .wishlist-item {
    position: relative
}

.purchase-items .wishlist-item .x-collapsible-content__toggle {
    max-width: 108px
}

.contact-form-wrapper .hbspt-form .purchase-items .wishlist-item .hs-button,.hs-newsletter-signup .purchase-items .wishlist-item .hs-button,.purchase-items .wishlist-item .button,.purchase-items .wishlist-item .contact-form-wrapper .hbspt-form .hs-button,.purchase-items .wishlist-item .hs-newsletter-signup .hs-button {
    align-items: center;
    display: flex;
    height: 50px;
    padding: 0 17px
}

.contact-form-wrapper .hbspt-form .purchase-items .wishlist-item .hs-button .icon--heart,.hs-newsletter-signup .purchase-items .wishlist-item .hs-button .icon--heart,.purchase-items .wishlist-item .button .icon--heart,.purchase-items .wishlist-item .contact-form-wrapper .hbspt-form .hs-button .icon--heart,.purchase-items .wishlist-item .hs-newsletter-signup .hs-button .icon--heart {
    display: block;
    height: 30px;
    margin-right: 15px;
    width: 33px
}

.contact-form-wrapper .hbspt-form .purchase-items .wishlist-item .hs-button:focus,.contact-form-wrapper .hbspt-form .purchase-items .wishlist-item .hs-button:hover,.hs-newsletter-signup .purchase-items .wishlist-item .hs-button:focus,.hs-newsletter-signup .purchase-items .wishlist-item .hs-button:hover,.purchase-items .wishlist-item .button:focus,.purchase-items .wishlist-item .button:hover,.purchase-items .wishlist-item .contact-form-wrapper .hbspt-form .hs-button:focus,.purchase-items .wishlist-item .contact-form-wrapper .hbspt-form .hs-button:hover,.purchase-items .wishlist-item .hs-newsletter-signup .hs-button:focus,.purchase-items .wishlist-item .hs-newsletter-signup .hs-button:hover {
    background-color: #4bd6b0;
    border-color: #4bd6b0
}

.purchase-items .wishlist-item.dropdown-open .icon--arrow {
    transform: rotateX(180deg)
}

.purchase-items .wishlist-item .favorites--options {
    border: 2px solid #4bd6b0;
    list-style: none;
    margin: 5px 0 0;
    position: absolute;
    z-index: 1
}

.purchase-items .wishlist-item .favorites--options li:not(:last-of-type) {
    border-bottom: 2px solid #4bd6b0
}

.purchase-items .wishlist-item .favorites--options li a,.purchase-items .wishlist-item .favorites--options li button {
    background-color: #fff;
    color: #4bd6b0;
    height: 48px;
    margin: 0;
    padding: 0 20px;
    width: 100%
}

@media only screen and (min-width: 991px) {
    .purchase-items .wishlist-item .favorites--options li a,.purchase-items .wishlist-item .favorites--options li button {
        font-size:20px
    }
}

.purchase-items .wishlist-item .favorites--options li a:focus,.purchase-items .wishlist-item .favorites--options li a:hover,.purchase-items .wishlist-item .favorites--options li button:focus,.purchase-items .wishlist-item .favorites--options li button:hover {
    background-color: #4bd6b0;
    color: #fff
}

.product-image-carousel.has-carousel,.product-thumbnails.has-carousel {
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    visibility: hidden
}

.product-image-carousel.has-carousel.slick-initialized,.product-thumbnails.has-carousel.slick-initialized {
    opacity: 1;
    visibility: visible
}

.tab--overview {
    max-width: 1010px
}

.tab--videos {
    margin: 0 auto;
    max-width: 650px
}

.tab--videos .video-wrapper {
    margin: 0 auto 20px;
    max-width: 587px
}

@media only screen and (min-width: 991px) {
    .tab--videos .video-wrapper {
        margin-bottom:50px
    }
}

.product--related {
    padding-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .product--related {
        padding-bottom:70px
    }
}

.product--related .slick-track {
    text-align: center
}

.product--promos {
    padding-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .product--promos {
        padding-bottom:70px
    }
}

.product--promos .promotions .single-promo-title {
    margin-bottom: 15px
}

.product--promos .promotions .single-promo-code {
    margin-bottom: 10px
}

.product--promos .promotions .promo-info {
    margin-bottom: 7px
}

.product--promos .promotions .accordion-item--title .icon-toggle {
    margin-left: 16px
}

.product--promos .promotions .c-keyline {
    border-color: hsla(0,1%,59%,.3);
    margin: 15px 0
}

.product--promos .promotions ul {
    list-style: none;
    margin: 0
}

.product--promos .promotions .icon-toggle {
    align-items: center;
    display: flex
}

.product--promos .promotions .icon-toggle .icon {
    height: 30px;
    margin-left: 15px;
    width: 30px
}

@media only screen and (min-width: 991px) {
    .product-accessories,.product-related {
        padding-bottom:70px
    }
}

.product-accessories .slick-track,.product-related .slick-track {
    margin-left: 0;
    margin-top: 30px;
    text-align: center
}

@media only screen and (min-width: 991px) {
    .product-accessories .slick-track,.product-related .slick-track {
        margin-left:1px
    }
}

.x-product-layout-purchase__options-attribute.list-view {
    margin-bottom: 0
}

.t-page-prod_list .x-product-layout-purchase__options__attributes {
    margin-bottom: 14px;
    padding-bottom: 0
}

.product-list-top {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media only screen and (min-width: 768px) {
    .part-filters {
        flex-grow:1
    }

    .part-filters .x-product-layout-purchase__options__attributes {
        flex-wrap: wrap;
        margin-bottom: 0;
        padding-bottom: 0;
        position: relative;
        z-index: 1
    }

    .part-filters .x-product-layout-purchase__options__attributes .x-product-layout-purchase__options-attribute.list-view {
        flex-shrink: 0;
        margin-bottom: 15px;
        margin-right: 8px;
        max-width: 222px
    }

    .contact-form-wrapper .hbspt-form .hs-form-field .part-filters .x-product-layout-purchase__options__attributes .x-product-layout-purchase__options-attribute.list-view select,.part-filters .x-product-layout-purchase__options__attributes .x-product-layout-purchase__options-attribute.list-view .c-form-select,.part-filters .x-product-layout-purchase__options__attributes .x-product-layout-purchase__options-attribute.list-view .contact-form-wrapper .hbspt-form .hs-form-field select {
        margin-bottom: 0
    }
}

.x-product-layout-purchase__options__variants.list-view {
    border-bottom: none
}

.x-product__product-list {
    padding-top: 25px
}

.x-product__product-list .compatibility-link {
    padding-bottom: 15px
}

@media only screen and (min-width: 991px) {
    .x-product__product-list .compatibility-link a {
        font-size:18px
    }
}

.product-list-view__show-more {
    background-color: #5fbee4;
    border-radius: 0;
    height: 51px;
    line-height: 49px;
    margin-bottom: 16px;
    padding: 0 10px;
    text-decoration: underline
}

.product-list-view__show-more:hover {
    opacity: .7
}

.c-table-responsive.product-list-view .row-hidden {
    display: none
}

.c-table-responsive.product-list-view .c-table-responsive__cell {
    padding: 8px 15px
}

.c-table-responsive.product-list-view .c-table-responsive__cell fieldset,.c-table-responsive.product-list-view .c-table-responsive__cell form,.c-table-responsive.product-list-view .c-table-responsive__cell p {
    margin: 0
}

.c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart {
    padding-top: 10px
}

@media only screen and (max-width: 990px) {
    .c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart {
        padding-bottom:15px
    }
}

.c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .button,.c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .contact-form-wrapper .hbspt-form .hs-button,.c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .hs-newsletter-signup .hs-button,.contact-form-wrapper .hbspt-form .c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .hs-button,.hs-newsletter-signup .c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .hs-button {
    margin: 4px 0
}

@media only screen and (min-width: 991px) {
    .c-table-responsive.product-list-view .c-table-responsive__cell.add-to-cart .out-of-stock {
        line-height:45px;
        min-width: 115px;
        text-align: center
    }
}

.c-table-responsive.product-list-view .c-table-responsive__cell.price {
    border-right: none
}

@media only screen and (min-width: 991px) {
    .c-table-responsive.product-list-view .c-table-responsive__cell.price {
        padding-right:60px
    }
}

.c-table-responsive.product-list-view .c-table-responsive__cell.price .msrp {
    display: block;
    margin-bottom: 3px
}

@media only screen and (min-width: 991px) {
    .c-table-responsive.product-list-view .c-table-responsive__cell.desc {
        max-width:728px;
        max-width: 752.5px
    }

    .c-table-responsive.product-list-view .c-table-responsive__cell.quantity .unnavailable {
        display: none
    }

    .c-table-responsive.product-list-view .c-table-responsive__cell.quantity {
        padding-right: 25px
    }

    .c-table-responsive.product-list-view .c-table-responsive__cell.catalog-num {
        width: 221.5px
    }
}

.product-list-view--quantity {
    display: flex
}

.product-list-view--quantity input {
    background-color: transparent;
    border-color: #5fbee4;
    border-radius: 6px 0 0 6px;
    border-right: none;
    height: 52px;
    margin: 0;
    padding: 0;
    width: 55px
}

.product-list-view--quantity .product-list-view--quantity__button-wrapper {
    width: 33px
}

.contact-form-wrapper .hbspt-form .product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-button,.hs-newsletter-signup .product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .contact-form-wrapper .hbspt-form .hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-newsletter-signup .hs-button {
    background-color: #5fbee4;
    color: #fff;
    font-size: 15px;
    height: 25px;
    padding: 0;
    width: 100%
}

.contact-form-wrapper .hbspt-form .product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-button:hover,.hs-newsletter-signup .product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-button:hover,.product-list-view--quantity .product-list-view--quantity__button-wrapper .button:hover,.product-list-view--quantity .product-list-view--quantity__button-wrapper .contact-form-wrapper .hbspt-form .hs-button:hover,.product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-newsletter-signup .hs-button:hover {
    background-color: transparent;
    border: 1px solid #5fbee4;
    color: #5fbee4
}

.contact-form-wrapper .hbspt-form .product-list-view--quantity .product-list-view--quantity__button-wrapper .u-icon-add.hs-button,.hs-newsletter-signup .product-list-view--quantity .product-list-view--quantity__button-wrapper .u-icon-add.hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .button.u-icon-add,.product-list-view--quantity .product-list-view--quantity__button-wrapper .contact-form-wrapper .hbspt-form .u-icon-add.hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-newsletter-signup .u-icon-add.hs-button {
    border-radius: 0 6px 0 0;
    margin-bottom: 1px
}

.contact-form-wrapper .hbspt-form .product-list-view--quantity .product-list-view--quantity__button-wrapper .u-icon-subtract.hs-button,.hs-newsletter-signup .product-list-view--quantity .product-list-view--quantity__button-wrapper .u-icon-subtract.hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .button.u-icon-subtract,.product-list-view--quantity .product-list-view--quantity__button-wrapper .contact-form-wrapper .hbspt-form .u-icon-subtract.hs-button,.product-list-view--quantity .product-list-view--quantity__button-wrapper .hs-newsletter-signup .u-icon-subtract.hs-button {
    border-radius: 0 0 6px 0;
    margin-top: 1px
}

.t-wish-list-search .c-control-group {
    border: 1px solid hsla(225,3%,75%,.1)
}

.t-wish-list-search__button {
    background-color: #5fbee4;
    border-bottom-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
    padding: 0!important;
    width: 50px
}

.t-wish-list-search__button:hover {
    opacity: .7
}

.hs-newsletter-signup .t-wish-list__item .hs-button,.t-wish-list__item .c-control-group__button,.t-wish-list__item .hs-newsletter-signup .hs-button {
    flex: 1 1 50%;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 767px) {
    .favorites-search {
        margin-top:20px
    }
}

.favorites-search input {
    border-bottom-left-radius: 4px!important;
    border-color: #bcbdc0;
    border-top-left-radius: 4px!important
}

.favorites-links a:first-of-type {
    margin-right: 30px
}

.favorites-cat,.favorites-name {
    margin-bottom: 10px
}

.favorites-remove {
    display: flex
}

.favorites-remove .icon {
    border: 1px solid;
    border-radius: 6px;
    margin-right: 10px
}

@media only screen and (min-width: 991px) {
    .favorites-remove-cell {
        padding-right:70px
    }

    .favorites-price-cell {
        padding-right: 40px
    }
}

.wishlist-edit .c-form-list__item {
    margin-left: unset
}

.x-contact-form .is-required span {
    color: #ee0020
}

.contact-content-section {
    padding: 30px 0;
    text-align: center
}

.contact-content-section a {
    color: #0081fb;
    text-decoration: underline
}

.contact-content-section a:hover {
    color: #6d6d6d;
    text-decoration: none
}

.contact-form-section {
    background-color: #000;
    background-size: cover;
    margin-bottom: 30px;
    padding: 50px 0 35px
}

.contact-form-section .contact-info * {
    color: #fff
}

.contact-form-section .contact-info .contact-info-block {
    display: flex;
    margin-bottom: 30px
}

@media only screen and (min-width: 991px) {
    .contact-form-section .contact-info .contact-info-block {
        margin-bottom:50px
    }
}

.contact-form-section .contact-info .contact-info-block a,.contact-form-section .contact-info .contact-info-block p {
    font-weight: 700
}

.contact-form-section .contact-info .contact-info-block .icon-wrapper {
    margin-right: 30px
}

.contact-form-section .contact-info .contact-info-block .icon-wrapper .icon {
    height: 60px;
    width: 60px
}

.contact-form-section .contact-info p {
    margin-bottom: 0
}

.contact-form-section .contact-info .h2 {
    margin-bottom: 5px;
    text-transform: none
}

.contact-form-section .contact-social .h2 {
    color: #fff;
    margin-bottom: 15px;
    text-transform: none
}

.contact-form-section .contact-social .c-menu__link {
    color: #fff
}

.contact-form-section .contact-social .c-menu__link:hover {
    color: #97dc55
}

.contact-form-section .contact-form-wrapper {
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 30px 20px
}

@media only screen and (min-width: 991px) {
    .contact-form-section .contact-form-wrapper {
        margin-bottom:0;
        padding: 30px 29px 25px
    }
}

.contact-form-section .contact-right-side .h3 {
    margin-bottom: 30px;
    text-transform: none
}

.contact-form-section .contact-right-side * {
    color: #fff
}

@media only screen and (min-width: 991px) {
    .contact-form-section .contact-right-side {
        margin-left:auto;
        margin-right: 10px;
        max-width: 221px
    }

    .contact-form-section .contact-right-side li {
        font-size: 20px;
        margin-bottom: 15px
    }
}

.contact-form-wrapper .hbspt-form form fieldset {
    max-width: none
}

.contact-form-wrapper .hbspt-form form fieldset.form-columns-2 {
    margin-left: -50px
}

.contact-form-wrapper .hbspt-form form fieldset.form-columns-2>.hs-form-field {
    padding-left: 50px
}

@media only screen and (max-width: 767px) {
    .contact-form-wrapper .hbspt-form form fieldset.form-columns-2>.hs-form-field {
        width:100%
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    .contact-form-wrapper .hbspt-form form fieldset.form-columns-2>.hs-form-field {
        width:100%
    }
}

.contact-form-wrapper .hbspt-form .hs-form-field {
    margin-bottom: 20px
}

.contact-form-wrapper .hbspt-form .hs-form-field label.hs-error-msg {
    color: red;
    font-size: 14px;
    font-weight: 400
}

.contact-form-wrapper .hbspt-form .hs-form-field .input {
    margin-right: 0!important
}

.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=email],.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=tel],.contact-form-wrapper .hbspt-form .hs-form-field .hs-input[type=text] {
    margin-bottom: 0;
    width: 100%!important
}

.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display {
    font-weight: 400;
    margin-bottom: 15px
}

.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display span {
    margin-left: 40px
}

.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display span:after,.contact-form-wrapper .hbspt-form .hs-form-field .hs-form-checkbox-display span:before {
    left: 0
}

.contact-form-wrapper .hbspt-form .hs-form-field textarea {
    height: 110px;
    margin-bottom: 0;
    padding-top: 10px;
    width: 100%!important
}

.contact-form-wrapper .hbspt-form .hs-form-field select {
    margin-bottom: 0;
    padding-left: 8px;
    width: 100%!important
}

.contact-form-wrapper .hbspt-form .hs-form-field .inputs-list {
    list-style: none;
    margin: 0
}

@media only screen and (min-width: 480px) {
    .contact-form-wrapper .hbspt-form .hs-form-field .inputs-list.multi-container {
        -moz-columns:2;
        column-count: 2
    }
}

.contact-form-wrapper .hbspt-form .hs-fieldtype-checkbox {
    margin-bottom: 5px
}

.contact-form-wrapper .hbspt-form .hs-fieldtype-textarea {
    margin-bottom: 30px
}

.contact-form-wrapper .hbspt-form .actions {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .contact-form-wrapper .hbspt-form .hs-button {
        padding:0 30px
    }
}

.icon--video-play {
    color: rgba(77,77,77,.8);
    height: 99px;
    width: 145px;
    fill: currentColor
}

.calibration-section {
    padding-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .calibration-section {
        padding-bottom:50px
    }
}

.calibration-section.padding-top {
    padding-top: 25px
}

@media only screen and (min-width: 991px) {
    .calibration-section.padding-top {
        padding-top:50px
    }
}

.calibration-section .promo-card-with-image {
    margin: 20px 0;
    padding-top: 60%
}

@media only screen and (min-width: 768px) {
    .calibration-section .promo-card-with-image {
        padding-top:30%
    }
}

@media only screen and (min-width: 991px) {
    .calibration-section .promo-card-with-image {
        padding-top:70%
    }
}

@media only screen and (min-width: 1400px) {
    .calibration-section .promo-card-with-image {
        padding-top:62%
    }
}

.calibration-section .promo-card-with-image .inner-content {
    max-width: 335px
}

.calibration-section .promo-card-with-image .button,.calibration-section .promo-card-with-image .contact-form-wrapper .hbspt-form .hs-button,.calibration-section .promo-card-with-image .hs-newsletter-signup .hs-button,.contact-form-wrapper .hbspt-form .calibration-section .promo-card-with-image .hs-button,.hs-newsletter-signup .calibration-section .promo-card-with-image .hs-button {
    padding: 0 31px
}

.calibration-section .video-wrapper {
    margin-bottom: 20px
}

.calibration-section .video-title {
    margin-bottom: 5px
}

.calibration-section .video-desc {
    margin-bottom: 20px
}

@media only screen and (min-width: 991px) {
    .calibration-section .video-desc {
        margin-bottom:0
    }
}

@media only screen and (max-width: 1199px) {
    .calibration-section .button--full {
        font-size:16px;
        padding: 0
    }
}

@media (min-width: 768px) and (max-width:960px) {
    .calibration-section .button--full {
        font-size:14px
    }
}

@media only screen and (max-width: 1199px) {
    .calibration-section.calibration-section--info .button--full {
        margin-bottom:15px
    }
}

.calibration-section .survey-section {
    margin-top: 30px
}

.calibration-section .survey-section p {
    margin-bottom: 10px
}

.download-link-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.download-link-wrapper .icon {
    height: 34px;
    width: 31px
}

@media only screen and (min-width: 1200px) {
    .download-link-wrapper {
        margin-top:34px
    }

    .download-link-wrapper .icon {
        margin-right: 10px
    }
}

.service-banner {
    background-color: rgba(0,129,251,.7);
    background-position: 50%;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 30px;
    padding: 46px 20px
}

.contact-form-wrapper .hbspt-form .service-banner .hs-button,.hs-newsletter-signup .service-banner .hs-button,.service-banner .button,.service-banner .contact-form-wrapper .hbspt-form .hs-button,.service-banner .hs-newsletter-signup .hs-button {
    padding: 0 22px
}

.service-banner .title-bg {
    background-color: rgba(75,214,176,.65);
    border-radius: 15px;
    margin: 0 auto;
    max-width: 709px;
    padding: 20px
}

.service-banner .title-bg .page-title {
    margin-bottom: 20px
}

.service-banner .title-bg * {
    color: #fff
}

.service-banner .title-bg>:last-child {
    margin-bottom: 0
}

.service-banner .title-bg .subheading {
    letter-spacing: .5px;
    margin: 0 auto
}

@media only screen and (min-width: 991px) {
    .service-banner .title-bg .subheading {
        font-size:20px;
        line-height: 30px;
        max-width: 606px
    }
}

.service-banner .title-bg .image-wrapper {
    margin: 0 auto;
    max-width: 198px
}

.service-banner .title-bg img {
    margin-bottom: 10px
}

.image-text-block {
    margin-bottom: 25px
}

@media only screen and (min-width: 991px) {
    .image-text-block {
        margin-bottom:50px
    }

    .image-text-block .vertical-align-center {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }
}

.image-text-block p:first-of-type {
    font-weight: 700;
    margin-bottom: 10px
}

@media only screen and (min-width: 991px) {
    .image-text-block p:first-of-type {
        font-size:20px
    }
}

.image-text-block p:not(:first-of-type) {
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .image-text-block .block-image {
        margin-bottom:16px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) {
    .image-text-block .image--right {
        padding-left:150px
    }
}

.image-text-block ol {
    margin-top: 20px
}

.image-text-block li,.image-text-block ol {
    margin-bottom: 20px
}

.image-text-block p {
    margin-bottom: 16px
}


/* ==========================================================================
   UTILITIES / WIDTHS
   ========================================================================== */
/**
 * A series of utility classes that give a fluid width to whichever element
 * they are applied to, media breakpoints are included.
 */
/* Mobile First
   =========================================== */
/**
 * Width size modifiers.
 */
.u-width-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.u-width-2 {
  flex-basis: 16.666%;
  max-width: 16.666%;
}

.u-width-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.u-width-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.u-width-5 {
  flex-basis: 41.666%;
  max-width: 41.666%;
}

.u-width-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.u-width-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.u-width-8 {
  flex-basis: 66.666%;
  max-width: 66.666%;
}

.u-width-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.u-width-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.u-width-11 {
  flex-basis: 91.666%;
  max-width: 91.666%;
}

.u-width-12 {
  flex-basis: 100%;
  max-width: 100%;
}

/**
 * Offset size modifiers.
 */
.u-offset-1 {
  margin-left: 8.333%;
}

.u-offset-2 {
  margin-left: 16.666%;
}

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

.u-offset-4 {
  margin-left: 33.333%;
}

.u-offset-5 {
  margin-left: 41.666%;
}

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

.u-offset-7 {
  margin-left: 58.333%;
}

.u-offset-8 {
  margin-left: 66.666%;
}

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

.u-offset-10 {
  margin-left: 83.333%;
}

.u-offset-11 {
  margin-left: 91.666%;
}

/* Small Breakpoint [40em = 640px]
   =========================================== */
@media screen and (min-width: 40em) {
  .u-width-1--s {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .u-width-2--s {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-width-3--s {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-width-4--s {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-width-5--s {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-width-6--s {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-width-7--s {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .u-width-8--s {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-width-9--s {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-width-10--s {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .u-width-11--s {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }
  .u-width-12--s {
    flex-basis: 100%;
    max-width: 100%;
  }
  /**
   * Offset size modifiers.
   */
  .u-offset-1--s {
    margin-left: 8.333%;
  }
  .u-offset-2--s {
    margin-left: 16.666%;
  }
  .u-offset-3--s {
    margin-left: 25%;
  }
  .u-offset-4--s {
    margin-left: 33.333%;
  }
  .u-offset-5--s {
    margin-left: 41.666%;
  }
  .u-offset-6--s {
    margin-left: 50%;
  }
  .u-offset-7--s {
    margin-left: 58.333%;
  }
  .u-offset-8--s {
    margin-left: 66.666%;
  }
  .u-offset-9--s {
    margin-left: 75%;
  }
  .u-offset-10--s {
    margin-left: 83.333%;
  }
  .u-offset-11--s {
    margin-left: 91.666%;
  }
}
/* Medium Breakpoint [48em = 768px]
   =========================================== */
@media screen and (min-width: 48em) {
  .u-width-1--m {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .u-width-2--m {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-width-3--m {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-width-4--m {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-width-5--m {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-width-6--m {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-width-7--m {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .u-width-8--m {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-width-9--m {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-width-10--m {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .u-width-11--m {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }
  .u-width-12--m {
    flex-basis: 100%;
    max-width: 100%;
  }
  /**
   * Offset size modifiers.
   */
  .u-offset-1--m {
    margin-left: 8.333%;
  }
  .u-offset-2--m {
    margin-left: 16.666%;
  }
  .u-offset-3--m {
    margin-left: 25%;
  }
  .u-offset-4--m {
    margin-left: 33.333%;
  }
  .u-offset-5--m {
    margin-left: 41.666%;
  }
  .u-offset-6--m {
    margin-left: 50%;
  }
  .u-offset-7--m {
    margin-left: 58.333%;
  }
  .u-offset-8--m {
    margin-left: 66.666%;
  }
  .u-offset-9--m {
    margin-left: 75%;
  }
  .u-offset-10--m {
    margin-left: 83.333%;
  }
  .u-offset-11--m {
    margin-left: 91.666%;
  }
}
/* Large Breakpoint [60em = 960px]
   =========================================== */
@media screen and (min-width: 60em) {
  .u-width-1--l {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .u-width-2--l {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-width-3--l {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-width-4--l {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-width-5--l {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-width-6--l {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-width-7--l {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .u-width-8--l {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-width-9--l {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-width-10--l {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .u-width-11--l {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }
  .u-width-12--l {
    flex-basis: 100%;
    max-width: 100%;
  }
  /**
   * Offset size modifiers.
   */
  .u-offset-1--l {
    margin-left: 8.333%;
  }
  .u-offset-2--l {
    margin-left: 16.666%;
  }
  .u-offset-3--l {
    margin-left: 25%;
  }
  .u-offset-4--l {
    margin-left: 33.333%;
  }
  .u-offset-5--l {
    margin-left: 41.666%;
  }
  .u-offset-6--l {
    margin-left: 50%;
  }
  .u-offset-7--l {
    margin-left: 58.333%;
  }
  .u-offset-8--l {
    margin-left: 66.666%;
  }
  .u-offset-9--l {
    margin-left: 75%;
  }
  .u-offset-10--l {
    margin-left: 83.333%;
  }
  .u-offset-11--l {
    margin-left: 91.666%;
  }
}
/* Extra-Large Breakpoint [75em = 1200px]
   =========================================== */
@media screen and (min-width: 75em) {
  .u-width-1--xl {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .u-width-2--xl {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-width-3--xl {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-width-4--xl {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-width-5--xl {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-width-6--xl {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-width-7--xl {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .u-width-8--xl {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-width-9--xl {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-width-10--xl {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .u-width-11--xl {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }
  .u-width-12--xl {
    flex-basis: 100%;
    max-width: 100%;
  }
  /**
   * Offset size modifiers.
   */
  .u-offset-1--xl {
    margin-left: 8.333%;
  }
  .u-offset-2--xl {
    margin-left: 16.666%;
  }
  .u-offset-3--xl {
    margin-left: 25%;
  }
  .u-offset-4--xl {
    margin-left: 33.333%;
  }
  .u-offset-5--xl {
    margin-left: 41.666%;
  }
  .u-offset-6--xl {
    margin-left: 50%;
  }
  .u-offset-7--xl {
    margin-left: 58.333%;
  }
  .u-offset-8--xl {
    margin-left: 66.666%;
  }
  .u-offset-9--xl {
    margin-left: 75%;
  }
  .u-offset-10--xl {
    margin-left: 83.333%;
  }
  .u-offset-11--xl {
    margin-left: 91.666%;
  }
}
/* Wide-Screen Breakpoint [90em = 1440px]
   =========================================== */
@media screen and (min-width: 90em) {
  .u-width-1--w {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }
  .u-width-2--w {
    flex-basis: 16.666%;
    max-width: 16.666%;
  }
  .u-width-3--w {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-width-4--w {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
  .u-width-5--w {
    flex-basis: 41.666%;
    max-width: 41.666%;
  }
  .u-width-6--w {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-width-7--w {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }
  .u-width-8--w {
    flex-basis: 66.666%;
    max-width: 66.666%;
  }
  .u-width-9--w {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-width-10--w {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }
  .u-width-11--w {
    flex-basis: 91.666%;
    max-width: 91.666%;
  }
  .u-width-12--w {
    flex-basis: 100%;
    max-width: 100%;
  }
  /**
   * Offset size modifiers.
   */
  .u-offset-1--w {
    margin-left: 8.333%;
  }
  .u-offset-2--w {
    margin-left: 16.666%;
  }
  .u-offset-3--w {
    margin-left: 25%;
  }
  .u-offset-4--w {
    margin-left: 33.333%;
  }
  .u-offset-5--w {
    margin-left: 41.666%;
  }
  .u-offset-6--w {
    margin-left: 50%;
  }
  .u-offset-7--w {
    margin-left: 58.333%;
  }
  .u-offset-8--w {
    margin-left: 66.666%;
  }
  .u-offset-9--w {
    margin-left: 75%;
  }
  .u-offset-10--w {
    margin-left: 83.333%;
  }
  .u-offset-11--w {
    margin-left: 91.666%;
  }
}

/*# sourceMappingURL=theme.min.css.map */