@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0
    }
    100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0
    }
    100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

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

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

body, input, textarea, button, select {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a {
    background-color: transparent
}

b, strong {
    font-weight: 700
}

em {
    font-style: italic
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    max-width: 100%;
    border: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button[disabled], html input[disabled] {
    cursor: default
}

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

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

input[type="search"], input[type="number"], input[type="email"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

textarea {
    overflow: auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

[tabindex='-1']:focus {
    outline: none
}

a, button, [role="button"], input, label, select, textarea {
    touch-action: manipulation
}

html {
    font-size: 62.5%
}

body, input, textarea, button, select {
    font-size: 1.6rem;
    color: #333;
    line-height: 1.625
}

@media only screen and (max-width: 749px) {
    body, input, textarea, button, select {
        font-size: 1.4rem
    }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #333;
    margin: 0 0 20px
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    letter-spacing: inherit;
    text-transform: inherit;
  /*  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;*/
    font-weight: 400
}

h5, .h5, h6, .h6 {
/*    font-family: Geneva, Tahoma, Verdana, sans-serif;*/
    font-weight: 400
}

@media only screen and (max-width: 749px) {
    h1, .h1 {
        font-size: 3.4rem;
        line-height: 1.23529
    }
}

@media only screen and (min-width: 750px) {
    h1, .h1 {
        font-size: 6rem;
        line-height: 1.2
    }
}

@media only screen and (max-width: 749px) {
    h2, .h2 {
        font-size: 3rem;
        line-height: 1.26667
    }
}

@media only screen and (min-width: 750px) {
    h2, .h2 {
        font-size: 3rem;
        line-height: 1.225
    }
}

@media only screen and (max-width: 749px) {
    h3, .h3 {
        font-size: 2.8rem;
        line-height: 1.5
    }
}

@media only screen and (min-width: 750px) {
    h3, .h3 {
        font-size: 3.2rem;
        line-height: 1.125
    }
}

@media only screen and (max-width: 749px) {
    h4, .h4 {
        font-size: 2.2rem;
        line-height: 1.45455
    }
}

@media only screen and (min-width: 750px) {
    h4, .h4 {
        font-size: 2.4rem;
        line-height: 1.5
    }
}

@media only screen and (max-width: 749px) {
    h5, .h5 {
        font-size: 2rem;
        line-height: 1.3
    }
}

@media only screen and (min-width: 750px) {
    h5, .h5 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 749px) {
    h6, .h6 {
        font-size: 1.6rem;
        line-height: 1.375
    }
}

@media only screen and (min-width: 750px) {
    h6, .h6 {
        font-size: 1.8rem
    }
}

.rte {
    zoom: 1;
    margin-bottom: 20px
}

.rte::after {
    content: '';
    display: table;
    clear: both
}

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

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 40px
}

.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
    margin-top: 0
}

.rte p {
    margin: 0 0 20px
}

.rte li {
    margin-bottom: 10px
}

.rte li:last-child {
    margin-bottom: 0
}

.rte--contact {
    margin-bottom: 40px
}

p {
    margin: 0 0 8px
}

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

.text-small, .shopify-payment-button .shopify-payment-button__more-options {
    font-size: 1.2rem;
    line-height: 1.5
}

@media only screen and (min-width: 750px) {
    .text-small, .shopify-payment-button .shopify-payment-button__more-options {
        font-size: 1.4rem;
        line-height: 1.42857
    }
}

.text-small--uppercase {
    font-size: 1.2rem;
    letter-spacing: 1.7px;
    line-height: 1.66667;
    text-transform: uppercase
}

.text--emphasis {
    font-style: italic
}

.text-title {
  /*  font-family: Geneva, Tahoma, Verdana, sans-serif;*/
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700
}

blockquote {
    font-weight: 700;
    border-left: 2px solid #ebce47;
    margin: 0;
    padding-left: 20px
}

cite {
    font-style: normal
}

label {
    font-size: 1.4rem;
    line-height: 1.71429;
    display: inline-block;
    color: #333;
    margin-bottom: 10px
}

label.label--full {
    display: block
}

label.input--error {
    color: #eb4f47
}

@media only screen and (min-width: 750px) {
    .mega-subtitle {
        margin: 0 auto;
        max-width: 75%
    }
}

.mega-subtitle p {
    color: inherit
}

.mega-subtitle--large {
    font-size: 2rem;
    font-weight: 400
}

.mega-subtitle--small {
    font-size: 1.4rem;
    font-weight: 400
}

s {
    position: relative;
    text-decoration: none
}

s:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    height: 1px;
    background-color: #ebce47
}

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

body, input, textarea, button, select {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

form {
    margin: 0
}

@media only screen and (max-width: 989px) {
    input, textarea, select {
        font-size: 16px
    }
}

button, input[type="submit"], label[for] {
    cursor: pointer
}

optgroup {
    font-weight: 700
}

option {
    color: #333;
    background-color: #fff
}

[tabindex='-1']:focus {
    outline: none
}

.placeholder-svg {
    display: block;
    fill: rgba(74, 74, 74, 0.35);
    background-color: #fff;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center
}

.placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.placeholder-background .icon {
    border: 0
}

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], input[type='search'], input[type='number'], textarea, select {
    font-size: 1.4rem;
    line-height: 1.71429;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type='text']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #333;
    opacity: 0.4
}

input[type='text']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='tel']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='number']::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: #333;
    opacity: 0.4
}

input[type='text']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #333;
    opacity: 0.4
}

input[type='text']::placeholder, input[type='email']::placeholder, input[type='tel']::placeholder, input[type='password']::placeholder, input[type='search']::placeholder, input[type='number']::placeholder, textarea::placeholder, select::placeholder {
    color: #333;
    opacity: 0.4
}

input[type='text'][disabled], input[type='email'][disabled], input[type='tel'][disabled], input[type='password'][disabled], input[type='search'][disabled], input[type='number'][disabled], textarea[disabled], select[disabled] {
    cursor: default;
    background-color: #eee;
    border-color: #eee
}

input[type='text'].input--error, input[type='email'].input--error, input[type='tel'].input--error, input[type='password'].input--error, input[type='search'].input--error, input[type='number'].input--error, textarea.input--error, select.input--error {
    border-color: #eb4f47
}

input[type='text'].input--horizontal, input[type='email'].input--horizontal, input[type='tel'].input--horizontal, input[type='password'].input--horizontal, input[type='search'].input--horizontal, input[type='number'].input--horizontal, textarea.input--horizontal, select.input--horizontal {
    display: inline-block;
    width: auto
}

input[type='text'].input--clear, input[type='email'].input--clear, input[type='tel'].input--clear, input[type='password'].input--clear, input[type='search'].input--clear, input[type='number'].input--clear, textarea.input--clear, select.input--clear {
    background-color: transparent;
    border-color: transparent
}

@media only screen and (max-width: 749px) {
    input[type='text'], input[type='email'], input[type='tel'], input[type='password'], input[type='search'], input[type='number'], textarea, select {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
    opacity: 1
}

input[type='checkbox'], input[type='radio'] {
    display: inline-block;
    margin-right: 5px
}

textarea {
    resize: vertical;
    min-height: 100px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 28px;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #ebce47 50%), linear-gradient(135deg, #ebce47 50%, transparent 50%);
    background-position: calc(100% - 27px) calc(1rem + 10px), calc(100% - 23px) calc(1rem + 10px);
    background-size: 4px 4px, 4px 4px;
    background-repeat: no-repeat
}

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

.input-group, .input-group--underline {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate
}

.input-group--underline {
    border-bottom: 2px solid #333
}

.input-group--underline input[type='text'], .input-group--underline input[type='email'], .input-group--underline input[type='tel'], .input-group--underline input[type='password'], .input-group--underline input[type='search'], .input-group--underline input[type='number'] {
    padding-left: 10px;
    margin: 0;
    background-color: transparent;
    border: 0
}

.input-group--underline .icon {
    fill: #333
}

.input-group--underline .btn, .input-group--underline .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group--underline .shopify-payment-button__button--unbranded {
    color: #333
}

.input-group__field, .input-group__btn {
    display: table-cell;
    margin: 0;
    vertical-align: top
}

.input-group__field input, .input-group__btn .btn, .input-group__btn .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .input-group__btn .shopify-payment-button__button--unbranded {
    height: 50px
}

.input-group__field {
    width: 100%
}

fieldset {
    font-size: 1.2rem;
    margin-bottom: 20px;
    padding: 20px;
    text-transform: uppercase
}

.note, .form-success, .form-error, .errors {
    padding: 0;
    margin: 0 0 20px;
    text-align: left
}

.note {
    border: 1px solid rgba(74, 74, 74, 0.03)
}

.form-success {
    color: #54ca80
}

.form-error, .errors {
    color: #eb4f47
}

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

.grid {
    zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -20px
}

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

.grid--gutter-large {
    margin-left: -60px
}

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

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

.grid--gutter-large .grid__item {
    padding-left: 60px
}

.grid--rows > .grid__item {
    padding-bottom: 60px
}

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

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

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.two-thirds {
    width: 66.66667%
}

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

.two-sixths {
    width: 33.33333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.66667%
}

.five-sixths {
    width: 83.33333%
}

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

.two-twelfths {
    width: 16.66667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.33333%
}

.five-twelfths {
    width: 41.66667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.33333%
}

.eight-twelfths {
    width: 66.66667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.33333%
}

.eleven-twelfths {
    width: 91.66667%
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .grid--uniform .small--one-half:nth-child(2n+1), .grid--uniform .small--one-third:nth-child(3n+1), .grid--uniform .small--one-quarter:nth-child(4n+1), .grid--uniform .small--one-fifth:nth-child(5n+1), .grid--uniform .small--one-sixth:nth-child(6n+1), .grid--uniform .small--two-sixths:nth-child(3n+1), .grid--uniform .small--three-sixths:nth-child(2n+1), .grid--uniform .small--one-eighth:nth-child(8n+1), .grid--uniform .small--two-eighths:nth-child(4n+1), .grid--uniform .small--four-eighths:nth-child(2n+1), .grid--uniform .small--five-tenths:nth-child(2n+1), .grid--uniform .small--one-twelfth:nth-child(12n+1), .grid--uniform .small--two-twelfths:nth-child(6n+1), .grid--uniform .small--three-twelfths:nth-child(4n+1), .grid--uniform .small--four-twelfths:nth-child(3n+1), .grid--uniform .small--six-twelfths:nth-child(2n+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 (min-width: 750px) {
    .medium-up--one-whole {
        width: 100%
    }

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

    .medium-up--new-half {
        width: 25%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .grid--uniform .medium-up--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--one-eighth:nth-child(8n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+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: 750px) {
    .medium-up--push-one-half {
        left: 50%
    }

    .medium-up--push-one-third {
        left: 33.33333%
    }

    .medium-up--push-two-thirds {
        left: 66.66667%
    }

    .medium-up--push-one-quarter {
        left: 25%
    }

    .medium-up--push-two-quarters {
        left: 50%
    }

    .medium-up--push-three-quarters {
        left: 75%
    }

    .medium-up--push-one-fifth {
        left: 20%
    }

    .medium-up--push-two-fifths {
        left: 40%
    }

    .medium-up--push-three-fifths {
        left: 60%
    }

    .medium-up--push-four-fifths {
        left: 80%
    }

    .medium-up--push-one-sixth {
        left: 16.66667%
    }

    .medium-up--push-two-sixths {
        left: 33.33333%
    }

    .medium-up--push-three-sixths {
        left: 50%
    }

    .medium-up--push-four-sixths {
        left: 66.66667%
    }

    .medium-up--push-five-sixths {
        left: 83.33333%
    }

    .medium-up--push-one-eighth {
        left: 12.5%
    }

    .medium-up--push-two-eighths {
        left: 25%
    }

    .medium-up--push-three-eighths {
        left: 37.5%
    }

    .medium-up--push-four-eighths {
        left: 50%
    }

    .medium-up--push-five-eighths {
        left: 62.5%
    }

    .medium-up--push-six-eighths {
        left: 75%
    }

    .medium-up--push-seven-eighths {
        left: 87.5%
    }

    .medium-up--push-one-tenth {
        left: 10%
    }

    .medium-up--push-two-tenths {
        left: 20%
    }

    .medium-up--push-three-tenths {
        left: 30%
    }

    .medium-up--push-four-tenths {
        left: 40%
    }

    .medium-up--push-five-tenths {
        left: 50%
    }

    .medium-up--push-six-tenths {
        left: 60%
    }

    .medium-up--push-seven-tenths {
        left: 70%
    }

    .medium-up--push-eight-tenths {
        left: 80%
    }

    .medium-up--push-nine-tenths {
        left: 90%
    }

    .medium-up--push-one-twelfth {
        left: 8.33333%
    }

    .medium-up--push-two-twelfths {
        left: 16.66667%
    }

    .medium-up--push-three-twelfths {
        left: 25%
    }

    .medium-up--push-four-twelfths {
        left: 33.33333%
    }

    .medium-up--push-five-twelfths {
        left: 41.66667%
    }

    .medium-up--push-six-twelfths {
        left: 50%
    }

    .medium-up--push-seven-twelfths {
        left: 58.33333%
    }

    .medium-up--push-eight-twelfths {
        left: 66.66667%
    }

    .medium-up--push-nine-twelfths {
        left: 75%
    }

    .medium-up--push-ten-twelfths {
        left: 83.33333%
    }

    .medium-up--push-eleven-twelfths {
        left: 91.66667%
    }
}

.clearfix {
    zoom: 1
}

.clearfix::after {
    content: '';
    display: table;
    clear: both
}

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

.js-focus-hidden:focus {
    outline: none
}

.label--hidden {
    position: absolute;
    height: 0;
    width: 0;
    margin-bottom: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.supports-no-placeholder .label--hidden {
    position: static;
    height: auto;
    width: auto;
    margin-bottom: 2px;
    overflow: visible;
    clip: initial
}

.supports-js--hide:not(html) {
    display: none
}

html.supports-no-js .supports-no-js:not(html) {
    display: initial
}

html.supports-no-js .supports-js {
    display: none
}

.skip-link:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: #333;
    background-color: #fff;
    padding: 10px;
    z-index: 10000;
    transition: none
}

.is-transitioning {
    display: block !important;
    visibility: visible !important
}

.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.fade-in {
    opacity: 0;
    transition: opacity 250ms ease-out
}

.fade-in.lazyloaded {
    opacity: 1
}

.icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle
}

.supports-no-svg .icon {
    display: none
}

svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse, svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line, svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon, svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect, symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse, symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line, symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon, symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
    stroke: inherit
}

.supports-no-svg .icon__fallback-text {
    position: static !important;
    overflow: inherit;
    clip: none;
    height: auto;
    width: auto;
    margin: 0
}

.payment-icons {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    cursor: default
}

.content-for-layout {
    padding-bottom: 60px;
}

@media only screen and (min-width: 750px) {
    .content-for-layout {
        padding-bottom: 120px
    }
}

body.template-index .content-for-layout, body.template-product .content-for-layout, body.template-article .content-for-layout {
    padding-bottom: 0
}

.page-width {
    zoom: 1;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.page-width::after {
    content: '';
    display: table;
    clear: both
}

.page-width--narrow {
    max-width: 780px
}

.page-width--no-gutter {
    padding: 0
}

.hide-page-content .content-for-layout, .hide-page-content .site-footer {
    visibility: hidden;
    overflow: hidden;
    max-height: 0
}

.disable-scroll, .disable-scroll body {
    overflow: hidden
}

.disable-scroll--ios, .disable-scroll--ios body {
    height: 100%
}

hr {
    margin: 60px 0
}

table {
    width: 100%
}

table th {
    text-align: left
}

.outline-disabled :focus {
    outline: 0
}

.shopify-challenge__container {
    margin-top: 80px
}

.shopify-challenge__button {
    margin-top: 40px !important
}

a[href^="tel"] {
    color: inherit
}

.text-link {
    display: inline;
    border: 0 none;
    background: none;
    padding: 0;
    margin: 0
}

.btn, .shopify-payment-button .shopify-payment-button__button--unbranded, .btn--secondary {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    width: auto;
    background-color: #DDD13D;
    border-radius: 0;
    color: #333;
    border: transparent;
    font-size: 1.6rem;
    font-weight: lighter;
    text-decoration: none;
    text-align: center;
    text-transform: capitalize;
    padding: 10px 15px;
    line-height: 1.625;
    vertical-align: middle;
    cursor: pointer;
    transition: outline 0.1s linear;
    box-sizing: border-box
}
#itemDetails .btn{
    width: 100px;
}

.btn::after, .shopify-payment-button .shopify-payment-button__button--unbranded::after, .btn--secondary::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    transition: outline 0.1s linear
}

/*.btn:not(.disabled):hover::after, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):hover::after, .btn--secondary:not(.disabled):hover::after {
    outline: 4px solid #bdbdb3
}*/

.btn:not(.disabled):active::after, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.disabled):active::after, .btn--secondary:not(.disabled):active::after {
    outline: 0 solid #bdbdb3
}

.btn[disabled], .shopify-payment-button [disabled].shopify-payment-button__button--unbranded, .btn.disabled, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded, .btn--secondary[disabled], .btn--secondary.disabled {
    cursor: default;
    opacity: 0.5
}

.btn[disabled]:hover, .shopify-payment-button [disabled].shopify-payment-button__button--unbranded:hover, .btn.disabled:hover, .shopify-payment-button .disabled.shopify-payment-button__button--unbranded:hover, .btn--secondary[disabled]:hover, .btn--secondary.disabled:hover {
    outline: 2px solid
}

.btn .btn--input, .shopify-payment-button .shopify-payment-button__button--unbranded .btn--input, .btn--secondary .btn--input {
    padding: 0
}

.btn .icon, .shopify-payment-button .shopify-payment-button__button--unbranded .icon, .btn--secondary .icon {
    color: currentColor
}

.btn--secondary {
    background-color: transparent;
    color: #ebce47
}

.btn--secondary::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 2px solid #bdbdb3;
    transition: outline 0.1s linear
}

.btn--secondary:not(.disabled):hover::after {
    outline: 4px solid #bdbdb3
}

.btn--to-secondary .secondary-text {
    display: none
}

.btn--to-secondary::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: all 0.2s ease-out
}

.btn--to-secondary-transitioned {
    -webkit-animation-name: buttonText;
    animation-name: buttonText;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: steps(1, start);
    animation-timing-function: steps(1, start);
    line-height: 1.9;
    color: #ebce47;
    border: 2px solid #bdbdb3;
    background-color: #fff
}

.btn--to-secondary-transitioned .primary-text {
    display: none
}

.btn--to-secondary-transitioned .secondary-text {
    display: inline
}

.btn--to-secondary-transitioned::before {
    -webkit-animation-name: buttonBackground;
    animation-name: buttonBackground;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background-color: #fff
}

.btn--to-secondary-transitioned:not(.disabled):hover::after {
    outline: 4px solid #bdbdb3
}

.btn--to-secondary-transitioned:not(.disabled):active::after {
    outline: 2px solid #bdbdb3
}

@-webkit-keyframes buttonBackground {
    0% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
    20% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
    100% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 0
    }
}

@keyframes buttonBackground {
    0% {
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
    20% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }
    100% {
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 0
    }
}

@-webkit-keyframes buttonText {
    0% {
        background-color: transparent
    }
    20% {
        background-color: #ebce47
    }
    100% {
        background-color: #fff
    }
}

@keyframes buttonText {
    0% {
        background-color: transparent
    }
    20% {
        background-color: #ebce47
    }
    100% {
        background-color: #fff
    }
}

.btn--large {
    font-size: 1.8rem;
    padding: 20px 60px
}

.btn--small {
    padding: 0 20px
}

.btn--full {
    width: 100%
}

.btn--clear {
    position: relative;
    background-color: transparent;
    border: 0;
    color: #333;
    transition: 0.15s opacity ease-out
}

.btn--clear:hover {
    opacity: 0.5
}

.btn--clear:hover::after, .btn--clear::after {
    outline: 0 !important
}

.btn--primary-color {
    color: #ebce47
}

.btn--hover-border::after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    width: auto;
    height: auto;
    border-radius: 50px;
    border: 2px solid #333;
    opacity: 0;
    transition: opacity 0.15s ease-out;
    pointer-events: none
}

@media only screen and (min-width: 750px) {
    .btn--hover-border::after {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.btn--hover-border:hover {
    opacity: 1
}

.btn--hover-border:hover::after {
    opacity: 1
}

.btn--hover-scale {
    transition: transform 0.15s ease-out
}

.btn--hover-scale:hover {
    opacity: 1;
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.btn--hover-scale:active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.btn--square {
    width: 35px;
    height: 40px;
    padding: 0;
    text-align: center;
    line-height: 50px
}

.supports-no-svg .btn--square {
    width: auto
}

.btn-link {
    padding: 0;
    color: #ebce47;
    border: 0;
    border-bottom: 1px solid #bdbdb3;
    background-color: transparent;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1
}

.btn-link:hover {
    opacity: 0.5
}

.btn-link--wide {
    font-weight: 700;
    border: 0;
    letter-spacing: 1.5px
}

.btn-group .btn, .btn-group .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .btn-group .shopify-payment-button__button--unbranded {
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 10px
}

.btn-group .btn:last-child, .btn-group .shopify-payment-button .shopify-payment-button__button--unbranded:last-child, .shopify-payment-button .btn-group .shopify-payment-button__button--unbranded:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.btn--loader-active {
    color: transparent
}

.btn--loader-balls, .btn--loader-balls:before, .btn--loader-balls:after {
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    width: 8px;
    height: 8px;
    transform-origin: center center
}

.btn--loader .btn--loader-balls, .btn--loader .btn--loader-balls:before, .btn--loader .btn--loader-balls:after {
    display: none
}

.btn--loader-active .btn--loader-balls, .btn--loader-active .btn--loader-balls:before, .btn--loader-active .btn--loader-balls:after {
    display: block
}

.btn--loader-balls {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    background-color: #fff;
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear
}

.btn--loader-balls:before, .btn--loader-balls:after {
    content: "";
    position: relative;
    opacity: 0.25
}

.btn--loader-balls:before {
    left: 21px;
    top: 0;
    -webkit-animation: spScaleAlphaBefore 1s infinite linear;
    animation: spScaleAlphaBefore 1s infinite linear
}

.btn--loader-balls:after {
    left: -21px;
    top: -8px;
    -webkit-animation: spScaleAlphaAfter 1s infinite linear;
    animation: spScaleAlphaAfter 1s infinite linear
}

@-webkit-keyframes spScaleAlpha {
    0% {
        opacity: 1
    }
    33% {
        opacity: 0.25
    }
    66% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@keyframes spScaleAlpha {
    0% {
        opacity: 1
    }
    33% {
        opacity: 0.25
    }
    66% {
        opacity: 0.25
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25
    }
    33% {
        opacity: 1
    }
    66% {
        opacity: 0.25
    }
}

@keyframes spScaleAlphaBefore {
    0% {
        opacity: 0.25
    }
    33% {
        opacity: 1
    }
    66% {
        opacity: 0.25
    }
}

@-webkit-keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25
    }
    66% {
        opacity: 1
    }
    100% {
        opacity: 0.25
    }
}

@keyframes spScaleAlphaAfter {
    33% {
        opacity: 0.25
    }
    66% {
        opacity: 1
    }
    100% {
        opacity: 0.25
    }
}

.product-form__item ~ .shopify-payment-btn {
    margin-top: 30px
}

.shopify-payment-btn[disabled], .shopify-payment-btn.disabled {
    background-color: #ebce47;
    color: #fff
}

.shopify-payment-button {
    margin-top: 10px
}

.shopify-payment-button .shopify-payment-button__button--unbranded {
    width: 100%
}

.shopify-payment-button .shopify-payment-button__button--unbranded:hover {
    background-color: #ebce47
}

.shopify-payment-button .shopify-payment-button__button--branded {
    min-height: 50px;
    transition: 0.25s transform ease-out
}

.shopify-payment-button .shopify-payment-button__button--branded:hover {
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01)
}

.shopify-payment-button .shopify-payment-button__more-options {
    color: #ebce47;
    width: auto;
    margin: 12px auto 0;
    text-decoration: underline
}

.shopify-payment-button .shopify-payment-button__more-options:hover {
    opacity: 0.5
}

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

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

img {
    max-width: 100%
}

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

.video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 750px) {
    .responsive-table th, .responsive-table td {
        padding: 20px 5px;
        border-bottom: 1px solid rgba(74, 74, 74, 0.03)
    }
}

@media only screen and (max-width: 749px) {
    .responsive-table thead {
        display: none
    }

    .responsive-table tr {
        display: block
    }

    .responsive-table tr, .responsive-table td {
        float: left;
        clear: both;
        width: 100%
    }

    .responsive-table th, .responsive-table td {
        display: block;
        text-align: right;
        padding: 10px;
        margin: 0
    }

    .responsive-table td::before {
        content: attr(data-label);
        float: left;
        text-align: left;
        padding-right: 10px;
        max-width: 50%
    }

    .responsive-table__row + .responsive-table__row, tfoot > .responsive-table__row:first-child {
        position: relative;
        margin-top: 10px;
        padding-top: 10px
    }

    .responsive-table__row + .responsive-table__row::after, tfoot > .responsive-table__row:first-child::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 10px;
        right: 10px;
        border-bottom: 1px solid rgba(74, 74, 74, 0.03)
    }
}

.rte img {
    height: auto
}

.rte table {
    table-layout: fixed
}

.rte ul, .rte ol {
    margin: 0 0 10px 20px
}

.rte ul {
    list-style: disc outside
}

.rte ul ul {
    list-style: circle outside
}

.rte ul ul ul {
    list-style: square outside
}

.text-center.rte ul, .text-center.rte ol, .text-center .rte ul, .text-center .rte ol {
    margin-left: 0;
    list-style-position: inside
}

.rte__table-wrapper {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.rte a, .rte-setting a, .text-link {
    position: relative;
    color: #ebce47;
    text-decoration: none
}

.rte a:not(.image-link)::after, .rte-setting a:not(.image-link)::after, .text-link:not(.image-link)::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2px;
    border-bottom: 1px solid #bdbdb3
}

.rte a:hover, .rte a:focus, .rte-setting a:hover, .rte-setting a:focus, .text-link:hover, .text-link:focus {
    opacity: 0.5
}

.critical-hide {
    display: inherit
}

.critical-clear {
    opacity: 1;
    visibility: visible
}

.main-content .shopify-section {
    display: inherit
}

body:not(.template-index) .main-content {
    opacity: 1
}

.article__wrapper {
    position: relative;
    padding: 60px 0
}

@media only screen and (min-width: 990px) {
    .article__wrapper {
        padding: 100px 0
    }
}

@media only screen and (min-width: 990px) {
    .article__content--large {
        width: 75%
    }
}

.article__header::before {
    content: '';
    display: block;
    width: 0;
    height: 6px;
    margin-bottom: 20px;
    background-color: #ebce47;
    transition: width 0.5s ease-out;
    margin: 0 0 20px
}

.article__header.has-animated::before, .supports-no-js .article__header::before, .animations--disabled .article__header::before {
    width: 80px
}

.article__date, .article__author {
    display: block;
    color: #979797
}

@media only screen and (min-width: 750px) {
    .article__date, .article__author {
        display: inline-block
    }
}

@media only screen and (min-width: 750px) {
    .article__author::before {
        content: '-';
        margin: 0 5px
    }
}

.article__title {
    line-height: 1.125;
    margin-top: 20px
}

.article__body {
    margin-top: 30px
}

.article__share-desktop {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    width: 16.66667%
}

@media only screen and (min-width: 990px) {
    .article__share-desktop {
        display: block;
        top: 100px
    }
}

.article__share-desktop--fixed .article__share-desktop-wrapper {
    position: fixed;
    top: 70px
}

@media only screen and (min-width: 990px) {
    .article__share-desktop--fixed .article__share-desktop-wrapper {
        top: 100px
    }
}

.article__share-desktop--bottom {
    top: auto;
    bottom: 70px
}

@media only screen and (min-width: 990px) {
    .article__share-desktop--bottom {
        bottom: 100px
    }
}

@media only screen and (max-width: 989px) {
    .article__share-button--fixed {
        display: none
    }
}

.article__share-button--fixed .icon {
    fill: #ebce47;
    margin-right: 10px
}

.article__share-mobile {
    margin-bottom: 40px;
    text-align: center
}

@media only screen and (min-width: 990px) {
    .article__share-mobile {
        display: none
    }
}

.card-list {
    position: relative;
    box-sizing: content-box
}

.card-list .sk-fading-circle {
    position: relative;
    left: auto;
    top: 50px;
    margin: 0 auto;
    clear: left
}

.card-list__column {
    margin-left: 0
}

.card-list__column--center {
    margin: 0 auto;
    float: none
}

.card-list__column--half-left {
    float: none
}

@media only screen and (min-width: 750px) {
    .card-list__column--half-left {
        float: left
    }
}

.card-list__column--half-right {
    float: left;
    clear: none
}

.card-list__sub-actions {
    display: none;
    opacity: 0;
    padding-left: 0;
    transition: all 500ms ease-out
}

.card {
    width: 100%;
    opacity: 0;
    transition: all 500ms ease-out;
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

@media only screen and (min-width: 750px) {
    .card {
        float: left
    }
}

.card--reveal, .animations--disabled .card {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.supports-no-js .card, .supports-no-js .card-list__sub-actions, .card-list__sub-actions--loaded {
    display: block;
    opacity: 1;
    transition: opacity 0.25s ease-out, transform 0.25s ease-out;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.card-list__sub-actions--no-results {
    margin-top: -70px
}

.card-list__view-all {
    text-align: center;
    margin: 10px 0 40px
}

@media only screen and (min-width: 750px) {
    .card-list__view-all {
        margin: 30px 0 50px
    }
}

@media only screen and (min-width: 750px) {
    .card--right {
        float: right;
        clear: right
    }
}

.card__wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;
    color: #333;
    text-decoration: none
}

@media only screen and (min-width: 750px) {
    .card__wrapper {
        margin-bottom: 20px
    }
}

.card__wrapper--padding {
    padding: 30px 30px 0
}

@media only screen and (min-width: 750px) {
    .card__wrapper--padding {
        padding: 40px 40px 0
    }
}

.card__image-wrapper, .card__image {
    display: block;
    width: 100%
}

.card__image-wrapper {
    position: relative;
    overflow: hidden
}

.card__image-wrapper .placeholder-svg {
    border: 2px solid rgba(74, 74, 74, 0.35)
}

.card__image-wrapper--aligned {
    width: 100%;
    padding-top: 100%
}

.card__preloader {
    position: absolute;
    margin-left: -7px;
    margin-top: -7px;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ebce47;
    -webkit-animation: pulse 1.2s infinite;
    animation: pulse 1.2s infinite
}

.card__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transition: all 500ms ease-out;
}

.card__wrapper:hover .card__image {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.supports-no-js .card__image {
    position: relative
}

.card__image--align {
    object-position: center center;
    background-color: #fff;
    object-fit: contain;
    font-family: 'object-fit: contain'
}

.card__image--align.lazyloaded {
    background-color: transparent
}

.card__info {
    clear: both;
    padding: 22px;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .card__info {
        padding: 26px
    }
}

@media only screen and (min-width: 750px) {
    .card__info--aligned {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }
}

.card--article .card__info {
    padding: 30px 20px
}

@media only screen and (min-width: 750px) {
    .card--article .card__info {
        padding: 40px
    }
}

@media only screen and (min-width: 750px) {
    .card--article:hover .card__read-more > .icon {
        -ms-transform: translate(7px, -50%);
        -webkit-transform: translate(7px, -50%);
        transform: translate(7px, -50%)
    }
}

.card__date {
    color: #979797;
    display: block;
    margin-bottom: 15px
}

.card__availability {
    font-size: 1.2rem;
    letter-spacing: 1.2px
}

.card__brand, .card__price {
    color: #979797;
    font-size: 1.2rem;
    letter-spacing: 1.7px
}

.card__price--sale {
    margin-right: 10px;
    font-size: 1.6rem;
    letter-spacing: 2.2px;
    line-height: 1;
    color: #ebce47
}

.card__price--regular-strike {
    text-decoration: line-through;
    color: #ebce47
}

.card__price--regular {
    color: #333
}

.card__name {
    margin: 5px 0
}

.card__description {
    font-size: 1.4rem;
    padding: 10px 0
}

.card__read-more {
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    color: #ebce47
}

.card__read-more .icon-arrow-right {
    width: 7px;
    height: 7px;
    position: absolute;
    right: -17px;
    top: 50%;
    fill: #ebce47;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 500ms ease-out
}

.ie9 .card__read-more .icon-arrow-right {
    top: 10%
}

.card__badge {
    position: absolute;
    top: -20px;
    right: -90px;
    width: 200px;
    padding: 40px 4px 4px;
    text-align: center;
    background-color: #ebce47;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    -ms-transform: rotate(45deg) translateZ(0);
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0)
}

.ie9 .card__badge {
    padding-top: 4px;
    top: 0;
    right: 0
}

.card__badge--large {
    top: -20px;
    right: -80px;
    padding-top: 70px
}

@-webkit-keyframes pulse {
    30% {
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.8
    }
    50% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    70% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8
    }
}

@keyframes pulse {
    30% {
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.8
    }
    50% {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1
    }
    70% {
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8
    }
}

.cart-drawer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.cart-drawer__content {
    display: block;
    -webkit-flex: 1 100;
    -moz-flex: 1 100;
    -ms-flex: 1 100;
    flex: 1 100;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out
}

.cart-drawer--checkout-select-active .cart-drawer__content {
    -webkit-flex: 0 100;
    -moz-flex: 0 100;
    -ms-flex: 0 100;
    flex: 0 100
}

.cart-drawer__content-container {
    overflow: hidden;
    padding: 40px 0
}

@media only screen and (max-width: 749px) {
    .cart-drawer__content-container {
        padding: 20px 0
    }
}

.cart-drawer__empty-text {
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-out
}

.cart-drawer--empty .cart-drawer__empty-text {
    height: auto;
    opacity: 1;
    pointer-events: auto;
    margin-top: 60px
}

.cart-drawer--no-cookies .cart-drawer__empty-text {
    display: none
}

.cart-drawer__no-cookies {
    display: none
}

.cart-drawer--no-cookies .cart-drawer__no-cookies {
    display: block;
    margin-top: 60px;
    padding: 0 40px
}

@media only screen and (max-width: 749px) {
    .cart-drawer--no-cookies .cart-drawer__no-cookies {
        padding: 0 20px
    }
}

.cart-drawer__header {
    position: relative;
    height: 60px;
    padding: 0 20px;
    box-sizing: content-box;
    border-bottom: 1px solid #f2f2f2
}

@media only screen and (min-width: 750px) {
    .cart-drawer__header {
        padding: 0 40px
    }
}

.cart-drawer__header-container {
    position: relative;
    width: 100%;
    height: 100%
}

.cart-drawer__header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 215px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cart-drawer__close-button {
    position: absolute;
    top: 50%;
    right: -16px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cart-drawer__close-button .icon {
    width: 14px;
    fill: #ebce47
}

@media only screen and (min-width: 750px) {
    .cart-drawer__close-button .icon {
        width: 18px
    }
}

.cart-drawer__item-list {
    transition: opacity 0.25s ease-out
}

.cart-drawer--empty .cart-drawer__item-list, .cart--no-cookies .cart-drawer__item-list {
    display: none
}

@media only screen and (min-width: 750px) {
    .cart-drawer__item-list {
        padding: 0 40px
    }
}

@media only screen and (max-width: 749px) {
    .cart-drawer__item-list {
        padding: 0 20px
    }
}

.cart-drawer__item {
    position: relative;
    font-size: 1.2rem;
    opacity: 0;
    transition: 0.25s all ease-out;
    -ms-transform: translateX(20%);
    -webkit-transform: translateX(20%);
    transform: translateX(20%)
}

.cart-drawer__item.ajax-cart__item--remove {
    -webkit-animation: remove 0.25s ease-out;
    animation: remove 0.25s ease-out;
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: none
}

.cart-drawer__item:nth-of-type(1) {
    transition-delay: 0.28s;
    -webkit-transition-delay: 0.28s
}

.drawer--active .cart-drawer__item:nth-of-type(1) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(2) {
    transition-delay: 0.36s;
    -webkit-transition-delay: 0.36s
}

.drawer--active .cart-drawer__item:nth-of-type(2) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(3) {
    transition-delay: 0.44s;
    -webkit-transition-delay: 0.44s
}

.drawer--active .cart-drawer__item:nth-of-type(3) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(4) {
    transition-delay: 0.52s;
    -webkit-transition-delay: 0.52s
}

.drawer--active .cart-drawer__item:nth-of-type(4) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(5) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s
}

.drawer--active .cart-drawer__item:nth-of-type(5) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(6) {
    transition-delay: 0.68s;
    -webkit-transition-delay: 0.68s
}

.drawer--active .cart-drawer__item:nth-of-type(6) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(7) {
    transition-delay: 0.76s;
    -webkit-transition-delay: 0.76s
}

.drawer--active .cart-drawer__item:nth-of-type(7) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(8) {
    transition-delay: 0.84s;
    -webkit-transition-delay: 0.84s
}

.drawer--active .cart-drawer__item:nth-of-type(8) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(9) {
    transition-delay: 0.92s;
    -webkit-transition-delay: 0.92s
}

.drawer--active .cart-drawer__item:nth-of-type(9) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.cart-drawer__item:nth-of-type(10) {
    transition-delay: 1s;
    -webkit-transition-delay: 1s
}

.drawer--active .cart-drawer__item:nth-of-type(10) {
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

@-webkit-keyframes remove {
    0% {
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        max-height: 250px;
        opacity: 1
    }
    33% {
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        max-height: 250px;
        opacity: 0
    }
    100% {
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        max-height: 0;
        opacity: 0
    }
}

@keyframes remove {
    0% {
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        max-height: 250px;
        opacity: 1
    }
    33% {
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        max-height: 250px;
        opacity: 0
    }
    100% {
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        max-height: 0;
        opacity: 0
    }
}

.cart-drawer__item-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    padding-top: 15%;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .cart-drawer__item-image {
        width: 20%;
        padding-top: 20%
    }
}

.cart-drawer__item-content {
    margin-left: 20%;
    padding-left: 20px;
    padding-right: 70px;
    padding-bottom: 40px
}

@media only screen and (max-width: 749px) {
    .cart-drawer__item-content {
        margin-left: 15%;
        padding-bottom: 20px
    }
}

.cart-drawer__item-title {
    margin-bottom: 0;
    display: inline-block;
    font-size: 1.8rem;
    text-decoration: none
}

@media only screen and (max-width: 749px) {
    .cart-drawer__item-title {
        font-size: 1.6rem
    }
    .slider {
        height: 350px !important;
        max-height: 350px !important;
    }
}

.cart-drawer__item-subtitle {
    margin-bottom: 0;
    letter-spacing: 1px
}

.cart-drawer__item-property {
    letter-spacing: 1px
}

.cart-drawer__item-discount {
    color: #ebce47;
    margin-bottom: 6px;
    letter-spacing: 1px
}

.cart-drawer__item-properties {
    list-style: none;
    padding: 0;
    margin: 0
}

input[type="number"].cart-drawer__item-quantity {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    padding: 5px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

.cart-drawer__item-delete {
    position: absolute;
    font-size: 1.2rem;
    top: 45px;
    right: 0;
    margin-left: 20px
}

.cart-drawer__item-price-container {
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 700;
    letter-spacing: 1px
}

.cart-drawer__item-price {
    margin-right: 8px
}

.cart-drawer__item-template {
    display: none
}

.cart-drawer__note {
    resize: vertical;
    margin-bottom: 0
}

.cart-drawer__footer {
    min-height: 230px;
    padding: 0 20px;
    border-top: 1px solid #f2f2f2;
    background-color: #fff;
    text-align: center;
    opacity: 1;
    transition: opacity 0.25s ease-out, min-height 0.25s ease-out
}

.cart-drawer--empty .cart-drawer__footer {
    opacity: 0;
    pointer-events: none;
    min-height: 0;
    max-height: 0
}

@media only screen and (min-width: 750px) {
    .cart-drawer__footer {
        padding: 0 40px
    }
}

.cart-drawer__footer-container {
    padding: 20px 0
}

@media only screen and (min-width: 750px) {
    .cart-drawer__footer-container {
        padding: 40px 0
    }
}

.cart-drawer__message-container {
    opacity: 0
}

.ajax-cart--error .cart-drawer__message-container {
    opacity: 1
}

.cart-drawer__message {
    text-align: center;
    font-size: 14px;
    color: #eb4f47
}

.ajax-cart--error .cart-drawer__message {
    padding-bottom: 40px
}

.cart-drawer__discount-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-out
}

.cart-drawer__discount {
    max-height: 0;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.4rem;
    overflow: hidden;
    transition: max-height 0.25s ease-in-out
}

.cart-drawer__subtotal {
    display: table;
    width: 100%;
    margin-bottom: 10px
}

.cart-drawer__subtotal-label {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: left
}

.cart-drawer__subtotal-label span {
    font-size: 2.4rem;
    margin-bottom: 0
}

.cart-drawer__subtotal-price {
    display: table-cell;
    width: 50%;
    text-align: right;
    font-weight: 700;
    vertical-align: middle;
    letter-spacing: 1px
}

.cart-drawer__disclaimer {
    margin-bottom: 20px;
    font-size: 1.4rem;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .cart-drawer__disclaimer {
        margin-bottom: 40px
    }
}
@media only screen and (max-width: 767px) {
    .banner{
        margin-top: 65px;
    }
    .image-bar .image-bar__flex:first-child, .image-bar .image-bar__flex:nth-child(n+1){
        width: 50%;
    }
    .site-search {
         min-height: auto!important;
    }
    .site-search input {
        font-size: 18px!important;
        line-height: 18px !important;
    }
    .gsc-search-button-v2 {
        padding: 4px 30px !important;
    }
    .gsc-search-button-v2 svg {
        width: 25px !important;
        height: 25px !important;
    }
    #itemDetails .modal-container, #bookDetailsImages .modal-container{
        max-width: 95%;
    }
    #itemDetails table tr td:first-child {
        width: 23%;
    }
    .btn--square {
        width: 25px;
        height: 35px;
        line-height: 35px;
        margin: 0px 3px;
    }
    .account svg{
        position: absolute;
        left: 10px;
        top: 6px;
    }
    .site-header__navigation{
        margin-top: -15px;
    }
    .home-icon {
        padding-top: 4px !important;
    }
    .mobile-nav-icon{
        margin-right: 50px
    }
    .dropbtn {
        margin-bottom: 5px;
    }
    .account{
        margin-left: -7px;
    }
    .bio-image{
        max-width: 50%;
        margin-top: 25px;
    }
}

.cart-drawer__checkout {
    display: block;
    margin: 0 auto 80px
}

@media only screen and (min-width: 750px) {
    .cart-drawer__checkout {
        margin-bottom: 40px
    }
    .navigation__container {
        width: 55% !important;
    }
}

.cart-header {
    padding: 80px 0 60px
}

@media only screen and (max-width: 749px) {
    .cart-header {
        padding: 40px 0 20px;
        border-bottom: 1px solid rgba(74, 74, 74, 0.03)
    }
}

.cart__empty {
    display: none
}

.cart--empty .cart__empty {
    display: block
}

.cart--no-cookies .cart__empty {
    display: none
}

.cart__no-cookies {
    display: none
}

.cart--no-cookies .cart__no-cookies {
    display: block
}

.cart--empty .cart__form, .cart--no-cookies .cart__form {
    display: none
}

.cart__table {
    width: 100%
}

.cart__table tr {
    border-bottom: 1px solid rgba(74, 74, 74, 0.03)
}

.cart__table th, .cart__table td {
    border: 0
}

.cart__table td {
    padding: 30px 0 20px;
    vertical-align: top
}

.cart__table th {
    font-weight: 400;
    padding: 10px 0
}

@media only screen and (max-width: 749px) {
    .cart__table thead {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }

    .cart__table tr, .cart__table tbody {
        border-bottom: 0;
        width: 100%
    }

    .cart__table tbody {
        display: block
    }
}

.cart-item p {
    margin-bottom: 0
}

@media only screen and (max-width: 749px) {
    .cart-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start
    }
}

.cart-item__image-wrapper {
    max-width: 100px
}

@media only screen and (max-width: 749px) {
    .cart-item__image-wrapper {
        -webkit-flex: 0 0 60px;
        -moz-flex: 0 0 60px;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }
}

@media only screen and (max-width: 749px) {
    .cart-item__image-link {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-size: cover;
        background-color: #fff;
        border-radius: 50%
    }
}

@media only screen and (min-width: 750px) {
    .cart-item__image-link {
        background-size: 0 0
    }
}

@media only screen and (max-width: 749px) {
    .cart-item__image {
        position: absolute !important;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

@media only screen and (min-width: 750px) {
    .cart-item__image {
        max-width: 100px
    }
}

td.cart-item__meta {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width: 750px) {
    td.cart-item__meta {
        max-width: 300px
    }
}

@media only screen and (max-width: 749px) {
    td.cart-item__meta {
        -webkit-flex: 3 1 0%;
        -moz-flex: 3 1 0%;
        -ms-flex: 3 1 0%;
        flex: 3 1 0%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto
    }
}

.cart-item__meta-title {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 1.8rem;
    line-height: 1;
    text-decoration: none
}

@media only screen and (max-width: 749px) {
    .cart-item__meta-title {
        font-size: 1.6rem
    }
}

.cart-item__meta-variant {
    font-size: 1.2rem
}

.cart-item__remove {
    padding: 0
}

@media only screen and (max-width: 749px) {
    .cart-item__remove {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 750px) {
    .cart-item__remove {
        margin: 10px 0
    }
}

.cart-item__message {
    opacity: 0;
    font-size: 14px;
    color: #eb4f47;
    transition: opacity 0.25s ease-out
}

.ajax-cart--error .cart-item__message {
    opacity: 1
}

.cart-item__property {
    letter-spacing: 1px
}

.cart-item__discount {
    color: #ebce47;
    margin-bottom: 6px;
    letter-spacing: 1px
}

.cart-item__qty {
    text-align: center
}

@media only screen and (max-width: 749px) {
    .cart-item__qty {
        text-align: right
    }
}

.cart-item__qty-label {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

@media only screen and (max-width: 749px) {
    .cart-item__qty-label {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle
    }
}

input.cart-item__qty-input {
    text-align: center;
    width: 60px;
    padding: 10px 5px;
    margin-bottom: 0
}

@media only screen and (max-width: 749px) {
    input.cart-item__qty-input {
        width: 50px;
        padding: 5px;
        font-weight: 700;
        line-height: 1.5
    }
}

@media only screen and (min-width: 750px) {
    input.cart-item__qty-input {
        height: 50px;
        margin-top: -15px
    }
}

@media only screen and (max-width: 749px) {
    .cart-item__price-wrapper {
        -webkit-flex: 0 1 24%;
        -moz-flex: 0 1 24%;
        -ms-flex: 0 1 24%;
        flex: 0 1 24%;
        text-align: right
    }
}

@media only screen and (min-width: 750px) {
    .cart-item__price-wrapper {
        text-align: center
    }
}

.cart-item__price, .cart-item__original-price {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1px
}

@media only screen and (max-width: 749px) {
    .cart-item__price, .cart-item__original-price {
        font-size: 1.2rem;
        margin-top: 10px
    }
}

.cart-item__original-price {
    margin-left: 10px
}

.cart-item__properties {
    margin: 0
}

@media only screen and (max-width: 749px) {
    .cart-item__update-wrapper {
        text-align: right
    }
}

@media only screen and (max-width: 749px) {
    .cart-item__update--show .cart-item__update-wrapper, .supports-no-js .cart-item__update-wrapper {
        padding-top: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between
    }
}

.ie9 .cart-item__update--show .cart-item__update-wrapper {
    display: block
}

.cart-footer {
    padding-top: 40px
}

@media only screen and (min-width: 750px) {
    .cart-footer {
        padding-top: 80px
    }
}

.cart-footer__note-label, .cart-footer__note-input {
    display: block
}

@media only screen and (max-width: 749px) {
    .cart-footer__note-label, .cart-footer__note-input {
        margin: 0 auto
    }
}

.cart-footer__note-label {
    margin-bottom: 20px
}

.cart-footer__note-input {
    min-height: 50px;
    width: 100%
}

@media only screen and (max-width: 749px) {
    .cart-footer__note-input {
        margin-bottom: 40px
    }
}

.cart-footer__subtotal {
    padding-left: 20px;
    font-weight: 700;
    letter-spacing: 1px
}

.cart-footer__message-container {
    opacity: 0;
    transition: opacity 0.25s ease-out
}

.ajax-cart--error .cart-footer__message-container {
    opacity: 1
}

.cart-footer__message {
    text-align: right;
    font-size: 14px;
    color: #eb4f47
}

.ajax-cart--error .cart-footer__message {
    padding-top: 40px
}

@media only screen and (max-width: 749px) {
    .cart-message {
        padding-top: 20px
    }
}

.collection-dropdowns {
    margin-top: 50px
}

@media only screen and (min-width: 750px) {
    .collection-dropdowns {
        margin-top: 60px
    }
}

.collection-sort {
    display: inline-block;
    text-align: left;
    width: 100%
}

@media only screen and (min-width: 750px) {
    .collection-sort {
        max-width: 280px
    }
}

.collection-sort__label {
    display: block;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .collection-sort__label {
        text-align: left;
        padding-left: 6.66667px;
        margin-bottom: 0
    }
}

.collection-sort__input {
    padding: 14px 20px;
    margin-bottom: 5px;
    font-weight: 700
}

.comments-wrapper, .comments-form-wrapper {
    margin-bottom: 2px;
    padding: 70px 0;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .comments-wrapper, .comments-form-wrapper {
        padding-bottom: 70px
    }
}

@media only screen and (min-width: 990px) {
    .comments-wrapper, .comments-form-wrapper {
        padding: 100px 0
    }
}

.comment {
    margin: 15px 0 25px
}

@media only screen and (min-width: 750px) {
    .comment {
        margin-bottom: 30px
    }
}

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

@media only screen and (min-width: 990px) {
    .comment__meta--large {
        width: 25%
    }
}

.comment__author {
    line-height: 1.25
}

.comment__date {
    display: block;
    color: #333;
    margin-top: 5px
}

@media only screen and (min-width: 990px) {
    .comment__content--large {
        width: 50%;
        left: 8.33333%
    }
}

@media only screen and (max-width: 749px) {
    .comment__content {
        margin-top: 15px
    }
}

@media only screen and (min-width: 750px) {
    .template-article .pagination {
        margin-top: 40px
    }
}

.comments-form-wrapper {
    margin-bottom: 0
}

@media only screen and (max-width: 749px) {
    .comments-form-wrapper input {
        margin-bottom: 4px
    }
}

.comments-form-wrapper textarea {
    margin-bottom: 40px
}

@media only screen and (max-width: 749px) {
    .comments-form-wrapper textarea {
        height: 22rem
    }
}

@media only screen and (min-width: 750px) {
    .comments-form-wrapper textarea {
        height: 15rem
    }
}

.comments-form__title {
    margin-bottom: 30px
}

.comments__moderated {
    margin-top: 20px
}

.account-summary {
    margin-top: 60px;
    margin-bottom: 60px
}

.account-details {
    float: right
}

.order-item__product {
    font-size: 1.6rem;
    color: inherit;
    text-decoration: none
}

.order-item__variant {
    font-size: 1.4rem
}

.customers-activate-account {
    min-height: 50vh
}

@media only screen and (min-width: 750px) {
    .customers-activate-account__container {
        margin: 20vh 0
    }
}

#AddressNewForm {
    margin-bottom: 60px
}

.new-address--hidden #AddressNewForm {
    display: none
}

.new-address-open {
    display: none
}

.new-address--hidden .new-address-open {
    display: inline-block
}

.current-addresses {
    margin-bottom: 60px
}

.current-addresses .current-addresses__item {
    padding-bottom: 40px
}

.edit-address {
    display: none
}

.edit-address--show {
    display: block
}

.customer-login {
    min-height: 50vh
}

#ResetSuccess {
    margin-top: 20px
}

@media only screen and (min-width: 750px) {
    .customer-login__login, .customer-login__recover {
        margin: 20vh 0
    }
}

@media only screen and (max-width: 749px) {
    .customer-login__sign-in, .customer-login__register, .customer-login__recover-password {
        display: block;
        width: 100%
    }
}

.customer-login__recover-password {
    float: right
}

.customers-register {
    min-height: 50vh
}

@media only screen and (min-width: 750px) {
    .customers-register__container {
        margin: 15vh 0
    }
}

.customers-reset-password {
    min-height: 50vh
}

@media only screen and (min-width: 750px) {
    .form-reset-password {
        margin: 20vh 0
    }
}

@media only screen and (max-width: 749px) {
    .customer-form__title {
        margin: 40px 0;
        text-align: center
    }
}

.custom-content-wrapper--top-margin {
    padding-top: 80px
}

@media only screen and (min-width: 750px) {
    .custom-content-wrapper--top-margin {
        padding-top: 140px
    }
}

.custom-content-wrapper--bottom-margin {
    padding-bottom: 80px
}

@media only screen and (min-width: 750px) {
    .custom-content-wrapper--bottom-margin {
        padding-bottom: 140px
    }
}

.custom-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    margin-left: -20px
}

.custom__item {
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 20px 0;
    padding-left: 20px;
    max-width: 100%
}

@media only screen and (max-width: 749px) {
    .custom__item.small--one-half {
        -webkit-flex: 1 0 50%;
        -moz-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
}

.custom__item .collection-grid-item {
    margin-bottom: 0
}

.custom__item-inner {
    position: relative;
    text-align: left;
    max-width: 100%
}

.custom__item-inner--image {
    text-align: center
}

.custom__block-image-container {
    position: relative;
    width: 100%
}

.custom__block-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.custom__block-image.lazyloaded {
    background-color: transparent
}

.custom__item-inner--video, .custom__item-inner--collection, .custom__item-inner--html {
    display: block
}

.custom__item-inner--product .card__wrapper, .custom__item-inner--collection .card__wrapper {
    margin-bottom: 0
}

.custom__block-heading-text, .custom__block-body-text {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.align--top, .align--center, .align--bottom {
    text-align: center
}

.align--top {
    -ms-flex-item-align: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.align--center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.align--bottom {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.feature-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch
}

@media only screen and (max-width: 749px) {
    .feature-row {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ie9 .feature-row {
    position: relative
}

.feature-row__item {
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media only screen and (max-width: 749px) {
    .feature-row__item {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.ie9 .feature-row__item {
    position: relative
}

@media only screen and (max-width: 749px) {
    .feature-row__image-crop--circle, .feature-row__image-crop--square {
        padding: 80px 0
    }
}

@media only screen and (max-width: 749px) {
/*    .feature-row__heading::before {
        content: '';
        display: block;
        width: 0;
        height: 6px;
        margin-bottom: 20px;
        background-color: #ebce47;
        transition: width 0.5s ease-out;
        margin: 0 auto 20px
    }*/

    .feature-row__heading.has-animated::before, .supports-no-js .feature-row__heading::before, .animations--disabled .feature-row__heading::before {
        width: 80px
    }
}

@media only screen and (min-width: 750px) {
  /*  .feature-row__heading::before {
        content: '';
        display: block;
        width: 0;
        height: 6px;
        margin-bottom: 20px;
        background-color: #ebce47;
        transition: width 0.5s ease-out;
        margin: 0 0 20px
    }*/

    .feature-row__heading.has-animated::before, .supports-no-js .feature-row__heading::before, .animations--disabled .feature-row__heading::before {
        width: 80px
    }
}

.feature-row__image-wrapper {
    position: relative;
    overflow: hidden;
    width: 50%
}

@media only screen and (max-width: 749px) {
    .feature-row__image-wrapper {
        width: 100%;
        order: 0
    }

    .feature-row-mobile--bottom .feature-row__image-wrapper {
        order: 1
    }
}

.ie9 .feature-row__image-wrapper {
    margin: 0 auto;
    width: 280px;
    height: 280px
}

@media only screen and (min-width: 750px) {
    .ie9 .feature-row__image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 50%
    }
}

.feature-row__image {
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto
}

@media only screen and (max-width: 749px) {
    .feature-row__image {
        margin-bottom: 60px
    }

    .feature-row-mobile--bottom .feature-row__image {
        margin-bottom: 0;
        margin-top: 80px
    }

    .feature-row__image-crop--none .feature-row__image {
        height: 200px
    }
}

@media only screen and (min-width: 750px) {
    .feature-row__image {
        position: absolute;
        height: 100%;
        width: 100%;
        margin: 0
    }
}

.ie9 .feature-row__image {
    height: 100%;
    width: 100%
}

.feature-row__image-crop {
    overflow: hidden
}

@media only screen and (min-width: 750px) {
    .feature-row__image-crop {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.feature-row__image-crop--circle .feature-row__image-crop, .feature-row__image-crop--square .feature-row__image-crop {
    height: 200px;
    width: 200px
}

@media only screen and (min-width: 750px) {
    .feature-row__image-crop--circle .feature-row__image-crop, .feature-row__image-crop--square .feature-row__image-crop {
        width: 320px;
        height: 320px
    }
}

.feature-row__image-crop--circle .feature-row__image-crop {
    border-radius: 50%
}

.feature-row__image-crop .placeholder-svg {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.feature-row__text {
    padding: 140px 40px;
    margin: 0 auto;
    max-width: 500px
}

@media only screen and (max-width: 749px) {
    .feature-row__text {
        text-align: center;
        padding: 0 20px;
        order: 1
    }

    .feature-row__image-crop--none .feature-row__text {
        padding-top: 10px;
        padding-bottom: 40px
    }

    .feature-row__image-crop--none.feature-row-mobile--bottom .feature-row__text {
        padding-top: 80px
    }

    .feature-row-mobile--bottom .feature-row__text {
        order: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 750px) {
    .feature-row__text {
        width: 50%
    }

    .feature-row--small .feature-row__text {
        padding: 60px 40px
    }

    .feature-row--large .feature-row__text {
        padding: 40px 40px
    }

    .feature-row--x-large .feature-row__text {
        padding: 300px 40px
    }
}

.ie9 .feature-row__text {
    display: inline-block;
    max-width: none
}

.feature-row__btn {
    margin-top: 20px
}

html.site-footer--hidden {
    background-color: #fff
}

html.supports-no-js {
    background-color: #eae7e0
}

.site-footer {
    text-align: center;
    color: #333;
    padding: 40px 0
}

.site-footer--hidden .site-footer {
    display: none
}

.supports-no-js .site-footer {
    display: block
}

.site-footer a {
    color: #333
}

.site-footer a:hover, .site-footer a:focus {
    opacity: 0.5
}

.site-footer .input-group--underline {
    border-color: #333
}

.site-footer .input-group--underline .btn, .site-footer .input-group--underline .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .site-footer .input-group--underline .shopify-payment-button__button--unbranded {
    color: #333
}

.site-footer .icon {
    fill: #333
}

.site-footer--parallax .site-footer {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.site-footer--parallax .content-for-layout {
    position: relative;
    z-index: 3;
    margin-bottom: 400px
}

.site-footer__drawer-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff
}

.flex-footer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto
}

@media only screen and (min-width: 750px) {
    .flex-footer {
        padding-bottom: 40px
    }
}

.flex-footer__item {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 0 20px
}

@media only screen and (max-width: 749px) {
    .flex-footer--full .flex-footer__item {
        -webkit-flex: 1 0 100%;
        -moz-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .flex-footer--full .flex-footer__item:first-child {
        margin-top: 20px
    }
}

@media only screen and (min-width: 750px) {
    .flex-footer__item {
        -webkit-flex: 1 1 25%;
        -moz-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        padding: 0 10px
    }

    .flex-footer--full .flex-footer__item {
        -webkit-flex: 1 0 100%;
        -moz-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }
}

@media only screen and (min-width: 750px) {
    .flex-footer__item--one-third {
        flex: 0 0 33%
    }
}

.flex-footer__item--newsletter {
    margin: 0 auto 20px;
    max-width: 450px
}

@media only screen and (min-width: 750px) {
    .flex-footer__item--newsletter {
        flex: 0 1 50%;
        margin: 0
    }
}

.site-footer__linklist {
    list-style: none;
    padding: 0;
    margin: 0
}

@media only screen and (min-width: 750px) {
    .site-footer__linklist {
        margin-top: 5px;
        text-align: left
    }

    .flex-footer--full .site-footer__linklist {
        text-align: center
    }
}

.site-footer__linklist-item {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media only screen and (min-width: 750px) {
    .site-footer__linklist-item {
        display: block;
        padding: 0 20px 0 0
    }

    .flex-footer--full .site-footer__linklist-item {
        display: inline-block;
        padding: 5px 10px
    }
}

.site-footer__newsletter .input-group__btn {
    text-align: right
}

.site-footer__newsletter input[type="email"]::-webkit-input-placeholder {
    color: #333;
    opacity: 0.5
}

.site-footer__newsletter input[type="email"]::-moz-placeholder {
    color: #333;
    opacity: 0.5
}

.site-footer__newsletter input[type="email"]:-ms-input-placeholder {
    color: #333;
    opacity: 0.5
}

.site-footer__newsletter input[type="email"]::placeholder {
    color: #333;
    opacity: 0.5
}

@media only screen and (max-width: 749px) {
    .site-footer__newsletter {
        margin: 0 20px
    }
}

.site-footer__newsletter-label {
    display: block;
    font-size: 1.8rem;
    font-weight: 900;
    color: #333;
    text-transform: uppercase
}

@media only screen and (min-width: 750px) {
    .site-footer__newsletter-label {
        text-align: left
    }
}

.site-footer__newsletter-message {
    padding-top: 20px
}

.site-footer__newsletter-message .form-success {
    color: #333
}

.site-footer__bottom {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 750px) {
    .site-footer__bottom {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.site-footer__bottom--center {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

@media only screen and (max-width: 749px) {
    .site-footer__social-icons {
        text-align: center !important;
        padding-bottom: 30px
    }
}

@media only screen and (min-width: 750px) {
    .site-footer__social-icons {
        text-align: left
    }
}

.site-footer__copyright small {
    font-size: em(59.5%)
}

@media only screen and (max-width: 749px) {
    .site-footer__copyright small {
        display: block
    }
}

.site-footer__powered-by {
    padding-top: 5px
}

@media only screen and (max-width: 749px) {
    .site-footer__payment-icons {
        padding-top: 30px
    }
}

.payment-icon {
    margin-right: 10px;
    line-height: 30px
}

@media only screen and (min-width: 750px) {
    .payment-icons {
        text-align: right
    }
}

.payment-icons .icon {
    width: 30px;
    height: 30px
}

.payment-icons .icon-shopify_pay {
    width: 75px;
    height: auto
}

.image-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.image-bar .image-bar__flex:nth-child(1) .image-bar__text.has-animated .icon {
    -webkit-animation: fadeIn 0.75s ease-out 0.35s 1 forwards;
    animation: fadeIn 0.75s ease-out 0.35s 1 forwards
}

.image-bar .image-bar__flex:nth-child(1) .image-bar__text.has-animated .image-bar__caption {
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: fadeInUp 0.5s ease-out 0.3s 1 forwards;
    animation: fadeInUp 0.5s ease-out 0.3s 1 forwards
}

.image-bar .image-bar__flex:nth-child(2) .image-bar__text.has-animated .icon {
    -webkit-animation: fadeIn 0.75s ease-out 0.55s 1 forwards;
    animation: fadeIn 0.75s ease-out 0.55s 1 forwards
}

.image-bar .image-bar__flex:nth-child(2) .image-bar__text.has-animated .image-bar__caption {
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: fadeInUp 0.5s ease-out 0.45s 1 forwards;
    animation: fadeInUp 0.5s ease-out 0.45s 1 forwards
}

.image-bar .image-bar__flex:nth-child(3) .image-bar__text.has-animated .icon {
    -webkit-animation: fadeIn 0.75s ease-out 0.75s 1 forwards;
    animation: fadeIn 0.75s ease-out 0.75s 1 forwards
}

.image-bar .image-bar__flex:nth-child(3) .image-bar__text.has-animated .image-bar__caption {
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: fadeInUp 0.5s ease-out 0.6s 1 forwards;
    animation: fadeInUp 0.5s ease-out 0.6s 1 forwards
}

.image-bar__flex {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 290px;
    overflow: hidden;
    position: relative
}

.ie9 .image-bar__flex {
    display: block;
    width: 100%
}

@media only screen and (min-width: 750px) {
    .ie9 .image-bar__flex {
        display: inline-block
    }

    .ie9 .image-bar__flex.image-bar__2-column {
        width: 50%
    }

    .ie9 .image-bar__flex.image-bar__3-column {
        width: 33%
    }
}

.image-bar__item {
    transition: all 500ms ease-out;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #fff
}

.image-bar__item.lazyloaded {
    background-color: transparent
}

@media only screen and (min-width: 750px) {
    .image-bar__item.image-bar__link:hover {
        -ms-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.image-bar__link {
    display: block
}

.image-bar__content {
    display: block;
    position: relative;
    width: 100%
}

.image-bar--x-small .image-bar__content {
    height: 94px
}

.image-bar--small .image-bar__content {
    height: 225px
}

.image-bar--medium .image-bar__content {
    height: 357px
}

.image-bar--large .image-bar__content {
    height: 488px
}

.image-bar--x-large .image-bar__content {
    height: 582px
}

@media only screen and (min-width: 750px) {
    .image-bar--x-small .image-bar__content {
        height: 125px
    }

    .image-bar--small .image-bar__content {
        height: 300px
    }

    .image-bar--medium .image-bar__content {
        height: 475px
    }

    .image-bar--large .image-bar__content {
        height: 650px
    }

    .image-bar--x-large .image-bar__content {
        height: 775px
    }
}

.image-bar__overlay::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.image-bar__text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    pointer-events: none;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-bar__text .icon {
    border: 3px solid #ebce47;
    border-radius: 100%;
    fill: #ebce47;
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
    opacity: 0
}

.supports-no-js .image-bar__text .icon, .animations--disabled .image-bar__text .icon {
    opacity: 1
}

.image-bar__caption {
    padding: 0 20px;
    opacity: 0
}

.supports-no-js .image-bar__caption, .animations--disabled .image-bar__caption {
    opacity: 1
}

.image-bar__placeholder {
    width: 100%;
    height: 100%
}

.image-bar__placeholder::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 2px solid rgba(74, 74, 74, 0.25)
}

@media only screen and (min-width: 870px) {
    .image-bar__placeholder::after {
        border-right: 2px solid rgba(74, 74, 74, 0.25);
        border-bottom: 2px solid rgba(74, 74, 74, 0.25)
    }
}

.image-bar__flex:last-child .image-bar__placeholder::after {
    border-bottom: 2px solid rgba(74, 74, 74, 0.25)
}

@media only screen and (min-width: 580px) and (max-width: 869px) {
    .image-bar__flex:first-child .image-bar__placeholder::after {
        border-right: 2px solid rgba(74, 74, 74, 0.25)
    }

    .image-bar__flex:nth-child(2) .image-bar__placeholder::after {
        border-right: 0
    }
}

@media only screen and (min-width: 750px) {
    .image-bar__flex:last-child .image-bar__placeholder::after {
        border-right: 0
    }
}

.image-bar__placeholder .placeholder-svg {
    position: absolute;
    top: 0;
    left: 0;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.giftcard-header {
    margin-bottom: 60px;
    padding: 10px 0;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .giftcard-header {
        margin-bottom: 50px
    }
}

.giftcard-header__shop-name {
    margin: 0
}

.giftcard__qr-code {
    margin: 40px 0
}

.giftcard__qr-code img {
    margin: 0 auto
}

.giftcard__apple-wallet-image {
    display: block;
    margin: 0 auto
}

.giftcard__content {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px
}

.giftcard__wrap {
    position: relative;
    max-width: 360px;
    margin: 60px auto 20px
}

.giftcard__shop-url {
    display: none
}

.giftcard__instructions {
    margin: 40px 0
}

.giftcard__amount {
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff
}

.giftcard__code {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0
}

@media only screen and (min-width: 750px) {
    .giftcard__code {
        bottom: 30px
    }
}

.giftcard__code-bubble {
    position: relative;
    display: inline-block;
    background-color: #fff;
    color: #333;
    padding: 10px 20px;
    font-size: 0.9375em;
    border-radius: 4px
}

.giftcard__start-shopping {
    margin: 40px 0;
    color: #ebce47
}

.giftcard__start-shopping .icon-arrow-right {
    width: 7px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    fill: #ebce47;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ie9 .giftcard__start-shopping .icon-arrow-right {
    top: 10%
}

.giftcard__print {
    margin-top: 30px
}

@media print {
    @page {
        margin: 0.5cm
    }

    p {
        orphans: 3;
        widows: 3
    }

    html, body {
        background-color: #fff;
        color: #333
    }

    .giftcard__print-link, .giftcard__apple-wallet {
        display: none
    }
}

.hero {
    position: relative;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff
}

.hero.lazyloaded {
    background-color: transparent
}

.hero__overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.hero__overlay-title::before {
    content: '';
    display: block;
    width: 0;
    height: 6px;
    margin-bottom: 20px;
    background-color: #ebce47;
    transition: width 0.5s ease-out;
    margin: 0 auto 20px
}

.hero__overlay-title.has-animated::before, .supports-no-js .hero__overlay-title::before, .animations--disabled .hero__overlay-title::before {
    width: 80px
}

.hero__inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    z-index: 5
}

.hero--x-small .hero__inner {
    padding: 20px 0
}

.hero--small .hero__inner {
    padding: 40px 0
}

.hero--medium .hero__inner {
    padding: 80px 0
}

.hero--large .hero__inner {
    padding: 120px 0
}

.hero--x-large .hero__inner {
    padding: 160px 0
}

@media only screen and (min-width: 750px) {
    .hero--x-small .hero__inner {
        padding: 20px 0
    }

    .hero--small .hero__inner {
        padding: 60px 0
    }

    .hero--medium .hero__inner {
        padding: 140px 0
    }

    .hero--large .hero__inner {
        padding: 100px 0
    }

    .hero--x-large .hero__inner {
        padding: 300px 0
    }
}

.hero__btn {
    margin-top: 30px
}

.navigation {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fdf9d44a;
    max-height: 0;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    pointer-events: none;
    z-index: 5
}

html.supports-no-js .navigation {
    max-height: none;
    position: relative;
    opacity: 1;
    pointer-events: auto
}

.navigation__container {
    width: 100%;
    min-height: 100%;
    padding-top: 60px;
    padding-bottom: 60px
}

.navigation-open .navigation {
    min-height: 100vh;
    max-height: 100vh;
    opacity: 1;
    pointer-events: auto
}

.navigation-open .content-for-layout {
    display: none
}

.navigation-open .site-footer {
    display: none
}

.navigation--is-transitioning .navigation {
    position: absolute;
    max-height: none;
    height: 100vh;
    width: 100%
}

.navigation--is-transitioning .content-for-layout {
    display: block !important
}

.navigation--is-transitioning .site-footer {
    display: block !important
}

.navigation__entrance-animation {
    max-height: 1000px;
    opacity: 0;
    -ms-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    transition: max-height 0.01s, transform 0.25s ease-out, opacity 0.25s ease-out
}

.navigation__entrance-animation.navigation__entrance-animation--active, .navigation-open--editor .navigation__entrance-animation {
    max-height: 1001px;
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

html.supports-no-js .navigation__entrance-animation {
    opacity: 1
}

.navigation__links {
    list-style: none;
    padding-left: 0;
}

@media only screen and (min-width: 750px) {

}

.navigation__link a {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
    line-height: 3.55556;
    /*font-weight: 700;*/
    letter-spacing: 0.25rem;
    color: #333;
    padding: 0 10px;
    text-decoration: none;
    text-transform: capitalize;
    opacity: 1
}

@media only screen and (min-width: 750px) {
    .navigation__link a {
        font-size: 18px;
        line-height: 2.4;
        /*font-weight: 700*/
    }
}

.navigation__link > a, .navigation__link.navigation__has-sublinks--collapsed > button {
    transition: transform 0.25s ease-out
}

.navigation__link > a:after, .navigation__link.navigation__has-sublinks--collapsed > button:after {
    content: "";
    display: block;
    position: relative;
    bottom: 0.9rem;
    width: 0;
    margin: 0 auto;
    height: 2px;
    background-color: #333;
    transition: all 0.25s
}

@media only screen and (min-width: 750px) {
    .navigation__link > a:hover, .navigation__link.navigation__has-sublinks--collapsed > button:hover {
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .navigation__link > a:hover:after, .navigation__link.navigation__has-sublinks--collapsed > button:hover:after {
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        width: 100%
    }

    .navigation__link > a:hover:active, .navigation__link.navigation__has-sublinks--collapsed > button:hover:active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .navigation__link > a:hover:active:after, .navigation__link.navigation__has-sublinks--collapsed > button:hover:active:after {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.navigation__expand-sublinks {
    -moz-user-select: "none";
    -ms-user-select: "none";
    -webkit-user-select: "none";
    user-select: "none";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    padding: 0 10px;
    font-size: 1.4rem;
    line-height: 3.55556;
    font-weight: 700;
    letter-spacing: 0.25rem;
    color: #333;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.25s ease-out
}

.navigation__expand-sublinks:after {
    content: "";
    display: block;
    position: relative;
    bottom: 0.9rem;
    width: 0;
    margin: 0 auto;
    height: 2px;
    background-color: #333;
    transition: all 0.25s
}

@media only screen and (min-width: 750px) {
    .navigation__expand-sublinks {
        font-size: 2rem;
        line-height: 2.4;
        font-weight: 700
    }

    .navigation__expand-sublinks:hover {
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .navigation__expand-sublinks:hover:after {
        -ms-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    .navigation__expand-sublinks:hover:active {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .navigation__expand-sublinks:hover:active:after {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.navigation__expand-sublinks svg {
    width: 10px;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    fill: #ebce47;
    -ms-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    transition: transform 0.25s ease-out
}

.ie9 .navigation__expand-sublinks svg {
    top: 10%
}

.navigation__has-sublinks--collapsed .navigation__expand-sublinks svg {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.navigation__expand-sublinks--third-level {
    font-weight: 400;
    line-height: 3;
    text-transform: none
}

@media only screen and (min-width: 750px) {
    .navigation__expand-sublinks--third-level {
        font-size: 1.6rem;
        line-height: 2.625
    }

    .navigation__expand-sublinks--third-level:hover {
        opacity: 0.5;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .navigation__expand-sublinks--third-level:hover:after {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.navigation__sublinks-container {
    transition: all 0.15s ease-out;
    background-color: #fff;
    overflow: hidden;
    visibility: visible
}

.navigation__has-sublinks--collapsed .navigation__sublinks-container {
    max-height: 0 !important;
    visibility: hidden
}

html.supports-no-js .navigation__sublinks-container {
    max-height: none !important;
    visibility: visible
}

.navigation__sublinks {
    overflow: hidden;
    list-style: none;
    padding: 20px 0
}

.navigation__sublinks--third-level {
    overflow: hidden;
    list-style: none;
    padding: 0 0 10px
}

@media only screen and (min-width: 750px) {
    .navigation__sublinks--third-level {
        margin-top: -5px
    }
}

.navigation__sublink a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 3;
    text-transform: none;
    transition: opacity 0.25s ease-out
}

@media only screen and (min-width: 750px) {
    .navigation__sublink a {
        font-size: 1.6rem;
        line-height: 2.625
    }

    .navigation__sublink a:hover {
        opacity: 0.5
    }
}

.navigation__sublink--third-level a {
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: none;
    opacity: 0.8
}

@media only screen and (min-width: 750px) {
    .navigation__sublink--third-level a {
        line-height: 2.69231
    }

    .navigation__sublink--third-level a:hover {
        opacity: 0.5
    }
}

.navigation__link--secondary {
    padding: 0
}

.navigation__link--secondary a {
    font-size: 1.4rem;
    line-height: 3.42857;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.2rem;
    padding: 0 10px;
    transition: opacity 0.25s ease-out
}

@media only screen and (min-width: 750px) {
    .navigation__link--secondary a {
        line-height: 2.4
    }

    .navigation__link--secondary a:hover {
        opacity: 0.5;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.navigation__link--secondary a:after {
    content: none
}

.navigation__social-sharing {
    position: relative;
    margin: 0 auto 60px
}

@media only screen and (max-width: 749px) {
    .navigation__social-sharing {
        margin: 40px auto 60px
    }
}

.navigation__search {
    position: relative;
    max-width: 250px;
    margin: 0 auto
}

.newsletter-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
}

@media only screen and (min-width: 750px) {
    .newsletter-wrapper {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

.newsletter-wrapper input {
    font-size: 2.2rem;
    line-height: 1.63636
}

.newsletter-wrapper input::placeholder {
    opacity: 1 !important
}

.newsletter-wrapper input::-webkit-input-placeholder {
    opacity: 1 !important
}

.newsletter-wrapper input::-moz-placeholder {
    opacity: 1 !important
}

.newsletter-wrapper input:-ms-input-placeholder {
    opacity: 1 !important
}

.newsletter-wrapper .input-group--underline.has-animated .input-group__btn--newsletter {
    -webkit-animation: fadeIn 0.75s ease-out 0.35s 1 forwards;
    animation: fadeIn 0.75s ease-out 0.35s 1 forwards
}

.newsletter-wrapper .input-group--underline.has-animated .input-group__field {
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-animation: fadeInUp 0.5s ease-out 0.35s 1 forwards;
    animation: fadeInUp 0.5s ease-out 0.35s 1 forwards
}

@media only screen and (max-width: 749px) {
    .newsletter-wrapper .input-group--underline {
        display: block;
        border-bottom: none !important
    }
}

.newsletter-wrapper .input-group__field {
    opacity: 0
}

.supports-no-js .newsletter-wrapper .input-group__field, .animations--disabled .newsletter-wrapper .input-group__field {
    opacity: 1
}

.input-group__btn--newsletter {
    vertical-align: middle;
    opacity: 0
}

.supports-no-js .input-group__btn--newsletter, .animations--disabled .input-group__btn--newsletter {
    opacity: 1
}

@media only screen and (max-width: 749px) {
    .input-group__btn--newsletter {
        display: grid;
        width: 40px;
        margin: 40px auto 0
    }
}

.btn--newsletter__submit {
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.5;
    float: right;
    background-color: transparent
}

.btn--newsletter__submit .icon {
    width: 4px;
    height: 7px
}

.btn--newsletter__submit:hover {
    outline-style: solid;
    outline-width: 2px;
    transition: outline 0.1s linear
}

.newsletter__message {
    padding-top: 20px
}

.pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 10px;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .pagination {
        max-width: 280px;
        margin: 80px auto 0
    }
}

.pagination__btn {
    width: 40px;
    height: 40px;
    fill: #ebce47;
    padding: 0;
    line-height: 2.5
}

.pagination__btn .icon {
    width: 4px;
    height: 7px
}

.ie9 .pagination__pages {
    display: inline-block;
    margin: 0 20px
}

.pagination__page {
    padding-right: 20px;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 1.5px;
    color: #ebce47;
    text-decoration: none
}

.pagination__page:last-child {
    padding-right: 0
}

.pagination__page:hover, .pagination__page:focus {
    color: currentColor
}

.pagination__page--current {
    color: #333
}

.password-html {
    background-color: #fff
}

.password-header {
    margin-bottom: 60px;
    padding: 10px 0;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .password-header {
        margin-bottom: 100px
    }
}

.password-header__shop-name {
    margin: 0
}

.password-signup, .password-login {
    max-width: 460px;
    margin: 0 auto
}

.password-sub-heading {
    margin-bottom: 20px;
    font-size: 2rem
}

@media only screen and (min-width: 750px) {
    .password-sub-heading {
        font-size: 2.2rem
    }
}

.password-signup {
    margin: 40px auto;
    padding: 0 20px
}

.password-sub-action {
    margin: 60px 0
}

@media only screen and (min-width: 750px) {
    .password-sub-action {
        margin: 120px 0
    }
}

.password-sub-action .icon-arrow-right {
    width: 7px;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 50%;
    fill: #ebce47;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ie9 .password-sub-action .icon-arrow-right {
    top: 10%
}

.password-footer {
    width: 100%;
    padding: 20px 0;
    line-height: 40px
}

@media only screen and (min-width: 750px) {
    .password-footer {
        padding: 40px 0
    }
}

.password-footer .icon-shopify-logo {
    width: 120px;
    height: 40px;
    margin-left: 6.66667px;
    margin-top: -5px;
    fill: #333
}

.password-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.15s ease-out
}

.password-modal.password-modal--open {
    display: block;
    opacity: 1
}

.password-modal__content {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 20px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ie9 .password-modal__content {
    top: 20%
}

.password-modal__close {
    position: absolute;
    right: 0;
    top: 20px
}

.product__image-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (min-width: 990px) {
    .product__image-container {
        margin-top: 80px
    }
}

.product__image-wrapper {
    display: block;
    width: 100%
}

.product__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: transform 0.25s ease-out
}

.product__image:hover, a:focus > .product__image {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product__image-wrapper--empty .product__image {
    cursor: default
}

.product__vendor {
    color: #979797;
    font-size: 1.2rem;
    letter-spacing: 1.7px;
    margin-bottom: 10px
}

.product__content-header {
    padding: 40px 0
}

@media only screen and (min-width: 750px) {
    .product__content-header {
        padding: 80px 0
    }
}

.product__title {
    margin-bottom: 5px
}

.product__price {
    font-size: 1.6rem;
    letter-spacing: 1.5px
}

.product__sale-price-label {
    display: none
}

.product__price--sale .product__sale-price-label {
    display: inline
}

.product__price--sale .product__regular-price-label {
    display: none
}

.product__price--sale .product__current-price {
    color: #ebce47;
    margin-right: 10px
}

.product__compare-price-label, .product__compare-price {
    display: none
}

.product__price--sale .product__compare-price-label, .product__price--sale .product__compare-price {
    display: inline
}

.product__notification {
    margin: 10px;
    opacity: 0;
    transition: all 0.35s ease-out
}

.product__notification--success, .product__notification--error {
    margin: 12px 20px 20px;
    opacity: 1
}

.product__notification--error {
    color: #eb4f47
}

.product__content {
    padding-bottom: 80px
}

.product__content-main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width: 749px) {
    .product__content-main {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.product__description {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2
}

@media only screen and (min-width: 750px) {
    .product__description {
        width: calc(50% - 30px)
    }
}

@media only screen and (max-width: 749px) {
    .product__description {
        width: 100%;
        margin-top: 80px
    }
}

.product__form-container {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1
}

@media only screen and (min-width: 750px) {
    .product__form-container {
        width: calc(50% - 30px)
    }
}

@media only screen and (max-width: 749px) {
    .product__form-container {
        width: 100%
    }
}

@media only screen and (min-width: 750px) {
    .product__form-wrapper--fixed {
        position: fixed;
        top: 80px
    }
}

@media only screen and (min-width: 750px) {
    .product__form-wrapper--bottom {
        position: absolute;
        bottom: 0
    }
}

.product-form__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    background-color: #fff
}

.product-form__item:last-of-type {
    margin-bottom: 40px
}

.product-form__master-select {
    display: none
}

.single-option-selector, .product-form__quantity-input {
    opacity: 0;
    margin-bottom: 0
}

.supports-no-js .single-option-selector, .supports-no-js .product-form__quantity-input {
    opacity: 1
}

input[type="number"].product-form__quantity-input {
    margin-bottom: 0
}

.single-option-selector__label, .product-form__quantity-label {
    display: inline-block;
    position: absolute;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 700;
    pointer-events: none
}

.single-option-selector__label::after, .product-form__quantity-label::after {
    content: " - ";
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    line-height: 1px;
    font-weight: 700
}

@media only screen and (max-width: 749px) {
    .single-option-selector__label, .product-form__quantity-label {
        font-size: 1.6rem
    }
}

.single-option-selector__label--hidden, .product-form__quantity-label--hidden {
    width: 15px;
    padding: 0;
    opacity: 0
}

.single-option-selector--padding {
    padding-left: 100px
}

.product__share-wrapper {
    text-align: center;
    padding: 20px 0
}

.product__subimage-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center
}

.product__subimage-list--single {
    display: block;
    margin-bottom: 80px
}

.product__subimage-list-item {
    -webkit-flex: 1 1 50%;
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    overflow: hidden
}

.product__subimage-list--single .product__subimage-list-item {
    -webkit-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.product__subimage-container {
    display: block;
    position: relative;
    padding-top: 100%
}

.product__subimage-list--single .product__subimage-container {
    padding-top: 0
}

.product__subimage {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    transition: 0.25s transform ease-out, 0.25s opacity ease-out;
    object-fit: cover;
    object-position: 50% 50%;
    font-family: "object-fit: cover"
}

.product__subimage.lazyloaded {
    opacity: 1
}

.product__subimage:hover, a:focus > .product__subimage {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product__subimage-list--single .product__subimage {
    position: relative
}

@media only screen and (min-width: 750px) {
    .product__subimage-list-item {
        -webkit-flex: 1 1 33%;
        -moz-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%
    }

    .product__subimage-list--r2 .product__subimage-list-item:nth-last-of-type(2), .product__subimage-list--r2 .product__subimage-list-item:nth-last-of-type(2) + .product__subimage-list-item {
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .product__subimage-list--r1 .product__subimage-list-item:nth-last-of-type(4), .product__subimage-list--r1 .product__subimage-list-item:nth-last-of-type(4) ~ .product__subimage-list-item {
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }
}

.product-slideshow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: 15;
    overflow: hidden;
    transition: opacity 0.25s ease-out
}

.product-slideshow--show {
    height: auto;
    opacity: 1;
    overflow: auto;
    pointer-events: auto
}

.product-slideshow__close {
    position: absolute;
    right: 20px;
    top: 20px
}

.product-slideshow__close .icon {
    fill: #ebce47
}

.product-slideshow__content {
    height: 100%;
    padding: 80px 0 140px
}

.product-slideshow--single .product-slideshow__slide {
    cursor: default
}

.product-slideshow__slide-image-wrapper {
    display: none;
    position: relative;
    width: 100%;
    height: 100%
}

.product-slideshow--show .product-slideshow__slide-image-wrapper {
    display: block
}

.product-slideshow__slide-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-family: "object-fit: contain";
    pointer-events: none
}

.product-slideshow__slide-image.lazyloaded + .sk-fading-circle {
    display: none
}

.product-slideshow__controls {
    text-align: center;
    padding: 40px 0
}

.product-slideshow__slide-select-list {
    display: inline-block;
    padding: 0 20px
}

.product-slideshow__slide-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #333;
    border-radius: 6px;
    border-width: 0;
    margin: 0 4px;
    padding: 0;
    height: 4px;
    width: 4px;
    opacity: 0.7;
    transition: opacity 0.15s ease-out
}

.product-slideshow__slide-select--active {
    background-color: #ebce47;
    opacity: 1
}

.product-slideshow__next .icon, .product-slideshow__previous .icon {
    width: 6px;
    margin-top: -4px;
    fill: #ebce47
}

.quotes-slider {
    height: 500px;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width: 750px) {
    .quotes-slider {
        height: 400px
    }
}

.quotes-slide {
    padding: 0 20px;
    position: absolute;
    width: 100%;
    max-width: 85%;
    top: 50%;
    left: 50%;
    opacity: 0;
    z-index: 0;
    pointer-events: auto;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease-out
}

.quotes-slide--visible {
    opacity: 1;
    z-index: 5
}

.quote {
    margin-bottom: 20px
}

.quote-author {
    letter-spacing: 1px
}

.search-again-button, .navigation__search {
    margin: 40px auto 0
}

@media only screen and (min-width: 750px) {
    .search-again-button, .navigation__search {
        margin: 70px auto 0
    }
}

.supports-no-js .search-again-button {
    display: none
}

.supports-no-js .navigation__search {
    position: relative !important;
    overflow: initial
}

.section-header-image-wrapper {
    height: 278px;
    overflow: hidden;
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .section-header-image-wrapper {
        height: 390px
    }
}

@media only screen and (min-width: 1400px) {
    .section-header-image-wrapper {
        height: 560px
    }
}

.section-header-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

@media only screen and (min-width: 750px) {
    .section-header-image--parallax {
        background-attachment: fixed
    }
}

.is-mobile-os .section-header-image--parallax {
    background-attachment: scroll
}

.section-header {
    margin: 60px 0
}

@media only screen and (min-width: 750px) {
    .section-header {
        margin: 60px 0
    }
}

.section-header--small {
    margin: 40px 0
}

@media only screen and (min-width: 750px) {
    .section-header--small {
        margin: 50px 0
    }
}

.section-header__title {
    margin-bottom: 0
}

.section-header__description, .section-header__btn {
    margin-top: 20px
}

.section-header__subtext {
    display: block
}

@media only screen and (min-width: 750px) {
    .section-header__subtext {
        margin: -10px 0 70px
    }
}

.slideshow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: calc(100vh - 35px);
    min-height: 500px
}

.slideshow__overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.slideshow__slide {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 0;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1)
}

.slideshow__slide--active {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1);
    opacity: 1;
    z-index: 7
}

.slideshow__slide--transitioning {
    opacity: 1;
    z-index: 6
}

.slideshow__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 6;
    transition: opacity 0.8s cubic-bezier(0.44, 0.13, 0.48, 0.87), filter 400ms, -webkit-filter 400ms;
    font-family: "object-fit: cover"
}

.slideshow__image .placeholder-background {
    background-color: #fff
}

.slideshow__image .placeholder-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    max-height: none;
    max-width: none;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slideshow__video, .slideshow__video iframe {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1);
    pointer-events: none
}

@media only screen and (max-width: 749px) {
    .slideshow__video, .slideshow__video iframe {
        display: none
    }
}

@media (min-aspect-ratio: 16 / 9) {
    .slideshow__video, .slideshow__video iframe {
        height: 300%;
        top: -100%
    }
}

@media (max-aspect-ratio: 16 / 9) {
    .slideshow__video, .slideshow__video iframe {
        width: 300%;
        left: -100%
    }
}

.slideshow__video--loaded .slideshow__video, .slideshow__video--loaded .slideshow__video iframe {
    opacity: 1;
    visibility: visible
}

.slideshow__video::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

.slideshow__text-container {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    z-index: 7;
    width: 100%;
    max-width: 100%
}

.ie9 .slideshow__text-container {
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.slideshow__text-content {
    opacity: 0
}

.slideshow__text-content.has-animated {
    -webkit-animation: fadeUp 0.5s ease-out 0.5s 1 forwards;
    animation: fadeUp 0.5s ease-out 0.5s 1 forwards
}

.ie9 .slideshow__text-content, .supports-no-js .slideshow__text-content, .animations--disabled .slideshow__text-content {
    opacity: 1
}

.slideshow__heading {
    margin: 0 auto
}

@media only screen and (min-width: 750px) {
    .slideshow__heading {
        max-width: 800px
    }
}

.slideshow__heading-cta {
    margin-top: 40px
}

@media only screen and (min-width: 750px) {
    .slideshow__heading-cta {
        margin-top: 60px
    }
}

.slideshow__buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    z-index: 9;
    transition: all 0.35s cubic-bezier(0, 0, 0, 1);
    overflow: visible;
    transform-style: flat
}

.supports-no-js .slideshow__buttons {
    display: none
}

.slideshow__button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    text-align: center;
    white-space: initial;
    transition: all 0.35s cubic-bezier(0, 0, 0, 1)
}

@media only screen and (max-width: 749px) {
    .slideshow__button {
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 750px) {
    .slideshow__button {
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }

    .slideshow__button:hover:not(.slideshow__button--active) {
        -ms-transform: translate3d(0, -16px, 0);
        -webkit-transform: translate3d(0, -16px, 0);
        transform: translate3d(0, -16px, 0)
    }
}

.slideshow__button:not(.slideshow__button--active) {
    -ms-flex-item-align: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

@media only screen and (min-width: 750px) {
    .slideshow__button--4, .slideshow__button--5 {
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .slideshow__button--4.slideshow__button--active, .slideshow__button--5.slideshow__button--active {
        -ms-transform: translate3d(-50%, -60px, 0);
        -webkit-transform: translate3d(-50%, -60px, 0);
        transform: translate3d(-50%, -60px, 0)
    }

    .slideshow__button--4:hover:not(.slideshow__button--active), .slideshow__button--5:hover:not(.slideshow__button--active) {
        -ms-transform: translate3d(-50%, -16px, 0);
        -webkit-transform: translate3d(-50%, -16px, 0);
        transform: translate3d(-50%, -16px, 0)
    }
}

@media only screen and (min-width: 750px) {
    .slideshow__button--4 {
        -webkit-flex: 1 0 33%;
        -moz-flex: 1 0 33%;
        -ms-flex: 1 0 33%;
        flex: 1 0 33%
    }
}

@media only screen and (min-width: 750px) {
    .slideshow__button--5 {
        -webkit-flex: 1 0 25%;
        -moz-flex: 1 0 25%;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%
    }
}

.slideshow__button--active {
    -ms-transform: translate3d(50%, -60px, 0);
    -webkit-transform: translate3d(50%, -60px, 0);
    transform: translate3d(50%, -60px, 0)
}

.slideshow__button--active:not(.slideshow__button--link) {
    -ms-transform: translate3d(50%, -16px, 0);
    -webkit-transform: translate3d(50%, -16px, 0);
    transform: translate3d(50%, -16px, 0)
}

@media only screen and (min-width: 750px) {
    .slideshow__button--active:not(.slideshow__button--link) {
        -ms-transform: translate3d(0, -16px, 0);
        -webkit-transform: translate3d(0, -16px, 0);
        transform: translate3d(0, -16px, 0)
    }

    .slideshow__button--active:not(.slideshow__button--link).slideshow__button--4, .slideshow__button--active:not(.slideshow__button--link).slideshow__button--5 {
        -ms-transform: translate3d(-50%, -16px, 0);
        -webkit-transform: translate3d(-50%, -16px, 0);
        transform: translate3d(-50%, -16px, 0)
    }
}

@media only screen and (min-width: 750px) {
    .slideshow__button--active {
        -ms-transform: translate3d(0, -60px, 0);
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -60px, 0)
    }
}

.slideshow__button--previous, .slideshow__button--next {
    position: absolute;
    height: 100%;
    width: 10vh;
    background: transparent;
    border: 0;
    z-index: 11
}

@media only screen and (min-width: 750px) {
    .slideshow__button--previous, .slideshow__button--next {
        visibility: hidden;
        z-index: 9
    }
}

.slideshow__button--next {
    right: 0
}

.slideshow__button-label {
    color: #333
}

@media only screen and (min-width: 750px) {
    .slideshow__button-label {
        padding: 20px 40px;
        margin: 4px 0 35px 0
    }
}

.ie9 .slideshow__button, .ie9 .slideshow__button-label {
    display: none
}

.slideshow__button-cta {
    position: absolute;
    left: 50%;
    bottom: -62px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 750px) {
    .slideshow__button-cta {
        bottom: -60px
    }
}

.slideshow__button:not(.slideshow__button--active) .slideshow__button-cta {
    pointer-events: none
}

.slideshow__button--active.slideshow__button--link .slideshow__button-cta {
    bottom: -50px
}

@media only screen and (min-width: 750px) {
    .slideshow__button--active.slideshow__button--link .slideshow__button-cta {
        bottom: -20px
    }
}

.slideshow__button--active:not(.slideshow__button--link) .slideshow__button-cta {
    bottom: -80px
}

@media only screen and (min-width: 750px) {
    .slideshow__button--active:not(.slideshow__button--link) .slideshow__button-cta {
        bottom: -60px
    }
}

.slideshow__button-cta--mobile {
    padding: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 0
}

.slideshow__button-cta--mobile .icon-plus {
    height: 8px;
    width: 8px;
    fill: #fff
}

.slideshow__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    z-index: 9
}

.supports-no-js .slideshow__nav {
    display: none
}

@media only screen and (max-width: 749px) {
    .slideshow__nav {
        height: 35px
    }
}

@media only screen and (min-width: 750px) {
    .slideshow__nav {
        display: none
    }
}

.slideshow__nav-dot {
    background-color: #333;
    border-radius: 6px;
    border-width: 0;
    margin: 0 5px;
    padding: 0;
    height: 4px;
    width: 4px;
    opacity: 0.7;
    transition: opacity 0.15s ease-out
}

.slideshow__nav-dot--active {
    background-color: #ebce47;
    opacity: 1
}

@-webkit-keyframes fadeUp {
    0% {
        -ms-transform: translate3d(0, 10%, 0);
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }
    100% {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes fadeUp {
    0% {
        -ms-transform: translate3d(0, 10%, 0);
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
        opacity: 0
    }
    100% {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.site-header {
    position: relative;
    transition: transform 0.25s ease-out;
    z-index: 12
}

.site-header--transparent, .site-header--homepage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12
}

html.supports-no-js .site-header--transparent, html.supports-no-js .site-header--homepage {
    position: relative
}

.site-header--fixed {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-animation: slideDown 0.25s ease-out;
    animation: slideDown 0.25s ease-out
}

.site-header__wrapper {
    position: relative;
    width: 100%;
    background-color: #fdf9d4;
    z-index: 12;
    transition: background-color 0.25s ease-out
}

.site-header--transparent .site-header__wrapper {
    background-color: rgba(255, 255, 255, 0)
}

.navigation-open .site-header__wrapper, html.supports-no-js .site-header__wrapper {
    background-color: #fdf9d4
}

.site-header--fixed .site-header__wrapper {
    background-color: #fdf9d4
}

.site-header__wrapper svg {
    fill: #0a1554
}

.site-header__wrapper--transitioning {
    transition: background-color 0.25s ease-out, margin-top 0.25s ease-out
}

.announcement-bar {
    display: none;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 12
}

.announcement-bar--visible {
    display: block
}

.announcement-bar__message {
    font-size: em(16);
    font-weight: 400;
    padding: 10px 20px;
    margin-bottom: 0
}

@media only screen and (max-width: 749px) {
    .announcement-bar__message {
        padding: 10px calc(20px + 30px)
    }
}

.announcement-bar__message .icon {
    fill: currentColor
}

.announcement-bar__close {
    position: absolute;
    right: 20px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 749px) {
    .announcement-bar__close {
        right: 10px
    }
}

.announcement-bar__close .icon {
    width: 12px;
    height: 12px;
    fill: currentColor
}

.site-header-sections {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center
}

.ie9 .site-header-sections {
    display: table;
    width: 100%
}

.ie9 .site-header__section {
    display: table-cell;
    vertical-align: middle
}

.ie9 .site-header__section--button {
    width: 150px;
    white-space: nowrap
}

.site-header__section--title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.ie9 .site-header__section--title {
    width: 100%;
    padding: 10px 0 2px;
    text-align: center
}

.site-header__logo-wrapper {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;
    line-height: 1.2
}

.site-header__logo {
    display: block
}

.site-header__logo-image {
    display: block;
    margin: 0 auto
}

.site-header--transparent .site-header__logo-image {
    display: none
}

.navigation-open .site-header__logo-image, html.supports-no-js .site-header__logo-image {
    display: block
}

.site-header--fixed .site-header__logo-image {
    display: block
}

.site-header__logo-image--transparent {
    display: none
}

.site-header--transparent .site-header__logo-image--transparent {
    display: block
}

.navigation-open .site-header__logo-image--transparent, html.supports-no-js .site-header__logo-image--transparent {
    display: none
}

.site-header--fixed .site-header__logo-image--transparent {
    display: none
}

.site-header__cart svg {
    width: 22px;
    height: 30px;
    margin: -6px 0 0 -2px
}

@media only screen and (min-width: 750px) {
    .site-header__cart svg {
        width: 26px
    }
}

.site-header__cart::after {
    border-color: #0a1554
}

.site-header__cart-bubble {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-color: #0a1554;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.25s ease-out;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media only screen and (min-width: 750px) {
    .site-header__cart-bubble {
        top: 15px;
        right: 9px
    }
}

.site-header__cart .site-header__cart-bubble {
    top: 13px
}

@media only screen and (min-width: 750px) {
    .site-header__cart .site-header__cart-bubble {
        top: 12px
    }
}

.site-header__cart-bubble--visible {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.site-header__cart-bubble--visible.bubble-pulse {
    -webkit-animation: bubble-pulse 0.5s ease-out;
    animation: bubble-pulse 0.5s ease-out
}

@-webkit-keyframes bubble-pulse {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    50% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bubble-pulse {
    0% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    50% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    75% {
        -ms-transform: scale(1.4);
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }
    100% {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.burger-icon {
    display: block;
    height: 2px;
    width: 18px;
    left: 50%;
    margin-left: -9px;
    background: #0a1554;
    position: absolute;
    transition: all 0.25s ease-out
}

.navigation-open .burger-icon {
    width: 24px;
    top: calc(50% - 1px);
    left: calc(50% - 4px)
}

@media only screen and (min-width: 750px) {
    .burger-icon {
        height: 2px;
        width: 24px;
        left: 50%;
        margin-left: -12px
    }

    .navigation-open .burger-icon {
        width: 30px;
        top: calc(50% - 1px);
        left: calc(50% - 2px)
    }
}

.burger-icon--top {
    top: 17px
}

.navigation-open .burger-icon--top {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-width: 750px) {
    .burger-icon--top {
        top: 16px
    }

    .site-header__navigation:hover .burger-icon--top {
        -ms-transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    .navigation-open .site-header__navigation:hover .burger-icon--top {
        width: 35px;
        left: calc(50% - 4px);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.burger-icon--mid {
    top: 24px
}

@media only screen and (min-width: 750px) {
    .burger-icon--mid {
        top: 24px
    }
}

.navigation-open .burger-icon--mid {
    opacity: 0
}

.burger-icon--bottom {
    top: 31px
}

.navigation-open .burger-icon--bottom {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width: 750px) {
    .burger-icon--bottom {
        top: 32px
    }

    .site-header__navigation:hover .burger-icon--bottom {
        -ms-transform: translateY(2px);
        -webkit-transform: translateY(2px);
        transform: translateY(2px)
    }

    .navigation-open .site-header__navigation:hover .burger-icon--bottom {
        width: 35px;
        left: calc(50% - 4px);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.site-header__navigation {
    position: relative;
    transition: transform 0.15s ease-out
}

.site-header__navigation:hover {
    opacity: 1
}

.site-header__navigation svg {
    width: 20px;
    height: 30px
}

.site-header__navigation::after {
    border-color: #0a1554
}

.social-links .icon {
    fill: #333
}

.social-links a {
    margin-right: 20px;
    text-decoration: none;
    opacity: 1;
    transition: opacity 0.15s ease-out
}

.social-links a:hover, .social-links a:focus {
    opacity: 0.5
}

.social-links a:last-child {
    margin-right: 0
}

.social-links--large .icon {
    width: 24px;
    height: 24px;
    margin-top: 6px
}

.social-links__icon {
    margin-right: 10px
}

.social-links__icon:last-child {
    margin-right: 0
}

.social-sharing {
    position: relative;
    display: inline-block;
    margin: 0 auto
}

.social-sharing--product {
    margin-bottom: 80px
}

.social-sharing--article.social-sharing--1 {
    height: 145px
}

.social-sharing--article.social-sharing--2 {
    height: 215px
}

.social-sharing--article.social-sharing--3 {
    height: 285px
}

.social-sharing__toggle {
    padding: 20px;
    z-index: 5;
    cursor: pointer
}

.social-sharing--article .social-sharing__toggle {
    padding: 0
}

.social-sharing__item-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0;
    list-style: none
}

.social-sharing--mobile .social-sharing__item-list {
    box-sizing: content-box;
    max-height: 50px
}

.social-sharing__item {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: 0 0 0 -25px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.15s ease-out
}

.social-sharing--active .social-sharing__item {
    opacity: 1;
    pointer-events: auto
}

.social-sharing__link {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    border: solid 2px rgba(74, 74, 74, 0.1);
    transition: all 0.15s ease-out;
    pointer-events: none;
    background-color: #fff
}

.social-sharing__link:hover {
    border: solid 2px rgba(74, 74, 74, 0.1)
}

.social-sharing--active .social-sharing__link {
    opacity: 1;
    pointer-events: auto
}

.social-sharing__link .icon {
    fill: #333
}

.social-sharing--product .social-sharing__icon {
    margin-right: 10px
}

.social-sharing--mobile .social-sharing__icon {
    display: block;
    width: 50px;
    height: 50px;
    padding: 8px 0;
    margin: 0 auto 10px;
    text-align: center;
    border: 2px solid #ebce47;
    border-radius: 50px
}

.social-sharing--article .social-sharing__icon {
    display: block;
    width: 100%;
    height: 15px;
    padding: 0;
    margin-bottom: 15px;
    text-align: center
}

.social-sharing--article .social-sharing__icon .icon {
    vertical-align: top
}

.social-sharing__icon .icon {
    fill: #ebce47;
    height: 15px
}

.social-sharing__icon .icon-share {
    display: inline-block;
    transition: all 0.15s ease-out;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.social-sharing--active .social-sharing__icon .icon-share {
    opacity: 0;
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.social-sharing__icon .icon-close {
    display: inline-block;
    margin-left: -25px;
    opacity: 0;
    transition: all 0.15s ease-out;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.social-sharing--active .social-sharing__icon .icon-close {
    opacity: 1;
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.social-sharing__icon .icon-facebook {
    height: 22px
}

.social-sharing--1.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(0, -60px);
    -webkit-transform: translate(0, -60px);
    transform: translate(0, -60px)
}

.social-sharing--1.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(0, 65px);
    -webkit-transform: translate(0, 65px);
    transform: translate(0, 65px)
}

.social-sharing--2.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(-30px, -60px);
    -webkit-transform: translate(-30px, -60px);
    transform: translate(-30px, -60px)
}

.social-sharing--2.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(-30px, 65px);
    -webkit-transform: translate(-30px, 65px);
    transform: translate(-30px, 65px)
}

.social-sharing--3.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(-60px, -45px);
    -webkit-transform: translate(-60px, -45px);
    transform: translate(-60px, -45px)
}

.social-sharing--3.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(-65px, 65px);
    -webkit-transform: translate(-65px, 65px);
    transform: translate(-65px, 65px)
}

.social-sharing--article.social-sharing--active .social-sharing__item:nth-of-type(1) {
    -ms-transform: translate(0, 105px);
    -webkit-transform: translate(0, 105px);
    transform: translate(0, 105px)
}

.social-sharing__item:nth-of-type(2) {
    transition-delay: 0.05s;
    -webkit-transition-delay: 0.05s
}

.social-sharing--active .social-sharing__item:nth-of-type(2) {
    opacity: 1
}

.social-sharing--2.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(2) {
    -ms-transform: translate(30px, -60px);
    -webkit-transform: translate(30px, -60px);
    transform: translate(30px, -60px)
}

.social-sharing--2.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(2) {
    -ms-transform: translate(30px, 65px);
    -webkit-transform: translate(30px, 65px);
    transform: translate(30px, 65px)
}

.social-sharing--3.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(2) {
    -ms-transform: translate(0, -60px);
    -webkit-transform: translate(0, -60px);
    transform: translate(0, -60px)
}

.social-sharing--3.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(2) {
    -ms-transform: translate(0, 65px);
    -webkit-transform: translate(0, 65px);
    transform: translate(0, 65px)
}

.social-sharing--article.social-sharing--active .social-sharing__item:nth-of-type(2) {
    -ms-transform: translate(0, 165px);
    -webkit-transform: translate(0, 165px);
    transform: translate(0, 165px)
}

.social-sharing__item:nth-of-type(3) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s
}

.social-sharing--active .social-sharing__item:nth-of-type(3) {
    opacity: 1
}

.social-sharing--3.social-sharing--mobile.social-sharing--active .social-sharing__item:nth-of-type(3) {
    -ms-transform: translate(60px, -45px);
    -webkit-transform: translate(60px, -45px);
    transform: translate(60px, -45px)
}

.social-sharing--3.social-sharing--product.social-sharing--active .social-sharing__item:nth-of-type(3) {
    -ms-transform: translate(65px, 65px);
    -webkit-transform: translate(65px, 65px);
    transform: translate(65px, 65px)
}

.social-sharing--article.social-sharing--active .social-sharing__item:nth-of-type(3) {
    -ms-transform: translate(0, 225px);
    -webkit-transform: translate(0, 225px);
    transform: translate(0, 225px)
}

.slider {
    position: relative;
    width: 100%;
    height: 100%
}

.slider__slide {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.slider__slide--active {
    display: block;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slider__slide--previous {
    display: block;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.slider__slide--next {
    display: block;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.slider__slide--transitioning {
    transition: transform 0.2s ease-out
}

.slider__slide--dragging {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.sk-fading-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -10px;
    width: 40px;
    height: 40px
}

.supports-no-js .sk-fading-circle {
    display: none
}

.sk-fading-circle--top {
    margin-top: 50px
}

.sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-circle::before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #ebce47;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-circle2::before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-circle3::before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-circle4::before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

.sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-circle5::before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s
}

.sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-circle6::before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s
}

.sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-circle7::before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s
}

.sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-circle8::before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-circle9::before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s
}

.sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-circle10::before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s
}

.sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-circle11::before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-circle12::before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

.video-section {
    position: relative;
    height: 56.25vw;
    min-height: 300px;
    max-height: 810px;
    background-size: cover;
    background-color: #fff
}

.video-section.lazyloaded {
    background-color: transparent
}

.video-section__body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease-out
}

.video-section--loaded .video-section__body-overlay {
    height: 100%;
    opacity: 1;
    pointer-events: auto;
    z-index: 25
}

.video-section__player, .video-section__player iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.video-section--loaded .video-section__player, .video-section--loaded .video-section__player iframe {
    z-index: 26
}

.video-section__player-close {
    display: none;
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: #fff;
    border-radius: 50%
}

.video-section--loaded .video-section__player-close {
    z-index: 27
}

.video-section__player-close .icon {
    fill: #333;
    width: 15px;
    height: 15px
}

@media only screen and (max-width: 749px) {
    .video-section__player-close {
        top: 10px;
        left: 10px
    }
}

.video-section__cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    opacity: 1;
    transition: all 0.25s ease-out
}

.video-section__cover.video-section--loaded {
    display: none;
    opacity: 0
}

.video-section__cover-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 1;
    transition: opacity 0.25s ease-out
}

.video-section__cover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1
}

.video-section__cover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    opacity: 1;
    transition: opacity 0.25s ease-out;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.video-section__cover-text {
    color: #fff;
    text-align: center;
    margin: 0 auto 40px;
    max-width: 750px
}

@media only screen and (max-width: 749px) {
    .video-section__cover-text {
        font-size: 2.4rem;
        margin-bottom: 20px
    }
}

.video-section__error {
    display: none;
    position: absolute;
    bottom: -40px;
    width: 50vw;
    min-width: 340px;
    left: 50%;
    color: #fff;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.video-section--error .video-section__error {
    display: block
}

.video-section__load-player-button {
    position: relative;
    margin: 0 auto;
    height: 70px;
    width: 70px;
    padding: 0;
    transition: all 0.5s ease
}

.video-section__load-player-button:hover {
    opacity: 1;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-section__load-player-button.animated.pulse {
    outline: none;
    -ms-animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -ms-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -ms-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media only screen and (max-width: 749px) {
    .video-section__load-player-button {
        height: 50px;
        width: 50px
    }
}

.video-section__load-player-button-triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 8px solid transparent;
    -ms-transform: translate(-42%, -50%);
    -webkit-transform: translate(-42%, -50%);
    transform: translate(-42%, -50%)
}

.video-section__load-player-button-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    height: 70px;
    width: 70px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-top-right-radius: 75px;
    border-top-left-radius: 75px;
    border-bottom-right-radius: 75px;
    border-bottom-left-radius: 75px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 749px) {
    .video-section__load-player-button-circle {
        height: 50px;
        width: 50px
    }
}

.video-section__load-player-button.animated .video-section__load-player-button-circle {
    position: absolute;
    top: 0;
    left: 0;
    border: 3px dotted #fff;
    -ms-animation-name: spin;
    -webkit-animation-name: spin;
    -moz-animation-name: spin;
    animation-name: spin;
    -ms-animation-duration: 4s;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.ie9 .video-section__load-player-button.animated .video-section__load-player-button-circle {
    top: 50%;
    left: 50%
}

@-webkit-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.featured-slider {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.featured-slider__cover-background {
    position: absolute;
    left: 0;
    width: 50%;
    height: 100vh;
    overflow: hidden;
    z-index: 5
}

.featured-slider__cover-background:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 101%
}

.featured-slider__cover-background .placeholder-svg {
    width: 150vw;
    height: 50vw;
    max-width: none;
    max-height: none;
    transform-origin: 0 0;
    -ms-transform: rotate(90deg) translate(-10%, -100%);
    -webkit-transform: rotate(90deg) translate(-10%, -100%);
    transform: rotate(90deg) translate(-10%, -100%)
}

@media only screen and (max-width: 749px) {
    .featured-slider__cover-background {
        display: block;
        width: 100%;
        height: 50vh;
        transition: transform 0.25s ease-out, opacity 0.25s ease-out
    }

    .featured-slider__cover-background .placeholder-svg {
        width: 300vw;
        height: 100vw
    }
}

.featured-slider__cover-background--top {
    top: 0
}

@media only screen and (min-width: 750px) {
    .side-scroller--fixed .featured-slider__cover-background--top {
        position: fixed;
        will-change: transform
    }

    .side-scroller--fixed-bottom .featured-slider__cover-background--top {
        top: auto;
        bottom: 0
    }
}

@media only screen and (max-width: 749px) {
    .open .featured-slider__cover-background--top {
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .featured-slider__cover-background--top .placeholder-svg {
        position: absolute;
        bottom: 0;
        -ms-transform: rotate(90deg) translate(-16.7%, -100%);
        -webkit-transform: rotate(90deg) translate(-16.7%, -100%);
        transform: rotate(90deg) translate(-16.7%, -100%)
    }
}

.featured-slider__cover-background--bottom {
    display: none;
    bottom: 0;
    height: 50%
}

@media only screen and (max-width: 749px) {
    .featured-slider__cover-background--bottom {
        display: block
    }

    .open .featured-slider__cover-background--bottom {
        transition: transform 0.25s ease-out, opacity 0.25s ease-out;
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .featured-slider__cover-background--bottom .placeholder-svg {
        position: absolute;
        top: 0;
        left: 0;
        -ms-transform: rotate(90deg) translate(-50%, -100%);
        -webkit-transform: rotate(90deg) translate(-50%, -100%);
        transform: rotate(90deg) translate(-50%, -100%)
    }
}

.featured-slider__cover-background-image {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-color: #fff
}

@media only screen and (max-width: 749px) {
    .featured-slider__cover-background-image {
        height: 200%
    }

    .featured-slider__cover-background--top .featured-slider__cover-background-image {
        top: 0
    }

    .featured-slider__cover-background--bottom .featured-slider__cover-background-image {
        bottom: 0
    }
}

.featured-slider__cover-content {
    position: absolute;
    top: 50vh;
    left: 50%;
    width: 33%;
    opacity: 1;
    transition: opacity 0.25s ease-out;
    z-index: 15;
    text-align: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 750px) {
    .side-scroller--fixed .featured-slider__cover-content {
        position: fixed;
        will-change: transform
    }

    .side-scroller--fixed-bottom .featured-slider__cover-content {
        top: auto;
        bottom: 50vh;
        -ms-transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }
}

@media only screen and (max-width: 749px) {
    .featured-slider__cover-content {
        width: 80%
    }

    .open .featured-slider__cover-content {
        opacity: 0;
        pointer-events: none
    }
}

@media only screen and (min-width: 750px) {
    .featured-slider__cover-content--left {
        left: 25%
    }
}

.featured-slider__cover-title {
    padding-bottom: 4px;
    cursor: default;
    opacity: 0;
    -ms-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.featured-slider__cover-title.has-animated {
    -webkit-animation: fadeInUp 0.5s ease-out 0.25s 1 forwards;
    animation: fadeInUp 0.5s ease-out 0.25s 1 forwards
}

.supports-no-js .featured-slider__cover-title, .animations--disabled .featured-slider__cover-title {
    opacity: 1
}

@media only screen and (max-width: 749px) {
    .featured-slider__cover-title {
        border-bottom: 2px solid #fff;
        cursor: pointer
    }
}

.pinch-indicator {
    position: absolute;
    left: 50%;
    width: 25px;
    height: 25px;
    background-color: #fff;
    opacity: 0.66;
    border-radius: 20px;
    pointer-events: none;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -ms-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 750px) {
    .pinch-indicator {
        display: none
    }
}

.pinch-indicator--top {
    top: -40px;
    -ms-animation-name: pinch-up;
    -webkit-animation-name: pinch-up;
    -moz-animation-name: pinch-up;
    animation-name: pinch-up
}

.pinch-indicator--bottom {
    bottom: -40px;
    -ms-animation-name: pinch-down;
    -webkit-animation-name: pinch-down;
    -moz-animation-name: pinch-down;
    animation-name: pinch-down
}

@-webkit-keyframes pinch-up {
    0%, 15% {
        opacity: 0
    }
    15%, 30% {
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 0.66
    }
    70%, 100% {
        -ms-transform: translate(-50%, -100px);
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        opacity: 0
    }
}

@keyframes pinch-up {
    0%, 15% {
        opacity: 0
    }
    15%, 30% {
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 0.66
    }
    70%, 100% {
        -ms-transform: translate(-50%, -100px);
        -webkit-transform: translate(-50%, -100px);
        transform: translate(-50%, -100px);
        opacity: 0
    }
}

@-webkit-keyframes pinch-down {
    0%, 15% {
        opacity: 0
    }
    15%, 30% {
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        opacity: 0.66
    }
    70%, 100% {
        -ms-transform: translate(-50%, 100px);
        -webkit-transform: translate(-50%, 100px);
        transform: translate(-50%, 100px);
        opacity: 0
    }
}

@keyframes pinch-down {
    0%, 15% {
        opacity: 0
    }
    15%, 30% {
        -ms-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        opacity: 0.66
    }
    70%, 100% {
        -ms-transform: translate(-50%, 100px);
        -webkit-transform: translate(-50%, 100px);
        transform: translate(-50%, 100px);
        opacity: 0
    }
}

.featured-slider__close {
    display: none;
    position: absolute;
    top: 40px;
    left: 50%;
    height: 50px;
    width: 50px;
    padding: 0;
    transition: all 0.5s ease;
    z-index: 25;
    -ms-transform: scale(1) translateX(-50%);
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}

.featured-slider__close:hover {
    opacity: 1;
    -ms-transform: scale(1.1) translateX(-50%);
    -webkit-transform: scale(1.1) translateX(-50%);
    transform: scale(1.1) translateX(-50%)
}

@media only screen and (max-width: 749px) {
    .featured-slider__close {
        display: block
    }
}

.featured-slider__close-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.featured-slider__close-icon .icon {
    fill: #fff
}

.featured-slider__close-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    height: 70px;
    width: 70px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    border-top-right-radius: 75px;
    border-top-left-radius: 75px;
    border-bottom-right-radius: 75px;
    border-bottom-left-radius: 75px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (max-width: 749px) {
    .featured-slider__close-circle {
        height: 50px;
        width: 50px
    }
}

.featured-slider__slides-container {
    transition: background-color 1s ease-out
}

@media only screen and (max-width: 749px) {
    .featured-slider__slides-container {
        height: 100vh;
        overflow: hidden
    }
}

@media only screen and (min-width: 750px) {
    .featured-slider__slides-container {
        min-height: 100vh;
        width: 50%;
        margin-left: 50%
    }
}

@media only screen and (min-width: 750px) {
    .featured-slider__slide-list {
        padding: 20vh 0
    }
}

.featured-slider__slide {
    position: relative;
    text-align: center
}

@media only screen and (min-width: 750px) {
    .featured-slider__slide {
        display: block;
        cursor: default
    }
}

@media only screen and (max-width: 749px) {
    .featured-slider__slide {
        height: 100vh;
        display: none;
        position: absolute
    }

    .featured-slider__slide.slider__slide--active, .featured-slider__slide.slider__slide--previous, .featured-slider__slide.slider__slide--next {
        display: block
    }
}

.featured-slider__slide-content {
    position: relative;
    margin: 0 auto;
    max-width: 45%
}

@media only screen and (min-width: 750px) {
    .featured-slider__slide-content {
        padding: 20vh 0
    }
}

@media only screen and (max-width: 749px) {
    .featured-slider__slide-content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 65vw;
        -ms-transform: translate(-50%, -45%);
        -webkit-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%)
    }
}

.featured-slider__slide-image-container {
    position: relative;
    pointer-events: none
}

.featured-slider__slide-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.featured-slider__slide-image.placeholder-svg {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
    background-color: transparent;
    transform: scale(1.5)
}

.featured-slider__slide-title {
    margin: 40px 0 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.reveal-slider__nav {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (max-width: 749px) {
    .reveal-slider__nav {
        display: block
    }
}

.reveal-slider__nav-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    border-width: 0;
    margin: 0 4px;
    padding: 0;
    height: 4px;
    width: 4px;
    opacity: 0.7;
    transition: opacity 0.15s ease-out
}

.reveal-slider__nav-button.active {
    opacity: 1
}

.reveal-slider__previous, .reveal-slider__next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 45px;
    opacity: 0
}

@media only screen and (min-width: 750px) {
    .reveal-slider__previous, .reveal-slider__next {
        display: none
    }
}

.reveal-slider__previous {
    left: 0
}

.reveal-slider__next {
    right: 0
}

.reveal-slider__previous-button, .reveal-slider__next-button {
    display: inline-block;
    width: 100%;
    height: 100%
}

.map-section {
    position: relative;
    height: 650px;
    width: 100%;
    overflow: hidden
}

@media only screen and (min-width: 750px) {
    .map-section {
        height: 500px
    }
}

.map-section .page-width {
    height: 100%
}

.map-section__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1
}

.map-section__error-message {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 400px;
    padding: 20px;
    color: #eb4f47;
    border: 3px solid #eb4f47;
    background-color: #fde9e8;
    font-weight: bold;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 749px) {
    .map-section__error-message {
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        margin-top: 20px;
        text-align: center
    }
}

.map-section__content-wrapper {
    position: relative;
    text-align: center;
    height: 100%
}

.map-section__content {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 40px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    z-index: 5
}

@media only screen and (min-width: 750px) {
    .map-section__content {
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0;
        width: 33.33333%
    }

    .ie9 .map-section__content {
        top: 10%
    }
}

.map-section__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.map-section__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    margin-bottom: -50%
}

@media only screen and (min-width: 750px) {
    .map-section__container {
        width: 130%;
        height: 100%;
        margin: 0 -30% 0 0
    }
}

.map-section__button {
    display: inline-block;
    margin-top: 20px;
    white-space: normal
}

.gm-style-cc, .gm-style-cc + div {
    visibility: hidden
}

.highlight {
    padding: 120px 0 80px
}

@media only screen and (min-width: 750px) {
    .highlight {
        padding: 140px 0
    }
}

.highlight__wrapper {
    position: relative;
    padding: 60px 40px
}

@media only screen and (min-width: 750px) {
    .highlight__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .ie9 .highlight__wrapper {
        zoom: 1
    }

    .ie9 .highlight__wrapper::after {
        content: '';
        display: table;
        clear: both
    }
}

@media only screen and (min-width: 750px) {
    .highlight__content-container, .highlight__image-container {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 50%
    }

    .highlight--align-top .highlight__content-container, .highlight--align-top .highlight__image-container {
        -ms-flex-item-align: flex-start;
        -webkit-align-self: flex-start;
        align-self: flex-start
    }

    .highlight--align-middle .highlight__content-container, .highlight--align-middle .highlight__image-container {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center
    }

    .highlight--align-bottom .highlight__content-container, .highlight--align-bottom .highlight__image-container {
        -ms-flex-item-align: flex-end;
        -webkit-align-self: flex-end;
        align-self: flex-end
    }
}

@media only screen and (min-width: 750px) {
    .highlight__content-container {
        -webkit-order: 2;
        -ms-order: 2;
        order: 2
    }

    .ie9 .highlight__content-container {
        float: right
    }
}

@media only screen and (max-width: 749px) {
    .highlight__content-container {
        width: 100%;
        margin-top: 60px
    }
}

.highlight__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 5
}

.highlight__border.has-animated .highlight__line--top, .highlight__border.has-animated .highlight__line--bottom, .supports-no-js .highlight__border .highlight__line--top, .supports-no-js .highlight__border .highlight__line--bottom, .animations--disabled .highlight__border .highlight__line--top, .animations--disabled .highlight__border .highlight__line--bottom {
    transition: width 0.5s ease-out 0.75s;
    width: 100%
}

.highlight__border.has-animated .highlight__line--right, .highlight__border.has-animated .highlight__line--left, .supports-no-js .highlight__border .highlight__line--right, .supports-no-js .highlight__border .highlight__line--left, .animations--disabled .highlight__border .highlight__line--right, .animations--disabled .highlight__border .highlight__line--left {
    transition: height 0.5s ease-out 0.75s;
    height: 100%
}

.highlight__line {
    position: absolute
}

.highlight__line--top {
    top: 0;
    left: 0;
    height: 3px;
    width: 0
}

.highlight__line--right {
    top: 0;
    right: 0;
    height: 0;
    width: 3px
}

.highlight__line--bottom {
    bottom: 0;
    right: 0;
    height: 3px;
    width: 0
}

.highlight__line--left {
    bottom: 0;
    left: 0;
    height: 0;
    width: 3px
}

.highlight__image-container {
    position: relative
}

@media only screen and (min-width: 750px) {
    .highlight__image-container {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1
    }

    .ie9 .highlight__image-container {
        float: left
    }
}

@media only screen and (max-width: 749px) {
    .highlight__image-container {
        position: relative;
        width: 100%;
        margin-top: -100px;
        z-index: 6
    }
}

@media only screen and (min-width: 750px) {
    .highlight__image-container--front {
        z-index: 7
    }
}

@media only screen and (min-width: 750px) {
    .highlight__image-container--back {
        z-index: 0
    }
}

.highlight__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media only screen and (max-width: 749px) {
    .highlight__image {
        display: block;
        margin: 0 auto
    }
}

@media only screen and (min-width: 750px) {
    .highlight__image {
        margin-left: -25%
    }
}

.highlight__image--placeholder {
    position: relative
}

.drawer {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100vh;
    transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 25
}

@media only screen and (min-width: 750px) {
    .drawer {
        right: -400px;
        width: 400px
    }
}

.drawer--active .drawer {
    display: block;
    transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

@media only screen and (min-width: 750px) {
    .drawer--active .drawer {
        -ms-transform: translateX(-400px);
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }
}

[data-drawer-push] {
    transition: transform 0.45s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.drawer--active [data-drawer-push] {
    transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

@media only screen and (min-width: 750px) {
    .drawer--active [data-drawer-push] {
        -ms-transform: translateX(-400px);
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }
}

.drawer-cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #333;
    opacity: 0;
    pointer-events: none !important;
    z-index: 25;
    transition: opacity 0.25s ease-out
}

.ie9 .drawer-cover {
    display: none
}

.drawer--active .drawer-cover {
    opacity: 0.3;
    height: 100%;
    pointer-events: auto !important
}

.ie9 .drawer--active .drawer-cover {
    display: block
}

.ajax-cart__template {
    display: none
}

.ajax-cart__discount-container--active {
    max-height: 100px;
    opacity: 1
}

.featured-product__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    max-width: 980px;
    padding: 140px 20px;
    margin: 0 auto
}

@media only screen and (max-width: 749px) {
    .featured-product__wrapper {
        padding: 80px 20px
    }
}

@media only screen and (max-width: 989px) {
    .featured-product__wrapper {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ie9 .featured-product__wrapper {
    zoom: 1;
    position: relative
}

.ie9 .featured-product__wrapper::after {
    content: '';
    display: table;
    clear: both
}

.featured-product__wrapper--full-width {
    max-width: none;
    padding: 0
}

@media only screen and (max-width: 749px) {
    .featured-product__wrapper--full-width {
        padding-bottom: 80px
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .featured-product__wrapper--full-width {
        margin: 0;
        padding-bottom: 140px
    }
}

@media only screen and (min-width: 990px) {
    .featured-product__wrapper--full-width {
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch
    }
    .foul{
        margin-left: 22%;
        width: 100%
    }
    .foul2 {
        margin-left: 10%;
        width: 100%;
    }
}

.featured-product__image-column, .featured-product__content-column {
    position: relative;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media only screen and (max-width: 989px) {
    .featured-product__image-column, .featured-product__content-column {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        max-width: 650px
    }
}

@media only screen and (max-width: 989px) {
    .ie9 .featured-product__image-column, .ie9 .featured-product__content-column {
        margin: 0 auto
    }
}

@media only screen and (min-width: 990px) {
    .ie9 .featured-product__image-column, .ie9 .featured-product__content-column {
        float: left;
        width: 50%
    }
}

.featured-product__wrapper--full-width .featured-product__image-column {
    position: relative;
    width: 100%;
    max-width: none;
    padding: 0
}

@media only screen and (min-width: 990px) {
    .ie9 .featured-product__wrapper--full-width .featured-product__image-column {
        width: 50%
    }
}

@media only screen and (max-width: 749px) {
    .featured-product__wrapper--full-width .featured-product__content-column {
        padding: 0 20px
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .featured-product__wrapper--full-width .featured-product__content-column {
        padding: 0 60px
    }
}

@media only screen and (min-width: 990px) {
    .featured-product__content-column {
        padding: 0 60px;
        margin: 0 auto
    }

    .featured-product__wrapper--full-width .featured-product__content-column {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        max-width: 540px
    }
}

.featured-product__content-wrapper {
    width: 100%
}

.featured-product__content-header {
    margin: 60px 0
}

@media only screen and (min-width: 990px) {
    .featured-product__content-header {
        margin-top: 0;
        margin-bottom: 60px
    }
}

@media only screen and (min-width: 990px) {
    .featured-product__wrapper--full-width .featured-product__content-header {
        margin-top: 60px
    }
}

@media only screen and (min-width: 750px) {
    .featured-product__wrapper--full-width .featured-product__content-header--sharing {
        margin: 120px 0 60px
    }
}

.feature-product__image-padding {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.featured-product__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    background-color: #fff
}

.featured-product__image.lazyloaded {
    background-color: transparent
}

.featured-product__share-wrapper {
    text-align: center;
    padding-top: 20px
}

.featured-product__share-wrapper .social-sharing {
    margin-bottom: 0
}

@media only screen and (min-width: 990px) {
    .featured-product__wrapper--full-width .featured-product__share-wrapper .social-sharing {
        margin-bottom: 80px
    }
}

.product__more-details {
    padding: 20px;
    margin-left: -10px
}

.product__more-details-icon {
    margin-right: 10px
}

.product__more-details-icon .icon {
    fill: #ebce47;
    height: 15px;
    margin-top: -3px
}

.featured-collection {
    padding: 80px 0
}

@media only screen and (min-width: 750px) {
    .featured-collection {
        padding: 140px 0
    }
}

.featured-collection .card-list {
    margin-bottom: 60px
}

.featured-collection__heading {
    margin-bottom: 20px
}

@media only screen and (min-width: 750px) {
    .featured-collection__heading {
        margin-bottom: 60px
    }
}

.featured-collection__view-all {
    text-align: center
}

.featured-blog {
    padding: 80px 0
}

@media only screen and (min-width: 750px) {
    .featured-blog {
        padding: 140px 0
    }
}

@media only screen and (min-width: 750px) {
    .featured-blog .card__wrapper {
        margin-bottom: 0
    }
}

.featured-blog__heading {
    margin-bottom: 20px
}

.featured-blog__heading::before {
    content: '';
    display: block;
    width: 0;
    height: 6px;
    margin-bottom: 20px;
    background-color: #ebce47;
    transition: width 0.5s ease-out;
    margin: 0 auto 20px
}

.featured-blog__heading.has-animated::before, .supports-no-js .featured-blog__heading::before, .animations--disabled .featured-blog__heading::before {
    width: 80px
}

@media only screen and (min-width: 750px) {
    .featured-blog__heading {
        margin-bottom: 60px
    }
}

.featured-blog__view-all {
    text-align: center;
    margin-top: 20px
}

@media only screen and (min-width: 750px) {
    .featured-blog__view-all {
        margin-top: 60px
    }
}

.collection-list {
    padding: 80px 0
}

@media only screen and (min-width: 750px) {
    .collection-list {
        padding: 140px 0
    }
}

.collection-list-grid__image-item {
    margin-bottom: 40px
}

.collection-list-grid__image-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

.collection-list-grid__link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    text-decoration: none;
    transition: all 500ms ease-out
}

.collection-list-grid__link:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.collection-list-grid__image-wrapper {
    height: 100%;
    width: 100%;
    position: relative
}

.collection-grid-item__image {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top
}

.collection-grid-item__title {
    margin-bottom: 20px
}

.rich-text {
    padding-top: 80px;
    padding-bottom: 80px
}

@media only screen and (min-width: 750px) {
    .rich-text {
        padding-top: 140px
    }
}

@media only screen and (min-width: 750px) {
    .rich-text {
        padding-bottom: 140px
    }
}

.rich-text__heading {
    text-align: center
}

@media only screen and (max-width: 749px) {
    .rich-text__heading::before {
        content: '';
        display: block;
        width: 0;
        height: 6px;
        margin-bottom: 20px;
        background-color: #ebce47;
        transition: width 0.5s ease-out;
        margin: 0 auto 20px
    }

    .rich-text__heading.has-animated::before, .supports-no-js .rich-text__heading::before, .animations--disabled .rich-text__heading::before {
        width: 80px
    }
}

@media only screen and (min-width: 750px) {
    .rich-text__heading::before {
        content: '';
        display: block;
        width: 0;
        height: 6px;
        margin-bottom: 20px;
        background-color: #ebce47;
        transition: width 0.5s ease-out;
        margin: 0 auto 20px
    }

    .rich-text__heading.has-animated::before, .supports-no-js .rich-text__heading::before, .animations--disabled .rich-text__heading::before {
        width: 80px
    }
}

.rich-text__body-text {
    max-width: 100%
}

.rich-text__body-text--small {
    font-size: 1.4rem
}

@media only screen and (max-width: 749px) {
    .rich-text__body-text--small {
        font-size: 1.3rem
    }
}

.rich-text__body-text--large {
    font-size: 2rem
}

@media only screen and (max-width: 749px) {
    .rich-text__body-text--large {
        font-size: 1.7rem
    }
}