:root {
    --s-container-width: 80rem;
    --s-container-width-narrow: calc(var(--s-container-width)*0.75);
    --s-content-padding: 1.618rem;
    --s-content-margin: 1.5rem;
    --s-container-padding: 1.618rem;
    --s-container-margin: 1.618rem;
    --s-line-height: 1.5;
    --s-content-spacing: 1.5rem;
    --s-container-gap: calc(var(--s-gutter)*2);
    --s-gutter: 0.809rem;
    --s-sidebar-width: 23rem;
    --s-main-width: 1fr;
    --s-blog-grid-columns: 1;
    --s-background-color: #fff;
    --s-font-color: #434343;
    --s-font-color-light: #5d5d5d;
    --s-color-primary: #0e89cf;
    --s-color-secondary: #333;
    --s-color-success: #3adb76;
    --s-color-warning: #ffae00;
    --s-color-alert: #cc4b37;
    --s-color-border: #ccc;
    --s-serif-font: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --s-sans-font: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --s-monospace-font: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    --h1-font-size: 2.25em;
    --h2-font-size: 2em;
    --h3-font-size: 1.75em;
    --h4-font-size: 1.5em;
    --h5-font-size: 1.25em;
    --h6-font-size: 1em;
    --s-color-facebook: #3b5998;
    --s-color-twitter: #55acee;
    --googleplus-color: #dd4b39;
    --youtube-color: #b00;
    --s-linkedin-color: #007bb5;
    --instagram-color: #125688;
    --whatsapp-color: #4dc247;
    --pinterest-color: #cb2027;
    --reddit-color: #ff4500;
    --tumblr-color: #35465c;
    --rss-color: #f60;
    --s-link-color: #0e89cf;
    --s-link-hover-color: #333;
    --s-link-color-hover: #333;
    --s-button-background-color: var(--s-link-color);
    --s-button-background-color-hover: var(--s-link-color-hover);
    --s-button-color: #fefefe;
    --s-button-color-hover: #fefefe;
    --s-button-border-radius: 0;
    --s-button-border-width: 0;
    --s-button-border-type: none;
    --s-button-border-color: transparent;
    --s-loop-grid-column-width: 100%;
    --s-loop-grid-column-medium-width: 50%;
    --s-loop-grid-column-large-width: 33.33%;
    --s-form-input-padding: 1rem;
    --s-form-input-border-color: #ccc;
    --s-form-input-border-style: solid;
    --s-form-input-border-width: 1px;
    --s-form-input-border-radius: 0;
    --s-form-input-background-color: #fff
}

.flex-video {
    margin-bottom: 1.618rem
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.pull-center {
    margin-left: auto;
    margin-right: auto
}

.unpull {
    float: none
}

@media (min-width:544px) {
    .above-phone-pull-left {
        float: left !important
    }

    .above-phone-pull-right {
        float: right !important
    }

    .above-phone-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-phone-unpull {
        float: none !important
    }
}

@media (max-width:544px - 1) {
    .below-phone-pull-left {
        float: left !important
    }

    .below-phone-pull-right {
        float: right !important
    }

    .below-phone-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-phone-unpull {
        float: none !important
    }
}

@media (min-width:660px) {
    .above-tablet-small-pull-left {
        float: left !important
    }

    .above-tablet-small-pull-right {
        float: right !important
    }

    .above-tablet-small-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-tablet-small-unpull {
        float: none !important
    }
}

@media (max-width:660px - 1) {
    .below-tablet-small-pull-left {
        float: left !important
    }

    .below-tablet-small-pull-right {
        float: right !important
    }

    .below-tablet-small-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-tablet-small-unpull {
        float: none !important
    }
}

@media (min-width:768px) {
    .above-tablet-pull-left {
        float: left !important
    }

    .above-tablet-pull-right {
        float: right !important
    }

    .above-tablet-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-tablet-unpull {
        float: none !important
    }
}

@media (max-width:768px - 1) {
    .below-tablet-pull-left {
        float: left !important
    }

    .below-tablet-pull-right {
        float: right !important
    }

    .below-tablet-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-tablet-unpull {
        float: none !important
    }
}

@media (min-width:1024px) {
    .above-tablet-wide-pull-left {
        float: left !important
    }

    .above-tablet-wide-pull-right {
        float: right !important
    }

    .above-tablet-wide-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-tablet-wide-unpull {
        float: none !important
    }
}

@media (max-width:1024px - 1) {
    .below-tablet-wide-pull-left {
        float: left !important
    }

    .below-tablet-wide-pull-right {
        float: right !important
    }

    .below-tablet-wide-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-tablet-wide-unpull {
        float: none !important
    }
}

@media (min-width:1366px) {
    .above-laptop-pull-left {
        float: left !important
    }

    .above-laptop-pull-right {
        float: right !important
    }

    .above-laptop-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-laptop-unpull {
        float: none !important
    }
}

@media (max-width:1366px - 1) {
    .below-laptop-pull-left {
        float: left !important
    }

    .below-laptop-pull-right {
        float: right !important
    }

    .below-laptop-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-laptop-unpull {
        float: none !important
    }
}

@media (min-width:1440px) {
    .above-desktop-pull-left {
        float: left !important
    }

    .above-desktop-pull-right {
        float: right !important
    }

    .above-desktop-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-desktop-unpull {
        float: none !important
    }
}

@media (max-width:1440px - 1) {
    .below-desktop-pull-left {
        float: left !important
    }

    .below-desktop-pull-right {
        float: right !important
    }

    .below-desktop-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-desktop-unpull {
        float: none !important
    }
}

@media (min-width:1920px) {
    .above-desktop-hd-pull-left {
        float: left !important
    }

    .above-desktop-hd-pull-right {
        float: right !important
    }

    .above-desktop-hd-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .above-desktop-hd-unpull {
        float: none !important
    }
}

@media (max-width:1920px - 1) {
    .below-desktop-hd-pull-left {
        float: left !important
    }

    .below-desktop-hd-pull-right {
        float: right !important
    }

    .below-desktop-hd-pull-center {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .below-desktop-hd-unpull {
        float: none !important
    }
}

.add-margin-left {
    margin-left: 1.618rem !important
}

.add-margin-right {
    margin-right: 1.618rem !important
}

.add-margin-bottom {
    margin-bottom: 1.618rem !important
}

.add-margin-top {
    margin-top: 1.618rem !important
}

.add-margin {
    margin: 1.618rem !important
}

.remove-margin-left {
    margin-left: 0 !important
}

.remove-margin-right {
    margin-right: 0 !important
}

.remove-margin-bottom {
    margin-bottom: 0 !important
}

.remove-margin-top {
    margin-top: 0 !important
}

.remove-margin {
    margin: 0 !important
}

@media (min-width:544px) {
    .above-phone-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-phone-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-phone-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-phone-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-phone-add-margin {
        margin: 1.618rem !important
    }

    .above-phone-remove-margin-left {
        margin-left: 0 !important
    }

    .above-phone-remove-margin-right {
        margin-right: 0 !important
    }

    .above-phone-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-phone-remove-margin-top {
        margin-top: 0 !important
    }

    .above-phone-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:544px - 1) {
    .below-phone-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-phone-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-phone-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-phone-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-phone-add-margin {
        margin: 1.618rem !important
    }

    .below-phone-remove-margin-left {
        margin-left: 0 !important
    }

    .below-phone-remove-margin-right {
        margin-right: 0 !important
    }

    .below-phone-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-phone-remove-margin-top {
        margin-top: 0 !important
    }

    .below-phone-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:660px) {
    .above-tablet-small-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-tablet-small-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-tablet-small-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-tablet-small-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-tablet-small-add-margin {
        margin: 1.618rem !important
    }

    .above-tablet-small-remove-margin-left {
        margin-left: 0 !important
    }

    .above-tablet-small-remove-margin-right {
        margin-right: 0 !important
    }

    .above-tablet-small-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-tablet-small-remove-margin-top {
        margin-top: 0 !important
    }

    .above-tablet-small-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:660px - 1) {
    .below-tablet-small-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-tablet-small-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-tablet-small-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-tablet-small-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-tablet-small-add-margin {
        margin: 1.618rem !important
    }

    .below-tablet-small-remove-margin-left {
        margin-left: 0 !important
    }

    .below-tablet-small-remove-margin-right {
        margin-right: 0 !important
    }

    .below-tablet-small-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-tablet-small-remove-margin-top {
        margin-top: 0 !important
    }

    .below-tablet-small-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:768px) {
    .above-tablet-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-tablet-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-tablet-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-tablet-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-tablet-add-margin {
        margin: 1.618rem !important
    }

    .above-tablet-remove-margin-left {
        margin-left: 0 !important
    }

    .above-tablet-remove-margin-right {
        margin-right: 0 !important
    }

    .above-tablet-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-tablet-remove-margin-top {
        margin-top: 0 !important
    }

    .above-tablet-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:768px - 1) {
    .below-tablet-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-tablet-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-tablet-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-tablet-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-tablet-add-margin {
        margin: 1.618rem !important
    }

    .below-tablet-remove-margin-left {
        margin-left: 0 !important
    }

    .below-tablet-remove-margin-right {
        margin-right: 0 !important
    }

    .below-tablet-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-tablet-remove-margin-top {
        margin-top: 0 !important
    }

    .below-tablet-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:1024px) {
    .above-tablet-wide-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-tablet-wide-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-tablet-wide-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-tablet-wide-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-tablet-wide-add-margin {
        margin: 1.618rem !important
    }

    .above-tablet-wide-remove-margin-left {
        margin-left: 0 !important
    }

    .above-tablet-wide-remove-margin-right {
        margin-right: 0 !important
    }

    .above-tablet-wide-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-tablet-wide-remove-margin-top {
        margin-top: 0 !important
    }

    .above-tablet-wide-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:1024px - 1) {
    .below-tablet-wide-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-tablet-wide-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-tablet-wide-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-tablet-wide-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-tablet-wide-add-margin {
        margin: 1.618rem !important
    }

    .below-tablet-wide-remove-margin-left {
        margin-left: 0 !important
    }

    .below-tablet-wide-remove-margin-right {
        margin-right: 0 !important
    }

    .below-tablet-wide-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-tablet-wide-remove-margin-top {
        margin-top: 0 !important
    }

    .below-tablet-wide-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:1366px) {
    .above-laptop-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-laptop-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-laptop-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-laptop-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-laptop-add-margin {
        margin: 1.618rem !important
    }

    .above-laptop-remove-margin-left {
        margin-left: 0 !important
    }

    .above-laptop-remove-margin-right {
        margin-right: 0 !important
    }

    .above-laptop-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-laptop-remove-margin-top {
        margin-top: 0 !important
    }

    .above-laptop-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:1366px - 1) {
    .below-laptop-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-laptop-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-laptop-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-laptop-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-laptop-add-margin {
        margin: 1.618rem !important
    }

    .below-laptop-remove-margin-left {
        margin-left: 0 !important
    }

    .below-laptop-remove-margin-right {
        margin-right: 0 !important
    }

    .below-laptop-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-laptop-remove-margin-top {
        margin-top: 0 !important
    }

    .below-laptop-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:1440px) {
    .above-desktop-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-desktop-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-desktop-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-desktop-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-desktop-add-margin {
        margin: 1.618rem !important
    }

    .above-desktop-remove-margin-left {
        margin-left: 0 !important
    }

    .above-desktop-remove-margin-right {
        margin-right: 0 !important
    }

    .above-desktop-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-desktop-remove-margin-top {
        margin-top: 0 !important
    }

    .above-desktop-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:1440px - 1) {
    .below-desktop-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-desktop-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-desktop-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-desktop-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-desktop-add-margin {
        margin: 1.618rem !important
    }

    .below-desktop-remove-margin-left {
        margin-left: 0 !important
    }

    .below-desktop-remove-margin-right {
        margin-right: 0 !important
    }

    .below-desktop-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-desktop-remove-margin-top {
        margin-top: 0 !important
    }

    .below-desktop-remove-margin {
        margin: 0 !important
    }
}

@media (min-width:1920px) {
    .above-desktop-hd-add-margin-left {
        margin-left: 1.618rem !important
    }

    .above-desktop-hd-add-margin-right {
        margin-right: 1.618rem !important
    }

    .above-desktop-hd-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .above-desktop-hd-add-margin-top {
        margin-top: 1.618rem !important
    }

    .above-desktop-hd-add-margin {
        margin: 1.618rem !important
    }

    .above-desktop-hd-remove-margin-left {
        margin-left: 0 !important
    }

    .above-desktop-hd-remove-margin-right {
        margin-right: 0 !important
    }

    .above-desktop-hd-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .above-desktop-hd-remove-margin-top {
        margin-top: 0 !important
    }

    .above-desktop-hd-remove-margin {
        margin: 0 !important
    }
}

@media (max-width:1920px - 1) {
    .below-desktop-hd-add-margin-left {
        margin-left: 1.618rem !important
    }

    .below-desktop-hd-add-margin-right {
        margin-right: 1.618rem !important
    }

    .below-desktop-hd-add-margin-bottom {
        margin-bottom: 1.618rem !important
    }

    .below-desktop-hd-add-margin-top {
        margin-top: 1.618rem !important
    }

    .below-desktop-hd-add-margin {
        margin: 1.618rem !important
    }

    .below-desktop-hd-remove-margin-left {
        margin-left: 0 !important
    }

    .below-desktop-hd-remove-margin-right {
        margin-right: 0 !important
    }

    .below-desktop-hd-remove-margin-bottom {
        margin-bottom: 0 !important
    }

    .below-desktop-hd-remove-margin-top {
        margin-top: 0 !important
    }

    .below-desktop-hd-remove-margin {
        margin: 0 !important
    }
}

.add-padding-left {
    padding-left: 1.618rem !important
}

.add-padding-right {
    padding-right: 1.618rem !important
}

.add-padding-bottom {
    padding-bottom: 1.618rem !important
}

.add-padding-top {
    padding-top: 1.618rem !important
}

.add-padding {
    padding: 1.618rem !important
}

.remove-padding-left {
    padding-left: 0 !important
}

.remove-padding-right {
    padding-right: 0 !important
}

.remove-padding-bottom {
    padding-bottom: 0 !important
}

.remove-padding-top {
    padding-top: 0 !important
}

.remove-padding {
    padding: 0 !important
}

@media (min-width:544px) {
    .above-phone-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-phone-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-phone-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-phone-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-phone-add-padding {
        padding: 1.618rem !important
    }

    .above-phone-remove-padding-left {
        padding-left: 0 !important
    }

    .above-phone-remove-padding-right {
        padding-right: 0 !important
    }

    .above-phone-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-phone-remove-padding-top {
        padding-top: 0 !important
    }

    .above-phone-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:544px - 1) {
    .below-phone-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-phone-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-phone-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-phone-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-phone-add-padding {
        padding: 1.618rem !important
    }

    .below-phone-remove-padding-left {
        padding-left: 0 !important
    }

    .below-phone-remove-padding-right {
        padding-right: 0 !important
    }

    .below-phone-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-phone-remove-padding-top {
        padding-top: 0 !important
    }

    .below-phone-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:660px) {
    .above-tablet-small-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-tablet-small-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-tablet-small-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-tablet-small-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-tablet-small-add-padding {
        padding: 1.618rem !important
    }

    .above-tablet-small-remove-padding-left {
        padding-left: 0 !important
    }

    .above-tablet-small-remove-padding-right {
        padding-right: 0 !important
    }

    .above-tablet-small-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-tablet-small-remove-padding-top {
        padding-top: 0 !important
    }

    .above-tablet-small-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:660px - 1) {
    .below-tablet-small-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-tablet-small-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-tablet-small-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-tablet-small-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-tablet-small-add-padding {
        padding: 1.618rem !important
    }

    .below-tablet-small-remove-padding-left {
        padding-left: 0 !important
    }

    .below-tablet-small-remove-padding-right {
        padding-right: 0 !important
    }

    .below-tablet-small-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-tablet-small-remove-padding-top {
        padding-top: 0 !important
    }

    .below-tablet-small-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:768px) {
    .above-tablet-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-tablet-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-tablet-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-tablet-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-tablet-add-padding {
        padding: 1.618rem !important
    }

    .above-tablet-remove-padding-left {
        padding-left: 0 !important
    }

    .above-tablet-remove-padding-right {
        padding-right: 0 !important
    }

    .above-tablet-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-tablet-remove-padding-top {
        padding-top: 0 !important
    }

    .above-tablet-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:768px - 1) {
    .below-tablet-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-tablet-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-tablet-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-tablet-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-tablet-add-padding {
        padding: 1.618rem !important
    }

    .below-tablet-remove-padding-left {
        padding-left: 0 !important
    }

    .below-tablet-remove-padding-right {
        padding-right: 0 !important
    }

    .below-tablet-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-tablet-remove-padding-top {
        padding-top: 0 !important
    }

    .below-tablet-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:1024px) {
    .above-tablet-wide-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-tablet-wide-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-tablet-wide-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-tablet-wide-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-tablet-wide-add-padding {
        padding: 1.618rem !important
    }

    .above-tablet-wide-remove-padding-left {
        padding-left: 0 !important
    }

    .above-tablet-wide-remove-padding-right {
        padding-right: 0 !important
    }

    .above-tablet-wide-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-tablet-wide-remove-padding-top {
        padding-top: 0 !important
    }

    .above-tablet-wide-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:1024px - 1) {
    .below-tablet-wide-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-tablet-wide-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-tablet-wide-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-tablet-wide-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-tablet-wide-add-padding {
        padding: 1.618rem !important
    }

    .below-tablet-wide-remove-padding-left {
        padding-left: 0 !important
    }

    .below-tablet-wide-remove-padding-right {
        padding-right: 0 !important
    }

    .below-tablet-wide-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-tablet-wide-remove-padding-top {
        padding-top: 0 !important
    }

    .below-tablet-wide-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:1366px) {
    .above-laptop-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-laptop-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-laptop-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-laptop-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-laptop-add-padding {
        padding: 1.618rem !important
    }

    .above-laptop-remove-padding-left {
        padding-left: 0 !important
    }

    .above-laptop-remove-padding-right {
        padding-right: 0 !important
    }

    .above-laptop-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-laptop-remove-padding-top {
        padding-top: 0 !important
    }

    .above-laptop-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:1366px - 1) {
    .below-laptop-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-laptop-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-laptop-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-laptop-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-laptop-add-padding {
        padding: 1.618rem !important
    }

    .below-laptop-remove-padding-left {
        padding-left: 0 !important
    }

    .below-laptop-remove-padding-right {
        padding-right: 0 !important
    }

    .below-laptop-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-laptop-remove-padding-top {
        padding-top: 0 !important
    }

    .below-laptop-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:1440px) {
    .above-desktop-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-desktop-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-desktop-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-desktop-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-desktop-add-padding {
        padding: 1.618rem !important
    }

    .above-desktop-remove-padding-left {
        padding-left: 0 !important
    }

    .above-desktop-remove-padding-right {
        padding-right: 0 !important
    }

    .above-desktop-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-desktop-remove-padding-top {
        padding-top: 0 !important
    }

    .above-desktop-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:1440px - 1) {
    .below-desktop-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-desktop-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-desktop-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-desktop-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-desktop-add-padding {
        padding: 1.618rem !important
    }

    .below-desktop-remove-padding-left {
        padding-left: 0 !important
    }

    .below-desktop-remove-padding-right {
        padding-right: 0 !important
    }

    .below-desktop-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-desktop-remove-padding-top {
        padding-top: 0 !important
    }

    .below-desktop-remove-padding {
        padding: 0 !important
    }
}

@media (min-width:1920px) {
    .above-desktop-hd-add-padding-left {
        padding-left: 1.618rem !important
    }

    .above-desktop-hd-add-padding-right {
        padding-right: 1.618rem !important
    }

    .above-desktop-hd-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .above-desktop-hd-add-padding-top {
        padding-top: 1.618rem !important
    }

    .above-desktop-hd-add-padding {
        padding: 1.618rem !important
    }

    .above-desktop-hd-remove-padding-left {
        padding-left: 0 !important
    }

    .above-desktop-hd-remove-padding-right {
        padding-right: 0 !important
    }

    .above-desktop-hd-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .above-desktop-hd-remove-padding-top {
        padding-top: 0 !important
    }

    .above-desktop-hd-remove-padding {
        padding: 0 !important
    }
}

@media (max-width:1920px - 1) {
    .below-desktop-hd-add-padding-left {
        padding-left: 1.618rem !important
    }

    .below-desktop-hd-add-padding-right {
        padding-right: 1.618rem !important
    }

    .below-desktop-hd-add-padding-bottom {
        padding-bottom: 1.618rem !important
    }

    .below-desktop-hd-add-margin-top {
        padding-top: 1.618rem !important
    }

    .below-desktop-hd-add-padding {
        padding: 1.618rem !important
    }

    .below-desktop-hd-remove-padding-left {
        padding-left: 0 !important
    }

    .below-desktop-hd-remove-padding-right {
        padding-right: 0 !important
    }

    .below-desktop-hd-remove-padding-bottom {
        padding-bottom: 0 !important
    }

    .below-desktop-hd-remove-padding-top {
        padding-top: 0 !important
    }

    .below-desktop-hd-remove-padding {
        padding: 0 !important
    }
}

#makers-mark {
    display: none;
    opacity: 0;
    position: absolute
}

@media only screen and (min-width:544px) {
    #makers-mark {
        opacity: .1
    }
}

@media only screen and (min-width:660px) {
    #makers-mark {
        opacity: .2
    }
}

@media only screen and (min-width:768px) {
    #makers-mark {
        opacity: .3
    }
}

@media only screen and (min-width:1024px) {
    #makers-mark {
        opacity: .4
    }
}

@media only screen and (min-width:1366px) {
    #makers-mark {
        opacity: .5
    }
}

@media only screen and (min-width:1440px) {
    #makers-mark {
        opacity: .6
    }
}

@media only screen and (min-width:1920px) {
    #makers-mark {
        opacity: .7
    }
}

.border {
    border: 1px solid #ccc
}

.border-bottom {
    border-bottom: 1px solid #ccc
}

.border-top {
    border-top: 1px solid #ccc
}

.border-left {
    border-left: 1px solid #ccc
}

.border-right {
    border-right: 1px solid #ccc
}

*,
:after,
:before,
html,
input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: transparent;
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

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

audio,
canvas,
video {
    zoom: 1;
    display: inline-block
}

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

img {
    -ms-interpolation-mode: bicubic;
    height: auto;
    vertical-align: top
}

embed,
iframe,
img,
object {
    max-width: 100%
}

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

[hidden] {
    display: none
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 100%
}

a {
    background: transparent;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

a:focus {
    outline: thin dotted
}

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

a img {
    vertical-align: top
}

ins {
    background-color: #ff0;
    color: #000;
    text-decoration: none
}

del {
    text-decoration: line-through
}

abbr,
acronym {
    color: #222;
    cursor: help;
    font-size: 90%;
    text-transform: uppercase
}

abbr {
    text-transform: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700;
    line-height: inherit
}

em {
    font-style: italic
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

dfn {
    font-style: italic
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: 700
}

p,
pre {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0 0 1.618em
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    font-size: inherit;
    overflow-x: scroll
}

pre {
    word-wrap: normal;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line
}

pre code {
    white-space: pre
}

small {
    font-size: .75em;
    line-height: inherit
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

nav ol,
nav ul {
    list-style: none;
    list-style-image: none
}

legend {
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

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

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    vertical-align: text-top
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -moz-appearance: none;
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

.hidden {
    display: none !important
}

.invisible {
    font-size: 0
}

.invisible,
.screen-reader-shortcut,
.screen-reader-text {
    clip: rect(0, 0, 0, 0);
    border: 0;
    -webkit-clip-path: rect(0 0, 0 0, 0 0, 0 0);
    clip-path: rect(0 0, 0 0, 0 0, 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.screen-reader-shortcut:focus,
.screen-reader-text:focus {
    clip: auto !important;
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    color: #21759b;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

p:empty {
    display: none
}

.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 calc(var(--s-gutter)*-1);
    padding: 0;
    position: relative
}

.row:after,
.row:before {
    content: "";
    display: table
}

.row:after {
    clear: both
}

.row>.column {
    padding: 0 var(--s-gutter);
    width: var(--grid-item-width, 100%)
}

.row.collapse {
    margin: 0
}

.row.collapse .column {
    padding: 0
}

@media only screen and (min-width:544px) {
    .column[class*=phone] {
        float: left
    }

    .column[class*=phone].end {
        float: right
    }

    .column.phone-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.phone-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.phone-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.phone-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.phone-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.phone-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.phone-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.phone-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.phone-3 {
        --grid-item-width: 25%
    }

    .column.phone-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.phone-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.phone-offset-3 {
        margin-left: 25%
    }

    .column.phone-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.phone-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.phone-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.phone-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.phone-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.phone-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.phone-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.phone-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.phone-6 {
        --grid-item-width: 50%
    }

    .column.phone-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.phone-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.phone-offset-6 {
        margin-left: 50%
    }

    .column.phone-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.phone-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.phone-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.phone-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.phone-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.phone-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.phone-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.phone-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.phone-9 {
        --grid-item-width: 75%
    }

    .column.phone-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.phone-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.phone-offset-9 {
        margin-left: 75%
    }

    .column.phone-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.phone-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.phone-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.phone-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.phone-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.phone-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.phone-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.phone-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.phone-12 {
        --grid-item-width: 100%
    }

    .column.phone-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.phone-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.phone-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:660px) {
    .column[class*=tablet-small] {
        float: left
    }

    .column[class*=tablet-small].end {
        float: right
    }

    .column.tablet-small-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.tablet-small-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.tablet-small-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.tablet-small-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.tablet-small-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.tablet-small-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.tablet-small-3 {
        --grid-item-width: 25%
    }

    .column.tablet-small-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

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

    .column.tablet-small-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.tablet-small-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.tablet-small-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.tablet-small-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.tablet-small-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.tablet-small-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.tablet-small-6 {
        --grid-item-width: 50%
    }

    .column.tablet-small-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

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

    .column.tablet-small-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.tablet-small-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.tablet-small-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.tablet-small-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.tablet-small-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.tablet-small-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.tablet-small-9 {
        --grid-item-width: 75%
    }

    .column.tablet-small-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

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

    .column.tablet-small-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.tablet-small-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.tablet-small-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.tablet-small-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.tablet-small-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.tablet-small-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.tablet-small-12 {
        --grid-item-width: 100%
    }

    .column.tablet-small-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.tablet-small-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.tablet-small-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:768px) {
    .column[class*=tablet] {
        float: left
    }

    .column[class*=tablet].end {
        float: right
    }

    .column.tablet-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.tablet-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.tablet-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.tablet-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.tablet-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.tablet-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.tablet-3 {
        --grid-item-width: 25%
    }

    .column.tablet-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.tablet-offset-3 {
        margin-left: 25%
    }

    .column.tablet-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.tablet-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.tablet-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.tablet-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.tablet-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.tablet-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.tablet-6 {
        --grid-item-width: 50%
    }

    .column.tablet-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.tablet-offset-6 {
        margin-left: 50%
    }

    .column.tablet-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.tablet-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.tablet-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.tablet-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.tablet-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.tablet-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.tablet-9 {
        --grid-item-width: 75%
    }

    .column.tablet-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.tablet-offset-9 {
        margin-left: 75%
    }

    .column.tablet-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.tablet-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.tablet-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.tablet-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.tablet-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.tablet-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.tablet-12 {
        --grid-item-width: 100%
    }

    .column.tablet-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.tablet-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.tablet-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1024px) {
    .column[class*=tablet-wide] {
        float: left
    }

    .column[class*=tablet-wide].end {
        float: right
    }

    .column.tablet-wide-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.tablet-wide-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.tablet-wide-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.tablet-wide-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.tablet-wide-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.tablet-wide-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.tablet-wide-3 {
        --grid-item-width: 25%
    }

    .column.tablet-wide-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.tablet-wide-offset-3 {
        margin-left: 25%
    }

    .column.tablet-wide-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.tablet-wide-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.tablet-wide-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.tablet-wide-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.tablet-wide-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.tablet-wide-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.tablet-wide-6 {
        --grid-item-width: 50%
    }

    .column.tablet-wide-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.tablet-wide-offset-6 {
        margin-left: 50%
    }

    .column.tablet-wide-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.tablet-wide-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.tablet-wide-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.tablet-wide-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.tablet-wide-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.tablet-wide-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.tablet-wide-9 {
        --grid-item-width: 75%
    }

    .column.tablet-wide-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.tablet-wide-offset-9 {
        margin-left: 75%
    }

    .column.tablet-wide-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.tablet-wide-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.tablet-wide-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.tablet-wide-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.tablet-wide-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.tablet-wide-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.tablet-wide-12 {
        --grid-item-width: 100%
    }

    .column.tablet-wide-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.tablet-wide-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.tablet-wide-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1366px) {
    .column[class*=laptop] {
        float: left
    }

    .column[class*=laptop].end {
        float: right
    }

    .column.laptop-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.laptop-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.laptop-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.laptop-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.laptop-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.laptop-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.laptop-3 {
        --grid-item-width: 25%
    }

    .column.laptop-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.laptop-offset-3 {
        margin-left: 25%
    }

    .column.laptop-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.laptop-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.laptop-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.laptop-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.laptop-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.laptop-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.laptop-6 {
        --grid-item-width: 50%
    }

    .column.laptop-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.laptop-offset-6 {
        margin-left: 50%
    }

    .column.laptop-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.laptop-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.laptop-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.laptop-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.laptop-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.laptop-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.laptop-9 {
        --grid-item-width: 75%
    }

    .column.laptop-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.laptop-offset-9 {
        margin-left: 75%
    }

    .column.laptop-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.laptop-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.laptop-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.laptop-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.laptop-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.laptop-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.laptop-12 {
        --grid-item-width: 100%
    }

    .column.laptop-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.laptop-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.laptop-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1440px) {
    .column[class*=desktop] {
        float: left
    }

    .column[class*=desktop].end {
        float: right
    }

    .column.desktop-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.desktop-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.desktop-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.desktop-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.desktop-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.desktop-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.desktop-3 {
        --grid-item-width: 25%
    }

    .column.desktop-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.desktop-offset-3 {
        margin-left: 25%
    }

    .column.desktop-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.desktop-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.desktop-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.desktop-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.desktop-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.desktop-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.desktop-6 {
        --grid-item-width: 50%
    }

    .column.desktop-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.desktop-offset-6 {
        margin-left: 50%
    }

    .column.desktop-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.desktop-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.desktop-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.desktop-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.desktop-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.desktop-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.desktop-9 {
        --grid-item-width: 75%
    }

    .column.desktop-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.desktop-offset-9 {
        margin-left: 75%
    }

    .column.desktop-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.desktop-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.desktop-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.desktop-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.desktop-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.desktop-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.desktop-12 {
        --grid-item-width: 100%
    }

    .column.desktop-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.desktop-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.desktop-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1920px) {
    .column[class*=desktop-hd] {
        float: left
    }

    .column[class*=desktop-hd].end {
        float: right
    }

    .column.desktop-hd-1 {
        --grid-item-width: 8.3333333333%
    }

    .column.desktop-hd-push-1 {
        left: 8.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-1 {
        left: auto;
        position: relative;
        right: 8.3333333333%
    }

    .column.desktop-hd-offset-1 {
        margin-left: 8.3333333333%
    }

    .column.desktop-hd-2 {
        --grid-item-width: 16.6666666667%
    }

    .column.desktop-hd-push-2 {
        left: 16.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-2 {
        left: auto;
        position: relative;
        right: 16.6666666667%
    }

    .column.desktop-hd-offset-2 {
        margin-left: 16.6666666667%
    }

    .column.desktop-hd-3 {
        --grid-item-width: 25%
    }

    .column.desktop-hd-push-3 {
        left: 25%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-3 {
        left: auto;
        position: relative;
        right: 25%
    }

    .column.desktop-hd-offset-3 {
        margin-left: 25%
    }

    .column.desktop-hd-4 {
        --grid-item-width: 33.3333333333%
    }

    .column.desktop-hd-push-4 {
        left: 33.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-4 {
        left: auto;
        position: relative;
        right: 33.3333333333%
    }

    .column.desktop-hd-offset-4 {
        margin-left: 33.3333333333%
    }

    .column.desktop-hd-5 {
        --grid-item-width: 41.6666666667%
    }

    .column.desktop-hd-push-5 {
        left: 41.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-5 {
        left: auto;
        position: relative;
        right: 41.6666666667%
    }

    .column.desktop-hd-offset-5 {
        margin-left: 41.6666666667%
    }

    .column.desktop-hd-6 {
        --grid-item-width: 50%
    }

    .column.desktop-hd-push-6 {
        left: 50%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-6 {
        left: auto;
        position: relative;
        right: 50%
    }

    .column.desktop-hd-offset-6 {
        margin-left: 50%
    }

    .column.desktop-hd-7 {
        --grid-item-width: 58.3333333333%
    }

    .column.desktop-hd-push-7 {
        left: 58.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-7 {
        left: auto;
        position: relative;
        right: 58.3333333333%
    }

    .column.desktop-hd-offset-7 {
        margin-left: 58.3333333333%
    }

    .column.desktop-hd-8 {
        --grid-item-width: 66.6666666667%
    }

    .column.desktop-hd-push-8 {
        left: 66.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-8 {
        left: auto;
        position: relative;
        right: 66.6666666667%
    }

    .column.desktop-hd-offset-8 {
        margin-left: 66.6666666667%
    }

    .column.desktop-hd-9 {
        --grid-item-width: 75%
    }

    .column.desktop-hd-push-9 {
        left: 75%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-9 {
        left: auto;
        position: relative;
        right: 75%
    }

    .column.desktop-hd-offset-9 {
        margin-left: 75%
    }

    .column.desktop-hd-10 {
        --grid-item-width: 83.3333333333%
    }

    .column.desktop-hd-push-10 {
        left: 83.3333333333%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-10 {
        left: auto;
        position: relative;
        right: 83.3333333333%
    }

    .column.desktop-hd-offset-10 {
        margin-left: 83.3333333333%
    }

    .column.desktop-hd-11 {
        --grid-item-width: 91.6666666667%
    }

    .column.desktop-hd-push-11 {
        left: 91.6666666667%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-11 {
        left: auto;
        position: relative;
        right: 91.6666666667%
    }

    .column.desktop-hd-offset-11 {
        margin-left: 91.6666666667%
    }

    .column.desktop-hd-12 {
        --grid-item-width: 100%
    }

    .column.desktop-hd-push-12 {
        left: 100%;
        position: relative;
        right: auto
    }

    .column.desktop-hd-pull-12 {
        left: auto;
        position: relative;
        right: 100%
    }

    .column.desktop-hd-offset-12 {
        margin-left: 100%
    }
}

body {
    color: var(--s-font-color);
    font-family: var(--s-content-font, var(--s-sans-font));
    font-size: var(--root-font-size, 1rem);
    line-height: var(--s-line-height)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-font-color, var(--s-font-color));
    font-family: var(--s-heading-font, var(--s-sans-font));
    font-weight: var(--heading-font-weight, normal);
    line-height: 1.25;
    margin-bottom: var(--heading-gap, var(--s-content-margin));
    overflow-wrap: normal;
    word-break: normal
}

.h1,
h1 {
    font-size: var(--h1-font-size)
}

.h2,
h2 {
    font-size: var(--h2-font-size)
}

.h3,
h3 {
    font-size: var(--h3-font-size)
}

.h4,
h4 {
    font-size: var(--h4-font-size)
}

.h5,
h5 {
    font-size: var(--h5-font-size)
}

.h6,
h6 {
    font-size: var(--h6-font-size)
}

.thin {
    font-weight: lighter
}

.lead {
    font-size: 1.25em
}

.jumbo {
    font-size: 3em
}

address,
p {
    margin-bottom: var(--s-content-margin)
}

address:empty,
p:empty {
    display: none
}

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

hr {
    border: 0;
    border-collapse: collapse;
    border-top: 1px solid var(--s-color-border);
    clear: both;
    margin: var(--s-content-margin) 0
}

.blockquote,
blockquote {
    font-family: var(--s-blockquote-font, var(--s-serif-font));
    font-size: larger;
    font-style: italic;
    margin-bottom: var(--s-content-margin)
}

.blockquote .cite,
.blockquote cite,
blockquote .cite,
blockquote cite {
    clear: both;
    display: block;
    font-weight: 600
}

.blockquote p.last-child,
blockquote p.last-child {
    margin: 0
}

q {
    font-style: italic
}

code {
    padding: 0 .5em
}

code,
pre {
    background: #e3e3e3
}

pre {
    padding: .5em
}

pre code {
    padding: 0
}

.entry-title,
.widget,
p {
    word-break: break-word
}

a {
    color: var(--s-link-color);
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

a:focus,
a:hover {
    color: var(--s-link-color-hover)
}

span.nobreak {
    white-space: nowrap
}

#page .woocommerce .button,
#page .woocommerce .button.alt,
#page .woocommerce a.button,
#page .woocommerce input[type=submit],
.button,
.woocommerce #page .button,
.woocommerce #page .button.alt,
.woocommerce #page a.button,
.woocommerce #page input[type=submit],
.woocommerce-page #page .button,
.woocommerce-page #page .button.alt,
.woocommerce-page #page a.button,
.woocommerce-page #page input[type=submit],
.wp-block-search button.wp-block-search__button,
a.button,
a.button:link,
a.elementor-button,
a.wp-block-button__link,
a.wp-block-file__button,
button,
button.elementor-button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-color: var(--s-button-background-color);
    border-color: var(--s-button-border-color);
    border-radius: var(--s-button-border-radius);
    border-style: var(--s-button-border-type);
    border-width: var(--s-button-border-width);
    color: var(--s-button-color);
    cursor: pointer;
    display: inline-block;
    font-weight: var(--s-button-font-weight, inherit);
    line-height: var(--s-button-line-height, 1);
    margin: 0;
    outline: none;
    padding: var(--s-button-line-height, 1rem 1.5rem);
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: middle
}

#page .woocommerce .button:focus,
#page .woocommerce .button:hover,
#page .woocommerce input[type=submit]:focus,
#page .woocommerce input[type=submit]:hover,
.button:focus,
.button:hover,
.woocommerce #page .button:focus,
.woocommerce #page .button:hover,
.woocommerce #page input[type=submit]:focus,
.woocommerce #page input[type=submit]:hover,
.woocommerce-page #page .button:focus,
.woocommerce-page #page .button:hover,
.woocommerce-page #page input[type=submit]:focus,
.woocommerce-page #page input[type=submit]:hover,
.wp-block-search button.wp-block-search__button:focus,
.wp-block-search button.wp-block-search__button:hover,
a.button:focus,
a.button:hover,
a.button:link:focus,
a.button:link:hover,
a.elementor-button:focus,
a.elementor-button:hover,
a.wp-block-button__link:focus,
a.wp-block-button__link:hover,
a.wp-block-file__button:focus,
a.wp-block-file__button:hover,
button.elementor-button:focus,
button.elementor-button:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: var(--s-button-background-color-hover);
    color: var(--s-button-color-hover)
}

.wp-block-search button.wp-block-search__button {
    margin-left: var(--s-content-padding)
}

button.menu-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

button.menu-toggle,
button.menu-toggle:focus,
button.menu-toggle:hover {
    background: transparent;
    color: var(--s-link-color)
}

@media only screen and (min-width:544px) {
    button.menu-toggle[data-breakpoint=phone] {
        display: none
    }
}

@media only screen and (min-width:660px) {
    button.menu-toggle[data-breakpoint=tablet-small] {
        display: none
    }
}

@media only screen and (min-width:768px) {
    button.menu-toggle[data-breakpoint=tablet] {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    button.menu-toggle[data-breakpoint=tablet-wide] {
        display: none
    }
}

@media only screen and (min-width:1366px) {
    button.menu-toggle[data-breakpoint=laptop] {
        display: none
    }
}

@media only screen and (min-width:1440px) {
    button.menu-toggle[data-breakpoint=desktop] {
        display: none
    }
}

@media only screen and (min-width:1920px) {
    button.menu-toggle[data-breakpoint=desktop-hd] {
        display: none
    }
}

.alignnone {
    margin: 0
}

.alignleft {
    float: left;
    margin: 0 var(--s-content-margin) var(--s-content-margin) 0
}

.alignright {
    float: right;
    margin: 0 0 var(--s-content-margin) var(--s-content-margin)
}

.aligncenter {
    margin: 0 auto var(--s-content-margin)
}

.alignnone {
    margin-bottom: var(--s-content-margin)
}

.alignfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw
}

.alignfull,
.alignwide {
    max-width: 100vw !important
}

.alignwide {
    margin-left: -80px;
    margin-right: -80px
}

img.aligncenter {
    display: block
}

.wp-block-image figure,
figure.wp-caption {
    max-width: 100% !important;
    width: auto !important
}

.wp-block-image figure.woocommerce-product-gallery__wrapper,
figure.woocommerce-product-gallery__wrapper,
figure.wp-caption.woocommerce-product-gallery__wrapper {
    max-width: none !important
}

.fl-photo-caption,
.wp-block-image figcaption,
.wp-caption-text {
    font-size: .9rem;
    line-height: 1.25;
    opacity: .9;
    overflow: visible;
    padding: 5px 0 0;
    text-align: center;
    white-space: inherit
}

.flex-video,
.wp-video {
    margin-bottom: var(--s-content-margin)
}

.flex-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 67.5%;
    position: relative
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.gallery {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 var(--s-content-margin)
}

.gallery .gallery-item {
    min-width: 125px;
    padding: 5px
}

.gallery .gallery-icon {
    border: none;
    border-radius: 0
}

.gallery.gallery-columns-1 figure {
    width: 100%
}

.gallery.gallery-columns-3 figure {
    width: 33.33%
}

.gallery.gallery-columns-2 figure {
    width: 50%
}

.gallery.gallery-columns-4 figure {
    width: 25%
}

.gallery.gallery-columns-5 figure {
    width: 20%
}

.gallery.gallery-columns-6 figure {
    width: 16.66%
}

.gallery.gallery-columns-7 figure {
    width: 14.28%
}

.gallery.gallery-columns-8 figure {
    width: 12.5%
}

.gallery.gallery-columns-9 figure {
    width: 11.111%
}

.pagination-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.pagination-container .pagination {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.pagination-container .pagination ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.pagination-container .pagination ul,
.pagination-container .pagination ul li {
    list-style-position: inside;
    list-style-type: none
}

.pagination-container .pagination ul a,
.pagination-container .pagination ul a:link,
.pagination-container .pagination ul span {
    padding: 4px 10px
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    background-color: var(--s-form-input-background-color);
    border-color: var(--s-form-input-border-color);
    border-radius: var(--s-form-input-border-radius);
    border-style: var(--s-form-input-border-style);
    border-width: var(--s-form-input-border-width);
    display: block;
    line-height: 1;
    padding: var(--s-form-input-padding);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 100%
}

input[type=color]::-webkit-inner-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=datetime-local]::-webkit-inner-spin-button,
input[type=datetime]::-webkit-inner-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=search]::-webkit-inner-spin-button,
input[type=tel]::-webkit-inner-spin-button,
input[type=text]::-webkit-inner-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=url]::-webkit-inner-spin-button,
input[type=week]::-webkit-inner-spin-button,
select::-webkit-inner-spin-button,
textarea::-webkit-inner-spin-button {
    opacity: 1
}

select {
    display: block;
    position: relative
}

.gform_wrapper.gravity-theme .gform_body input[type=color],
.gform_wrapper.gravity-theme .gform_body input[type=date],
.gform_wrapper.gravity-theme .gform_body input[type=datetime-local],
.gform_wrapper.gravity-theme .gform_body input[type=datetime],
.gform_wrapper.gravity-theme .gform_body input[type=email],
.gform_wrapper.gravity-theme .gform_body input[type=month],
.gform_wrapper.gravity-theme .gform_body input[type=number],
.gform_wrapper.gravity-theme .gform_body input[type=password],
.gform_wrapper.gravity-theme .gform_body input[type=search],
.gform_wrapper.gravity-theme .gform_body input[type=tel],
.gform_wrapper.gravity-theme .gform_body input[type=text],
.gform_wrapper.gravity-theme .gform_body input[type=time],
.gform_wrapper.gravity-theme .gform_body input[type=url],
.gform_wrapper.gravity-theme .gform_body input[type=week],
.gform_wrapper.gravity-theme .gform_body select,
.gform_wrapper.gravity-theme .gform_body textarea {
    background-color: var(--s-form-input-background-color);
    border-color: var(--s-form-input-border-color);
    border-radius: var(--s-form-input-border-radius);
    border-style: var(--s-form-input-border-style);
    border-width: var(--s-form-input-border-width);
    display: block;
    line-height: 1;
    padding: var(--s-form-input-padding);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    width: 100%
}

.gform_wrapper.gravity-theme .gform_body input[type=color]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=date]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=datetime-local]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=datetime]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=email]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=month]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=number]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=password]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=search]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=tel]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=text]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=time]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=url]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body input[type=week]::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body select::-webkit-inner-spin-button,
.gform_wrapper.gravity-theme .gform_body textarea::-webkit-inner-spin-button {
    opacity: 1
}

.gform_wrapper.gravity-theme .gform_body select {
    display: block;
    position: relative
}

form#searchform {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

form#searchform #s {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

ul {
    font-family: inherit;
    font-size: inherit;
    line-height: 2;
    list-style-position: inside;
    list-style-type: none;
    margin-bottom: var(--s-content-margin);
    margin-left: 0
}

.comment-list ul,
.entry-content ul {
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 1.3em
}

.comment-list ul.nobullet,
.entry-content ul.nobullet {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0
}

.comment-list ul.bordered,
.comment-list ul.bordered li ul,
.entry-content ul.bordered,
.entry-content ul.bordered li ul {
    padding-left: 0
}

.comment-list ul ul,
.entry-content ul ul {
    list-style-type: inherit;
    padding-left: var(--s-content-padding)
}

ul li {
    margin-left: 0
}

ul li>ul {
    list-style-type: inherit;
    margin-bottom: 0
}

ul.square {
    list-style-type: square
}

ul.circle {
    list-style-type: circle
}

ul.disc {
    list-style-type: disc
}

ul.bordered {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0
}

ul.bordered li ul {
    margin-left: .3em
}

ul.bordered li ul li {
    border-left: 1px solid var(--s-font-color);
    padding-left: 1em
}

ol {
    counter-reset: list;
    font-family: inherit;
    font-size: inherit;
    list-style-position: inside;
    list-style-type: none;
    margin-bottom: var(--s-content-margin);
    margin-left: 0
}

.comment-list ol,
.entry-content ol {
    list-style-position: outside;
    list-style-type: decimal;
    padding-left: 1.3em
}

.comment-list ol.nobullet,
.entry-content ol.nobullet {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 0
}

.comment-list ol ol,
.entry-content ol ol {
    list-style-type: inherit
}

ol li {
    margin-left: 0
}

ol li:before {
    font-weight: 700
}

ol li ol {
    list-style-type: inherit;
    margin-bottom: 0
}

ol.decimal {
    list-style-type: decimal
}

ol.decimal.strong {
    list-style-type: none
}

ol.decimal.strong li:before {
    content: counter(list, decimal) ". ";
    counter-increment: list
}

ol.decimal-leading-zero {
    list-style-type: decimal-leading-zero
}

ol.decimal-leading-zero.strong {
    list-style-type: none
}

ol.decimal-leading-zero.strong li:before {
    content: counter(list, decimal-leading-zero) ". ";
    counter-increment: list
}

ol.lower-roman {
    list-style-type: lower-roman
}

ol.lower-roman.strong {
    list-style-type: none
}

ol.lower-roman.strong li:before {
    content: counter(list, lower-roman) ". ";
    counter-increment: list
}

ol.upper-roman {
    list-style-type: upper-roman
}

ol.upper-roman.strong {
    list-style-type: none
}

ol.upper-roman.strong li:before {
    content: counter(list, upper-roman) ". ";
    counter-increment: list
}

ol.lower-alpha {
    list-style-type: lower-alpha
}

ol.lower-alpha.strong {
    list-style-type: none
}

ol.lower-alpha.strong li:before {
    content: counter(list, lower-alpha) ". ";
    counter-increment: list
}

ol.upper-alpha {
    list-style-type: upper-alpha
}

ol.upper-alpha.strong {
    list-style-type: none
}

ol.upper-alpha.strong li:before {
    content: counter(list, upper-alpha) ". ";
    counter-increment: list
}

ol.counter {
    list-style-type: none
}

ol.counter li:before {
    content: counters(list, ".") ". ";
    counter-increment: list
}

ol.bordered {
    list-style-position: inside
}

ol.bordered li {
    margin-left: 0
}

ol.bordered li ol,
ol.bordered li ul {
    list-style-position: inside;
    padding-left: .2em
}

ol.bordered li ol li,
ol.bordered li ul li {
    border-left: 1px solid #ccc;
    padding-left: var(--s-content-margin)
}

dl dt {
    font-weight: 600
}

dl dd,
dl dt {
    margin-bottom: var(--s-content-margin)
}

ol.col2,
ul.col2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2
}

ol.col3,
ul.col3 {
    -webkit-columns: 3;
    -moz-columns: 3;
    column-count: 3
}

ol.col4,
ul.col4 {
    -webkit-columns: 4;
    -moz-columns: 4;
    column-count: 4
}

table {
    margin-bottom: var(--s-content-margin);
    width: 100%
}

table td,
table th {
    border: 1px solid var(--s-color-border);
    line-height: inherit;
    padding: .5em 1em;
    text-align: left
}

table thead th {
    border-bottom: none;
    vertical-align: top
}

#wp-calendar {
    width: 100%
}

#wp-calendar caption {
    color: #333;
    font-size: .75rem;
    margin-bottom: 15px;
    margin-top: 10px;
    text-align: right
}

#wp-calendar thead {
    font-size: .625rem
}

#wp-calendar thead th {
    padding-bottom: 10px;
    text-align: center
}

#wp-calendar tbody {
    color: #aaa
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    padding: 8px;
    text-align: center
}

#wp-calendar tbody td:hover {
    background: #fff
}

#wp-calendar tbody .pad {
    background: none
}

#wp-calendar tfoot #next {
    font-size: .625rem;
    text-align: right;
    text-transform: uppercase
}

#wp-calendar tfoot #prev {
    font-size: .625rem;
    padding-top: 10px;
    text-transform: uppercase
}

.widget_calendar tfoot td {
    border: 0
}

.widget {
    word-break: break-word
}

body {
    background-color: var(--s-background-color, #fff);
    margin: 0;
    overflow-x: hidden;
    padding: 0
}

#page {
    overflow: hidden
}

#page,
.container {
    margin: 0 auto;
    position: relative
}

.container {
    max-width: var(--s-container-width)
}

main.site-main {
    margin: 0 auto;
    padding: var(--s-container-padding);
    position: relative
}

main.site-main #content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--s-container-gap)
}

main.site-main #content>aside,
main.site-main #content>div,
main.site-main #content>section {
    width: 100%
}

main.site-main #content #primary {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (min-width:544px) {
    main.site-main[data-sidebar-breakpoint=phone] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=phone] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=phone] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=phone] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=phone] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=phone] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=phone] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=phone] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:660px) {
    main.site-main[data-sidebar-breakpoint=tablet-small] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-small] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-small] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-small] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-small] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=tablet-small] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet-small] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet-small] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:768px) {
    main.site-main[data-sidebar-breakpoint=tablet] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=tablet] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:1024px) {
    main.site-main[data-sidebar-breakpoint=tablet-wide] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-wide] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-wide] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-wide] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=tablet-wide] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=tablet-wide] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet-wide] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=tablet-wide] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:1366px) {
    main.site-main[data-sidebar-breakpoint=laptop] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=laptop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=laptop] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=laptop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=laptop] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=laptop] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=laptop] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=laptop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:1440px) {
    main.site-main[data-sidebar-breakpoint=desktop] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=desktop] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=desktop] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=desktop] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (min-width:1920px) {
    main.site-main[data-sidebar-breakpoint=desktop-hd] #sidebar {
        width: var(--s-sidebar-width)
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop-hd] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.left-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop-hd] #sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop-hd] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    body.duel-sidebar-layout main.site-main[data-sidebar-breakpoint=desktop-hd] #sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    main.site-main[data-alt-sidebar-breakpoint=desktop-hd] #alt-sidebar {
        width: var(--s-alt-sidebar-width, 200px)
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=desktop-hd] #alt-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    body.duel-sidebar-layout main.site-main[data-alt-sidebar-breakpoint=desktop-hd] #primary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

#primary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--s-container-gap, calc(var(--s-gutter)*2));
    order: 1
}

#sidebar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 100%
}

#sidebar .widget {
    margin-bottom: var(--s-widget-margin, var(--s-container-margin))
}

#alt-sidebar {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

body.content-container-full main.site-main {
    padding: 0
}

body.content-container-full main.site-main>.container {
    max-width: none
}

body.content-container-full .site-content>.entry {
    padding: 0
}

body.content-container-wide main.site-main>.container {
    max-width: var(--s-container-width)
}

body.content-container-narrow main.site-main>.container {
    max-width: var(--s-container-width-narrow)
}

#comments .comment-list,
#comments .comment-respond,
#comments .comments-header,
#secondary .widget,
article.entry,
div.entry {
    position: relative
}

.site-sidebar a.no-sidebar-message {
    background-color: #f1f1f1;
    border: 3px dashed #ccc;
    display: block;
    padding: 40px 1em;
    text-align: center
}

.site-sidebar a.no-sidebar-message p:last-child {
    margin: 0
}

.entry,
.entry .entry-footer,
.entry .entry-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--s-container-gap, calc(var(--s-gutter)*2))
}

.entry .entry-footer>*,
.entry .entry-header>* {
    margin-bottom: 0;
    margin-top: 0
}

.entry .entry-footer:empty,
.entry .entry-header:empty {
    display: none;
    margin: 0
}

.entry .entry-info,
.entry .entry-meta {
    font-size: .9em
}

.entry a.read-more {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.entry a.read-more ._s_icon {
    margin-left: 5px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.entry a.read-more:focus ._s_icon,
.entry a.read-more:hover ._s_icon {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

#primary>.loop {
    -ms-grid-rows: minmax(-webkit-min-content, -webkit-max-content);
    -ms-grid-rows: minmax(min-content, max-content);
    display: -ms-grid;
    display: grid;
    gap: var(--s-container-margin);
    grid-template-columns: repeat(var(--s-blog-grid-columns), 1fr);
    grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
    grid-template-rows: minmax(min-content, max-content)
}

section.error404 .error404-content {
    padding: var(--s-content-padding) 0;
    position: relative;
    text-align: center
}

section.error404 .error404-content h2 {
    font-weight: 900
}

section.error404 .error404-content .error404-background {
    bottom: 0;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

section.error404 .error404-content .error404-background h1 {
    color: #ececec;
    font-family: arial, sans-serif;
    font-size: 50vw;
    font-weight: 900;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap
}

@media only screen and (min-width:660px) {
    section.error404 .error404-content .error404-background h1 {
        font-size: 15rem
    }
}

.post-navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: var(--s-container-gap, calc(var(--s-gutter)*2))
}

.post-navigation .label {
    display: block;
    font-size: .85em;
    font-weight: 400;
    opacity: .85
}

.post-navigation .link-icon {
    font-size: 1.618em
}

.post-navigation .title {
    display: none
}

.post-navigation .post-navigation-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1em;
    max-width: 50%
}

.post-navigation .post-navigation-link .link-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1
}

.post-navigation .post-navigation-link.link-next {
    text-align: right
}

@media only screen and (min-width:660px) {
    .post-navigation .title {
        display: block
    }
}

:root {
    --menu-item-padding: .5em;
    --menu-item-background: transparent;
    --menu-item-background-hover: var(--menu-item-background)
}

.theme-menu {
    display: block;
    margin: 0;
    padding: 0
}

.theme-menu,
.theme-menu li {
    list-style-position: inside;
    list-style-type: none;
    width: 100%
}

.theme-menu li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border: none;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.25;
    position: relative;
    vertical-align: top
}

.theme-menu a,
.theme-menu a:link {
    -webkit-box-flex: 1;
    background-color: var(--menu-item-background);
    color: var(--s-link-color);
    display: block;
    -ms-flex: 1;
    flex: 1;
    padding: var(--menu-item-padding)
}

.theme-menu a.focus,
.theme-menu a:focus,
.theme-menu a:hover,
.theme-menu a:link.focus,
.theme-menu a:link:focus,
.theme-menu a:link:hover {
    background-color: var(--menu-item-background-hover);
    color: var(--s-link-color-hover)
}

.theme-menu a span.description,
.theme-menu a span.title,
.theme-menu a:link span.description,
.theme-menu a:link span.title {
    display: block
}

.theme-menu a span.description,
.theme-menu a:link span.description {
    font-size: .85em
}

.theme-menu .sub-menu {
    display: block;
    padding: 0 0 0 12px;
    width: 100%
}

.theme-menu .sub-menu-toggle {
    background: transparent;
    border: none;
    color: var(--s-link-color);
    display: none;
    font-size: 1em;
    line-height: 1;
    margin: 0;
    padding: 0 1em
}

.theme-menu .sub-menu-toggle:before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: block;
    height: .5em;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    vertical-align: top;
    width: .5em
}

.theme-menu .sub-menu-toggle.activated:before,
.theme-menu .sub-menu-toggle.activating:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.primary-navigation:not([data-breakpoint]),
.primary-navigation[data-breakpoint=""] {
    --menu-item-padding: 1em
}

.primary-navigation:not([data-breakpoint]) ul,
.primary-navigation[data-breakpoint=""] ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0
}

.primary-navigation:not([data-breakpoint]) a,
.primary-navigation:not([data-breakpoint]) a:link,
.primary-navigation[data-breakpoint=""] a,
.primary-navigation[data-breakpoint=""] a:link {
    display: block;
    text-decoration: none;
    width: 100%
}

.primary-navigation:not([data-breakpoint]) .menu-item,
.primary-navigation[data-breakpoint=""] .menu-item {
    border: none;
    display: block;
    padding: 0;
    position: relative;
    width: auto
}

.primary-navigation:not([data-breakpoint]) .menu-item.focus>.sub-menu,
.primary-navigation:not([data-breakpoint]) .menu-item:focus>.sub-menu,
.primary-navigation:not([data-breakpoint]) .menu-item:hover>.sub-menu,
.primary-navigation:not([data-breakpoint]) .menu-item>.sub-menu.activated,
.primary-navigation:not([data-breakpoint]) .menu-item>.sub-menu.activating,
.primary-navigation[data-breakpoint=""] .menu-item.focus>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item:focus>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item:hover>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item>.sub-menu.activated,
.primary-navigation[data-breakpoint=""] .menu-item>.sub-menu.activating {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.primary-navigation:not([data-breakpoint]) .menu-item.depth-0 span.description,
.primary-navigation[data-breakpoint=""] .menu-item.depth-0 span.description {
    display: none
}

.primary-navigation:not([data-breakpoint]) .menu-item .sub-menu li.focus li.activated>.sub-menu,
.primary-navigation:not([data-breakpoint]) .menu-item .sub-menu li:focus>.sub-menu,
.primary-navigation:not([data-breakpoint]) .menu-item .sub-menu li:hover>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item .sub-menu li.focus li.activated>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item .sub-menu li:focus>.sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item .sub-menu li:hover>.sub-menu {
    left: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.primary-navigation:not([data-breakpoint]) .menu-item .sub-menu .sub-menu,
.primary-navigation[data-breakpoint=""] .menu-item .sub-menu .sub-menu {
    left: 100%
}

.primary-navigation:not([data-breakpoint]) .sub-menu,
.primary-navigation[data-breakpoint=""] .sub-menu {
    background-color: #fff;
    display: block;
    line-height: 1;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, -webkit-transform .25s ease;
    -o-transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
    z-index: 999
}

.primary-navigation:not([data-breakpoint]) .sub-menu .sub-menu,
.primary-navigation[data-breakpoint=""] .sub-menu .sub-menu {
    top: 0
}

.primary-navigation:not([data-breakpoint]) .sub-menu-toggle,
.primary-navigation[data-breakpoint=""] .sub-menu-toggle {
    display: none
}

@media only screen and (max-width:543px) {
    .primary-navigation[data-breakpoint=phone] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=phone] .menu-item,
    .primary-navigation[data-breakpoint=phone] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=phone] .nav-item-container a,
    .primary-navigation[data-breakpoint=phone] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu.activated,
    .primary-navigation[data-breakpoint=phone] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:544px) {
    .primary-navigation[data-breakpoint=phone] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=phone] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=phone] a,
    .primary-navigation[data-breakpoint=phone] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=phone] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=phone] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=phone] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=phone] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=phone] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=phone] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=phone] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=phone] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=phone] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=phone] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=phone] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=phone] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:659px) {
    .primary-navigation[data-breakpoint=tablet-small] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item,
    .primary-navigation[data-breakpoint=tablet-small] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-small] .nav-item-container a,
    .primary-navigation[data-breakpoint=tablet-small] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet-small] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:660px) {
    .primary-navigation[data-breakpoint=tablet-small] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=tablet-small] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=tablet-small] a,
    .primary-navigation[data-breakpoint=tablet-small] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-small] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet-small] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=tablet-small] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .primary-navigation[data-breakpoint=tablet] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item,
    .primary-navigation[data-breakpoint=tablet] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet] .nav-item-container a,
    .primary-navigation[data-breakpoint=tablet] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .primary-navigation[data-breakpoint=tablet] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=tablet] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=tablet] a,
    .primary-navigation[data-breakpoint=tablet] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=tablet] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=tablet] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=tablet] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item,
    .primary-navigation[data-breakpoint=tablet-wide] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-wide] .nav-item-container a,
    .primary-navigation[data-breakpoint=tablet-wide] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .primary-navigation[data-breakpoint=tablet-wide] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=tablet-wide] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=tablet-wide] a,
    .primary-navigation[data-breakpoint=tablet-wide] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=tablet-wide] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=tablet-wide] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=tablet-wide] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:1365px) {
    .primary-navigation[data-breakpoint=laptop] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item,
    .primary-navigation[data-breakpoint=laptop] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=laptop] .nav-item-container a,
    .primary-navigation[data-breakpoint=laptop] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu.activated,
    .primary-navigation[data-breakpoint=laptop] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:1366px) {
    .primary-navigation[data-breakpoint=laptop] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=laptop] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=laptop] a,
    .primary-navigation[data-breakpoint=laptop] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=laptop] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=laptop] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=laptop] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=laptop] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=laptop] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=laptop] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=laptop] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=laptop] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:1439px) {
    .primary-navigation[data-breakpoint=desktop] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item,
    .primary-navigation[data-breakpoint=desktop] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop] .nav-item-container a,
    .primary-navigation[data-breakpoint=desktop] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu.activated,
    .primary-navigation[data-breakpoint=desktop] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:1440px) {
    .primary-navigation[data-breakpoint=desktop] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=desktop] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=desktop] a,
    .primary-navigation[data-breakpoint=desktop] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=desktop] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=desktop] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=desktop] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=desktop] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=desktop] .sub-menu-toggle {
        display: none
    }
}

@media only screen and (max-width:1919px) {
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: hidden
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item,
    .primary-navigation[data-breakpoint=desktop-hd] .nav-item-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop-hd] .nav-item-container a,
    .primary-navigation[data-breakpoint=desktop-hd] .nav-item-container a:link {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
        left: auto;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: none;
        -ms-transform-origin: none;
        transform-origin: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu.activated,
    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu.activating {
        display: block;
        opacity: 1;
        visibility: visible
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu .sub-menu {
        left: auto
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu-toggle {
        display: block
    }
}

@media only screen and (min-width:1920px) {
    .primary-navigation[data-breakpoint=desktop-hd] {
        --menu-item-padding: 1em
    }

    .primary-navigation[data-breakpoint=desktop-hd] ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0
    }

    .primary-navigation[data-breakpoint=desktop-hd] a,
    .primary-navigation[data-breakpoint=desktop-hd] a:link {
        display: block;
        text-decoration: none;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item {
        border: none;
        display: block;
        padding: 0;
        position: relative;
        width: auto
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item.focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item:focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item:hover>.sub-menu,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item>.sub-menu.activated,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item>.sub-menu.activating {
        left: 0;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item.depth-0 span.description {
        display: none
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item .sub-menu li.focus li.activated>.sub-menu,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item .sub-menu li:focus>.sub-menu,
    .primary-navigation[data-breakpoint=desktop-hd] .menu-item .sub-menu li:hover>.sub-menu {
        left: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .primary-navigation[data-breakpoint=desktop-hd] .menu-item .sub-menu .sub-menu {
        left: 100%
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu {
        background-color: #fff;
        display: block;
        line-height: 1;
        min-width: 200px;
        opacity: 0;
        padding: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
        transition: opacity .25s ease, -webkit-transform .25s ease;
        -o-transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease;
        transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
        z-index: 999
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu .sub-menu {
        top: 0
    }

    .primary-navigation[data-breakpoint=desktop-hd] .sub-menu-toggle {
        display: none
    }
}

.dropdown-menu .scaffolding-menu .menu-item,
.dropdown-menu .theme-menu .menu-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.dropdown-menu .scaffolding-menu .menu-item,
.dropdown-menu .scaffolding-menu .nav-item-container,
.dropdown-menu .theme-menu .menu-item,
.dropdown-menu .theme-menu .nav-item-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.dropdown-menu .scaffolding-menu .nav-item-container a,
.dropdown-menu .scaffolding-menu .nav-item-container a:link,
.dropdown-menu .theme-menu .nav-item-container a,
.dropdown-menu .theme-menu .nav-item-container a:link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dropdown-menu .scaffolding-menu .sub-menu,
.dropdown-menu .theme-menu .sub-menu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    left: auto;
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: none;
    -ms-transform-origin: none;
    transform-origin: none;
    width: 100%
}

.dropdown-menu .scaffolding-menu .sub-menu.activated,
.dropdown-menu .scaffolding-menu .sub-menu.activating,
.dropdown-menu .theme-menu .sub-menu.activated,
.dropdown-menu .theme-menu .sub-menu.activating {
    display: block;
    opacity: 1;
    visibility: visible
}

.dropdown-menu .scaffolding-menu .sub-menu .sub-menu,
.dropdown-menu .theme-menu .sub-menu .sub-menu {
    left: auto
}

.dropdown-menu .scaffolding-menu .sub-menu-toggle,
.dropdown-menu .theme-menu .sub-menu-toggle {
    display: block
}

.hover-menu .scaffolding-menu ul,
.hover-menu .theme-menu ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0
}

.hover-menu .scaffolding-menu a,
.hover-menu .scaffolding-menu a:link,
.hover-menu .theme-menu a,
.hover-menu .theme-menu a:link {
    display: block;
    text-decoration: none;
    width: 100%
}

.hover-menu .scaffolding-menu .menu-item,
.hover-menu .theme-menu .menu-item {
    border: none;
    display: block;
    padding: 0;
    position: relative;
    width: auto
}

.hover-menu .scaffolding-menu .menu-item.focus>.sub-menu,
.hover-menu .scaffolding-menu .menu-item:focus>.sub-menu,
.hover-menu .scaffolding-menu .menu-item:hover>.sub-menu,
.hover-menu .scaffolding-menu .menu-item>.sub-menu.activated,
.hover-menu .scaffolding-menu .menu-item>.sub-menu.activating,
.hover-menu .theme-menu .menu-item.focus>.sub-menu,
.hover-menu .theme-menu .menu-item:focus>.sub-menu,
.hover-menu .theme-menu .menu-item:hover>.sub-menu,
.hover-menu .theme-menu .menu-item>.sub-menu.activated,
.hover-menu .theme-menu .menu-item>.sub-menu.activating {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hover-menu .scaffolding-menu .menu-item.depth-0 span.description,
.hover-menu .theme-menu .menu-item.depth-0 span.description {
    display: none
}

.hover-menu .scaffolding-menu .menu-item .sub-menu li.focus li.activated>.sub-menu,
.hover-menu .scaffolding-menu .menu-item .sub-menu li:focus>.sub-menu,
.hover-menu .scaffolding-menu .menu-item .sub-menu li:hover>.sub-menu,
.hover-menu .theme-menu .menu-item .sub-menu li.focus li.activated>.sub-menu,
.hover-menu .theme-menu .menu-item .sub-menu li:focus>.sub-menu,
.hover-menu .theme-menu .menu-item .sub-menu li:hover>.sub-menu {
    left: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.hover-menu .scaffolding-menu .menu-item .sub-menu .sub-menu,
.hover-menu .theme-menu .menu-item .sub-menu .sub-menu {
    left: 100%
}

.hover-menu .scaffolding-menu .sub-menu,
.hover-menu .theme-menu .sub-menu {
    background-color: #fff;
    display: block;
    line-height: 1;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, -webkit-transform .25s ease;
    -o-transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease, -webkit-transform .25s ease;
    z-index: 999
}

.hover-menu .scaffolding-menu .sub-menu .sub-menu,
.hover-menu .theme-menu .sub-menu .sub-menu {
    top: 0
}

.hover-menu .scaffolding-menu .sub-menu-toggle,
.hover-menu .theme-menu .sub-menu-toggle {
    display: none
}

.theme-menu.dropdown .menu-item,
.widget_nav_menu.dropdown .theme-menu .menu-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.theme-menu.dropdown .menu-item,
.theme-menu.dropdown .nav-item-container,
.widget_nav_menu.dropdown .theme-menu .menu-item,
.widget_nav_menu.dropdown .theme-menu .nav-item-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.theme-menu.dropdown .nav-item-container a,
.theme-menu.dropdown .nav-item-container a:link,
.widget_nav_menu.dropdown .theme-menu .nav-item-container a,
.widget_nav_menu.dropdown .theme-menu .nav-item-container a:link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.theme-menu.dropdown .sub-menu,
.widget_nav_menu.dropdown .theme-menu .sub-menu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    left: auto;
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: none;
    -ms-transform-origin: none;
    transform-origin: none;
    width: 100%
}

.theme-menu.dropdown .sub-menu.activated,
.theme-menu.dropdown .sub-menu.activating,
.widget_nav_menu.dropdown .theme-menu .sub-menu.activated,
.widget_nav_menu.dropdown .theme-menu .sub-menu.activating {
    display: block;
    opacity: 1;
    visibility: visible
}

.theme-menu.dropdown .sub-menu .sub-menu,
.widget_nav_menu.dropdown .theme-menu .sub-menu .sub-menu {
    left: auto
}

.theme-menu.dropdown .sub-menu-toggle,
.widget_nav_menu.dropdown .theme-menu .sub-menu-toggle {
    display: block
}

.site-header {
    padding: var(--s-container-padding);
    position: relative
}

.site-header>.container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--s-container-gap, calc(var(--s-gutter)*2))
}

.site-header .site-branding {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin-right: auto
}

.site-header .site-branding .custom-logo-link {
    display: inline-block
}

.site-header .site-branding .site-title {
    font-size: 1.25rem;
    line-height: 1;
    margin: 0
}

.wp-custom-logo .site-header .site-branding .site-title {
    clip: rect(0, 0, 0, 0);
    border: 0;
    -webkit-clip-path: rect(0 0, 0 0, 0 0, 0 0);
    clip-path: rect(0 0, 0 0, 0 0, 0 0);
    font-size: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.site-header .site-branding .site-description {
    line-height: 1;
    margin: 0
}

.wp-custom-logo .site-header .site-branding .site-description {
    clip: rect(0, 0, 0, 0);
    border: 0;
    -webkit-clip-path: rect(0 0, 0 0, 0 0, 0 0);
    clip-path: rect(0 0, 0 0, 0 0, 0 0);
    font-size: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px
}

.site-header .primary-navigation {
    white-space: nowrap
}

.site-header .primary-navigation .menu-item {
    white-space: normal
}

@media only screen and (max-width:543px) {
    .primary-navigation[data-breakpoint=phone] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=phone].activated,
    .primary-navigation[data-breakpoint=phone].activating {
        display: block
    }
}

@media only screen and (min-width:544px) {
    .primary-navigation[data-breakpoint=phone] {
        display: block
    }
}

@media only screen and (max-width:659px) {
    .primary-navigation[data-breakpoint=tablet-small] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-small].activated,
    .primary-navigation[data-breakpoint=tablet-small].activating {
        display: block
    }
}

@media only screen and (min-width:660px) {
    .primary-navigation[data-breakpoint=tablet-small] {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .primary-navigation[data-breakpoint=tablet] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet].activated,
    .primary-navigation[data-breakpoint=tablet].activating {
        display: block
    }
}

@media only screen and (min-width:768px) {
    .primary-navigation[data-breakpoint=tablet] {
        display: block
    }
}

@media only screen and (max-width:1023px) {
    .primary-navigation[data-breakpoint=tablet-wide] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=tablet-wide].activated,
    .primary-navigation[data-breakpoint=tablet-wide].activating {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .primary-navigation[data-breakpoint=tablet-wide] {
        display: block
    }
}

@media only screen and (max-width:1365px) {
    .primary-navigation[data-breakpoint=laptop] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=laptop].activated,
    .primary-navigation[data-breakpoint=laptop].activating {
        display: block
    }
}

@media only screen and (min-width:1366px) {
    .primary-navigation[data-breakpoint=laptop] {
        display: block
    }
}

@media only screen and (max-width:1439px) {
    .primary-navigation[data-breakpoint=desktop] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop].activated,
    .primary-navigation[data-breakpoint=desktop].activating {
        display: block
    }
}

@media only screen and (min-width:1440px) {
    .primary-navigation[data-breakpoint=desktop] {
        display: block
    }
}

@media only screen and (max-width:1919px) {
    .primary-navigation[data-breakpoint=desktop-hd] {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        display: none;
        order: 10;
        width: 100%
    }

    .primary-navigation[data-breakpoint=desktop-hd].activated,
    .primary-navigation[data-breakpoint=desktop-hd].activating {
        display: block
    }
}

@media only screen and (min-width:1920px) {
    .primary-navigation[data-breakpoint=desktop-hd] {
        display: block
    }
}

.site-hero .component {
    background-color: var(--hero-background-color, #e9e9e9);
    padding: var(--s-container-padding);
    position: relative
}

.site-hero .component .page-title {
    margin: 0
}

.site-footer .component {
    text-align: center
}

.site-footer .component .site-info p {
    margin: 0
}

.site-footer .component>.container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--s-container-padding)
}

.site-footer .component>.container>div,
.site-footer .component>.container>nav {
    width: 100%
}

.site-footer .component .jetpack-social-navigation .menu,
.site-footer .component>.container>div .menu,
.site-footer .component>.container>nav .menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center
}

.site-footer .component nav a,
.site-footer .component nav a:link {
    padding: 0 .5em
}

@media only screen and (min-width:1024px) {
    .site-footer .component {
        text-align: left
    }

    .site-footer .component>.container>div,
    .site-footer .component>.container>nav {
        width: auto
    }

    .site-footer .component .site-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .site-footer .component #footer-menu .menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }

    .site-footer .component #footer-menu .menu .menu-item {
        width: auto
    }
}

#secondary a.no-sidebar-message {
    background-color: #f1f1f1;
    border: 3px dashed #ccc;
    display: block;
    padding: 40px 1em;
    text-align: center
}

#secondary a.no-sidebar-message p:last-child {
    margin: 0
}

.navigation-pane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--s-navpane-background-color, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--s-container-gap);
    max-height: 100vh;
    opacity: 0;
    overflow-y: scroll;
    padding: var(--s-container-padding);
    position: absolute;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    visibility: hidden;
    z-index: -99
}

.navigation-pane.activated,
.navigation-pane.activating {
    opacity: 1;
    visibility: visible;
    z-index: 999
}

.navigation-pane.deactivating {
    visibility: visible
}

.navigation-pane::-webkit-scrollbar {
    display: none
}

.navigation-pane>aside,
.navigation-pane>div,
.navigation-pane>footer,
.navigation-pane>header,
.navigation-pane>section {
    width: 100%
}

.navigation-pane .navpane-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.navigation-pane .navpane-header .menu-toggle {
    margin-left: auto
}

.navigation-pane[data-type=overlay] {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

body.admin-bar .navigation-pane[data-type=overlay] {
    top: 32px
}

@media only screen and (max-width:782px) {
    body.admin-bar .navigation-pane[data-type=overlay] {
        top: 46px
    }
}

.navigation-pane[data-type=overlay][data-generator=elementor] {
    padding: 0
}

.navigation-pane[data-type=slideout] {
    bottom: 0;
    max-width: var(--s-navpane-width, 400px);
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    width: 100%
}

.navigation-pane[data-type=slideout].activated,
.navigation-pane[data-type=slideout].activating {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

body.admin-bar .navigation-pane[data-type=slideout] {
    top: 32px
}

@media only screen and (max-width:782px) {
    body.admin-bar .navigation-pane[data-type=slideout] {
        top: 46px
    }
}

.navigation-pane[data-type=slideout][data-generator=elementor] {
    padding: 0
}

.comments-area,
.comments-area li.comment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--s-container-gap, var(--s-container-margin))
}

.comments-area li.comment {
    list-style-position: inside;
    list-style-type: none
}

.comments-area .comment-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border: 1px solid var(--s-color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: var(--s-container-padding)
}

.comments-area .comment-container .avatar {
    margin-right: var(--s-container-padding);
    max-width: 40px
}

.comments-area .comment-author {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.comments-area .comment-author .comment-data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comments-area .comment-author span.author {
    font-weight: 600;
    margin-right: 4px;
    white-space: nowrap
}

.comments-area .comment-author span.date {
    font-size: .75em;
    white-space: nowrap
}

.comments-area .comment-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comments-area .comments-title {
    margin: 0
}

.comments-area ol.comment-child,
.comments-area ol.comment-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--s-container-gap, var(--s-container-margin));
    margin: 0;
    padding: 0
}

.comments-area ol.comment-child {
    padding-left: var(--s-container-padding)
}

.comments-area .comment-content p:last-child,
.comments-area input#submit,
.comments-area p.form-submit {
    margin: 0
}

.comments-area #reply-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.comments-area #reply-title #cancel-comment-reply-link {
    font-family: var(--s-content-font);
    font-size: .9rem;
    margin-bottom: 0
}

.comments-area .comment-form {
    -ms-grid-columns: 1fr var(--s-container-margin) 1fr var(--s-container-margin) 1fr var(--s-container-margin) 1fr;
    -ms-grid-rows: minmax(-webkit-min-content, -webkit-max-content);
    -ms-grid-rows: minmax(min-content, max-content);
    display: -ms-grid;
    display: grid;
    gap: var(--s-container-margin);
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
    grid-template-rows: minmax(min-content, max-content)
}

.comments-area .comment-form>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.comments-area .comment-form>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.comments-area .comment-form>:nth-child(3) {
    -ms-grid-column: 5;
    -ms-grid-row: 1
}

.comments-area .comment-form>:nth-child(4) {
    -ms-grid-column: 7;
    -ms-grid-row: 1
}

.comments-area .comment-form p {
    -ms-grid-column-span: 4;
    -ms-grid-column: 1;
    grid-column: 1/5;
    margin: 0
}

.comments-area .comment-form p.comment-form-author {
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
    grid-column: 1/3
}

.comments-area .comment-form p.comment-form-email {
    -ms-grid-column-span: 2;
    -ms-grid-column: 3;
    grid-column: 3/5
}

.comments-area .comment-form p.comment-form-cookies-consent {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.comments-area .comment-form p.comment-form-cookies-consent input {
    margin: 3px 5px 0 0
}

.comments-area .comment-form label {
    font-size: .85em;
    font-weight: 600
}

.author-box {
    margin: 0 auto;
    position: relative;
    width: 100%
}

.author-box .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--s-content-gap, var(--s-content-padding))
}

.author-box .author-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.author-box .author-info h4 {
    line-height: 1;
    margin: 0
}

.author-box ul.author-social-links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
    list-style-type: none;
    margin: 0
}

.author-box ul.author-social-links li {
    list-style-type: none
}

#page .woocommerce .form-row,
.woocommerce #page .form-row,
.woocommerce-page #page .form-row {
    float: none;
    margin: 0 0 1em;
    padding: 0;
    width: 100%
}

#page .woocommerce .form-row label,
.woocommerce #page .form-row label,
.woocommerce-page #page .form-row label {
    font-size: .85em;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px
}

#page .woocommerce .shop_table,
.woocommerce #page .shop_table,
.woocommerce-page #page .shop_table {
    border: 1px solid var(--s-color-border);
    border-collapse: separate;
    border-radius: 0;
    font-size: 1rem
}

#page .woocommerce .shop_table td,
#page .woocommerce .shop_table th,
.woocommerce #page .shop_table td,
.woocommerce #page .shop_table th,
.woocommerce-page #page .shop_table td,
.woocommerce-page #page .shop_table th {
    border: none;
    padding: 8px
}

#page .woocommerce .shop_table th,
.woocommerce #page .shop_table th,
.woocommerce-page #page .shop_table th {
    background-color: var(--s-form-highlight-color, var(--light-gray))
}

#page .woocommerce .shop_table thead th,
.woocommerce #page .shop_table thead th,
.woocommerce-page #page .shop_table thead th {
    border: none;
    border-bottom: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_table tbody td,
.woocommerce #page .shop_table tbody td,
.woocommerce-page #page .shop_table tbody td {
    border: none;
    border-bottom: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_table tbody td:last-of-type,
.woocommerce #page .shop_table tbody td:last-of-type,
.woocommerce-page #page .shop_table tbody td:last-of-type {
    border-right: none
}

#page .woocommerce .shop_table tbody td.actions,
.woocommerce #page .shop_table tbody td.actions,
.woocommerce-page #page .shop_table tbody td.actions {
    text-align: right
}

#page .woocommerce .shop_table tbody td.actions .coupon,
.woocommerce #page .shop_table tbody td.actions .coupon,
.woocommerce-page #page .shop_table tbody td.actions .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin: 0 auto
}

#page .woocommerce .shop_table tbody td.actions .input-text,
.woocommerce #page .shop_table tbody td.actions .input-text,
.woocommerce-page #page .shop_table tbody td.actions .input-text {
    width: auto
}

#page .woocommerce .shop_table tbody th,
.woocommerce #page .shop_table tbody th,
.woocommerce-page #page .shop_table tbody th {
    border-bottom: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_table tbody tr:last-of-type td,
#page .woocommerce .shop_table tbody tr:last-of-type th,
.woocommerce #page .shop_table tbody tr:last-of-type td,
.woocommerce #page .shop_table tbody tr:last-of-type th,
.woocommerce-page #page .shop_table tbody tr:last-of-type td,
.woocommerce-page #page .shop_table tbody tr:last-of-type th {
    border-bottom: none
}

#page .woocommerce .shop_table tfoot td,
#page .woocommerce .shop_table tfoot th,
.woocommerce #page .shop_table tfoot td,
.woocommerce #page .shop_table tfoot th,
.woocommerce-page #page .shop_table tfoot td,
.woocommerce-page #page .shop_table tfoot th {
    border: none;
    border-bottom: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_table tfoot td:last-of-type,
.woocommerce #page .shop_table tfoot td:last-of-type,
.woocommerce-page #page .shop_table tfoot td:last-of-type {
    border-right: none
}

#page .woocommerce .shop_table tfoot tr:first-of-type td,
#page .woocommerce .shop_table tfoot tr:first-of-type th,
.woocommerce #page .shop_table tfoot tr:first-of-type td,
.woocommerce #page .shop_table tfoot tr:first-of-type th,
.woocommerce-page #page .shop_table tfoot tr:first-of-type td,
.woocommerce-page #page .shop_table tfoot tr:first-of-type th {
    border-top: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_table tfoot tr:last-of-type td,
#page .woocommerce .shop_table tfoot tr:last-of-type th,
.woocommerce #page .shop_table tfoot tr:last-of-type td,
.woocommerce #page .shop_table tfoot tr:last-of-type th,
.woocommerce-page #page .shop_table tfoot tr:last-of-type td,
.woocommerce-page #page .shop_table tfoot tr:last-of-type th {
    border-bottom: none
}

#page .woocommerce .shop_table tfoot #shipping_method,
#page .woocommerce .shop_table tfoot #shipping_method li,
.woocommerce #page .shop_table tfoot #shipping_method,
.woocommerce #page .shop_table tfoot #shipping_method li,
.woocommerce-page #page .shop_table tfoot #shipping_method,
.woocommerce-page #page .shop_table tfoot #shipping_method li {
    margin: 0;
    padding: 0
}

#page .woocommerce .shop_table p.woocommerce-shipping-destination strong,
.woocommerce #page .shop_table p.woocommerce-shipping-destination strong,
.woocommerce-page #page .shop_table p.woocommerce-shipping-destination strong {
    display: block
}

#page .woocommerce .shop_attributes,
.woocommerce #page .shop_attributes,
.woocommerce-page #page .shop_attributes {
    border: 1px solid var(--s-color-border);
    border-collapse: separate;
    border-radius: 0;
    font-size: 1rem
}

#page .woocommerce .shop_attributes tbody td,
.woocommerce #page .shop_attributes tbody td,
.woocommerce-page #page .shop_attributes tbody td {
    border: none;
    border-bottom: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border);
    padding: 8px
}

#page .woocommerce .shop_attributes tbody td p,
.woocommerce #page .shop_attributes tbody td p,
.woocommerce-page #page .shop_attributes tbody td p {
    padding: 0
}

#page .woocommerce .shop_attributes tbody td:last-of-type,
.woocommerce #page .shop_attributes tbody td:last-of-type,
.woocommerce-page #page .shop_attributes tbody td:last-of-type {
    border-right: none
}

#page .woocommerce .shop_attributes tbody th,
.woocommerce #page .shop_attributes tbody th,
.woocommerce-page #page .shop_attributes tbody th {
    border-bottom: 1px solid var(--s-color-border);
    border-right: 1px solid var(--s-color-border)
}

#page .woocommerce .shop_attributes tbody tr:last-of-type td,
#page .woocommerce .shop_attributes tbody tr:last-of-type th,
.woocommerce #page .shop_attributes tbody tr:last-of-type td,
.woocommerce #page .shop_attributes tbody tr:last-of-type th,
.woocommerce-page #page .shop_attributes tbody tr:last-of-type td,
.woocommerce-page #page .shop_attributes tbody tr:last-of-type th {
    border-bottom: none
}

#page .woocommerce .woocommerce-notices-wrapper:empty,
.woocommerce #page .woocommerce-notices-wrapper:empty,
.woocommerce-page #page .woocommerce-notices-wrapper:empty {
    display: none
}

#page .woocommerce .woocommerce-erro,
#page .woocommerce .woocommerce-info,
#page .woocommerce .woocommerce-message,
.woocommerce #page .woocommerce-erro,
.woocommerce #page .woocommerce-info,
.woocommerce #page .woocommerce-message,
.woocommerce-page #page .woocommerce-erro,
.woocommerce-page #page .woocommerce-info,
.woocommerce-page #page .woocommerce-message {
    background-color: var(--alert-background-color, var(--light-gray));
    border-color: var(--s-color-alert, var(--s-color-primary))
}

#page .woocommerce .woocommerce-erro:before,
#page .woocommerce .woocommerce-info:before,
#page .woocommerce .woocommerce-message:before,
.woocommerce #page .woocommerce-erro:before,
.woocommerce #page .woocommerce-info:before,
.woocommerce #page .woocommerce-message:before,
.woocommerce-page #page .woocommerce-erro:before,
.woocommerce-page #page .woocommerce-info:before,
.woocommerce-page #page .woocommerce-message:before {
    color: var(--s-color-alert, var(--s-color-primary))
}

#page .woocommerce .onsale,
.woocommerce #page .onsale,
.woocommerce-page #page .onsale {
    background-color: var(--woocommerce-highlight-color, var(--s-color-primary));
    border-radius: 0;
    color: var(--woocommerce-highlight-text-color, var(--white));
    font-size: .85rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    min-height: 0;
    min-width: 0;
    padding: 10px
}

#page .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce #page .woocommerce-MyAccount-navigation,
.woocommerce-page #page .woocommerce-MyAccount-navigation {
    margin-bottom: var(--s-content-margin);
    width: 100%
}

#page .woocommerce .woocommerce-MyAccount-navigation li,
#page .woocommerce .woocommerce-MyAccount-navigation ul,
.woocommerce #page .woocommerce-MyAccount-navigation li,
.woocommerce #page .woocommerce-MyAccount-navigation ul,
.woocommerce-page #page .woocommerce-MyAccount-navigation li,
.woocommerce-page #page .woocommerce-MyAccount-navigation ul {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#page .woocommerce .woocommerce-MyAccount-navigation ul,
.woocommerce #page .woocommerce-MyAccount-navigation ul,
.woocommerce-page #page .woocommerce-MyAccount-navigation ul {
    border: 1px solid var(--s-color-border)
}

#page .woocommerce .woocommerce-MyAccount-navigation li,
.woocommerce #page .woocommerce-MyAccount-navigation li,
.woocommerce-page #page .woocommerce-MyAccount-navigation li {
    border-bottom: 1px solid var(--s-color-border);
    display: block
}

#page .woocommerce .woocommerce-MyAccount-navigation li:last-child,
.woocommerce #page .woocommerce-MyAccount-navigation li:last-child,
.woocommerce-page #page .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none
}

#page .woocommerce .woocommerce-MyAccount-navigation li a,
#page .woocommerce .woocommerce-MyAccount-navigation li a:link,
.woocommerce #page .woocommerce-MyAccount-navigation li a,
.woocommerce #page .woocommerce-MyAccount-navigation li a:link,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a:link {
    display: block;
    font-size: 1rem;
    padding: var(--s-gutter)
}

#page .woocommerce .woocommerce-MyAccount-navigation li a:focus,
#page .woocommerce .woocommerce-MyAccount-navigation li a:hover,
#page .woocommerce .woocommerce-MyAccount-navigation li a:link:focus,
#page .woocommerce .woocommerce-MyAccount-navigation li a:link:hover,
.woocommerce #page .woocommerce-MyAccount-navigation li a:focus,
.woocommerce #page .woocommerce-MyAccount-navigation li a:hover,
.woocommerce #page .woocommerce-MyAccount-navigation li a:link:focus,
.woocommerce #page .woocommerce-MyAccount-navigation li a:link:hover,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a:focus,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a:link:focus,
.woocommerce-page #page .woocommerce-MyAccount-navigation li a:link:hover {
    background: #f7f6f7
}

#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a,
#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a:link,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a:link,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a:link {
    background: #f7f6f7;
    color: var(--s-link-hover-color);
    font-weight: 600
}

#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a:focus,
#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a:hover,
#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a:link:focus,
#page .woocommerce .woocommerce-MyAccount-navigation li.is-active a:link:hover,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a:focus,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a:hover,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a:link:focus,
.woocommerce #page .woocommerce-MyAccount-navigation li.is-active a:link:hover,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a:focus,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a:hover,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a:link:focus,
.woocommerce-page #page .woocommerce-MyAccount-navigation li.is-active a:link:hover {
    color: var(--s-link-hover-color)
}

#page .woocommerce .woocommerce-MyAccount-content,
.woocommerce #page .woocommerce-MyAccount-content,
.woocommerce-page #page .woocommerce-MyAccount-content {
    width: 100%
}

#page .woocommerce ul.products,
.woocommerce #page ul.products,
.woocommerce-page #page ul.products {
    -ms-grid-rows: auto;
    display: -ms-grid;
    display: grid;
    gap: var(--s-content-padding);
    grid-template-columns: repeat(var(--grid-columns), 1fr);
    grid-template-rows: auto
}

#page .woocommerce ul.products:after,
#page .woocommerce ul.products:before,
.woocommerce #page ul.products:after,
.woocommerce #page ul.products:before,
.woocommerce-page #page ul.products:after,
.woocommerce-page #page ul.products:before {
    content: none;
    display: none
}

#page .woocommerce ul.products li.product,
.woocommerce #page ul.products li.product,
.woocommerce-page #page ul.products li.product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid var(--s-color-border);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: none;
    margin: 0;
    width: 100%
}

#page .woocommerce ul.products .product-header a,
#page .woocommerce ul.products .product-header a:link,
.woocommerce #page ul.products .product-header a,
.woocommerce #page ul.products .product-header a:link,
.woocommerce-page #page ul.products .product-header a,
.woocommerce-page #page ul.products .product-header a:link {
    display: block;
    margin: 0;
    position: relative
}

#page .woocommerce ul.products .product-header a img,
#page .woocommerce ul.products .product-header a:link img,
.woocommerce #page ul.products .product-header a img,
.woocommerce #page ul.products .product-header a:link img,
.woocommerce-page #page ul.products .product-header a img,
.woocommerce-page #page ul.products .product-header a:link img {
    margin: 0
}

#page .woocommerce ul.products .product-header .onsale,
.woocommerce #page ul.products .product-header .onsale,
.woocommerce-page #page ul.products .product-header .onsale {
    left: unset;
    right: 0;
    top: 0
}

#page .woocommerce ul.products .product-body,
.woocommerce #page ul.products .product-body,
.woocommerce-page #page ul.products .product-body {
    padding: var(--shop-item-padding)
}

#page .woocommerce ul.products .product-body h2,
.woocommerce #page ul.products .product-body h2,
.woocommerce-page #page ul.products .product-body h2 {
    display: block
}

#page .woocommerce ul.products .product-body .short-description p:last-child,
.woocommerce #page ul.products .product-body .short-description p:last-child,
.woocommerce-page #page ul.products .product-body .short-description p:last-child {
    margin: 0
}

#page .woocommerce ul.products .product-body .price,
.woocommerce #page ul.products .product-body .price,
.woocommerce-page #page ul.products .product-body .price {
    color: #434343;
    font-size: 1.15rem;
    font-weight: 600
}

#page .woocommerce ul.products .product-body .woocommerce-loop-product__title,
.woocommerce #page ul.products .product-body .woocommerce-loop-product__title,
.woocommerce-page #page ul.products .product-body .woocommerce-loop-product__title {
    font-size: 1.25rem;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0
}

#page .woocommerce ul.products .product-footer,
.woocommerce #page ul.products .product-footer,
.woocommerce-page #page ul.products .product-footer {
    margin-top: auto;
    padding: var(--shop-item-padding);
    padding-top: 0;
    text-align: center
}

#page .woocommerce ul.products .product-footer .button,
#page .woocommerce ul.products .product-footer input[type=submit],
.woocommerce #page ul.products .product-footer .button,
.woocommerce #page ul.products .product-footer input[type=submit],
.woocommerce-page #page ul.products .product-footer .button,
.woocommerce-page #page ul.products .product-footer input[type=submit] {
    display: block;
    width: 100%
}

#page .woocommerce img.attachment-woocommerce_thumbnail,
.woocommerce #page img.attachment-woocommerce_thumbnail,
.woocommerce-page #page img.attachment-woocommerce_thumbnail {
    display: block
}

#page .woocommerce div.product-summery div.images,
#page .woocommerce div.product-summery div.summary,
.woocommerce #page div.product-summery div.images,
.woocommerce #page div.product-summery div.summary,
.woocommerce-page #page div.product-summery div.images,
.woocommerce-page #page div.product-summery div.summary {
    margin-bottom: var(--s-content-margin);
    width: 100%
}

#page .woocommerce div.product-summery .onsale,
.woocommerce #page div.product-summery .onsale,
.woocommerce-page #page div.product-summery .onsale {
    left: 0;
    top: 0
}

#page .woocommerce div.product-summery .product_meta,
#page .woocommerce div.product-summery .woocommerce-product-details__short-description,
.woocommerce #page div.product-summery .product_meta,
.woocommerce #page div.product-summery .woocommerce-product-details__short-description,
.woocommerce-page #page div.product-summery .product_meta,
.woocommerce-page #page div.product-summery .woocommerce-product-details__short-description {
    border-top: 1px solid var(--s-color-border);
    padding-top: 1.5em
}

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

    #page .woocommerce div.product-summery,
    .woocommerce #page div.product-summery,
    .woocommerce-page #page div.product-summery {
        -ms-grid-columns: 1fr var(--shop-gap, var(--s-content-padding)) 1fr;
        -ms-grid-rows: minmax(-webkit-min-content, -webkit-max-content);
        -ms-grid-rows: minmax(min-content, max-content);
        display: -ms-grid;
        display: grid;
        gap: var(--shop-gap, var(--s-content-padding));
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
        grid-template-rows: minmax(min-content, max-content)
    }

    #page .woocommerce div.product-summery>:first-child,
    .woocommerce #page div.product-summery>:first-child,
    .woocommerce-page #page div.product-summery>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    #page .woocommerce div.product-summery>:nth-child(2),
    .woocommerce #page div.product-summery>:nth-child(2),
    .woocommerce-page #page div.product-summery>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }
}

#page .woocommerce div.product-summery .product_title,
.woocommerce #page div.product-summery .product_title,
.woocommerce-page #page div.product-summery .product_title {
    font-size: 1.25rem
}

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

    #page .woocommerce div.product-summery .product_title,
    .woocommerce #page div.product-summery .product_title,
    .woocommerce-page #page div.product-summery .product_title {
        font-size: 1.875rem
    }
}

#page .woocommerce div.product-summery .price,
.woocommerce #page div.product-summery .price,
.woocommerce-page #page div.product-summery .price {
    color: var(--s-font-color)
}

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

    #page .woocommerce div.product-summery .price,
    .woocommerce #page div.product-summery .price,
    .woocommerce-page #page div.product-summery .price {
        font-size: 1.25rem
    }
}

#page .woocommerce div.product-summery .price .amount,
.woocommerce #page div.product-summery .price .amount,
.woocommerce-page #page div.product-summery .price .amount {
    font-weight: 600
}

#page .woocommerce div.product-summery form.cart,
.woocommerce #page div.product-summery form.cart,
.woocommerce-page #page div.product-summery form.cart {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

#page .woocommerce div.product-summery form.cart input,
#page .woocommerce div.product-summery form.cart select,
#page .woocommerce div.product-summery form.cart textarea,
.woocommerce #page div.product-summery form.cart input,
.woocommerce #page div.product-summery form.cart select,
.woocommerce #page div.product-summery form.cart textarea,
.woocommerce-page #page div.product-summery form.cart input,
.woocommerce-page #page div.product-summery form.cart select,
.woocommerce-page #page div.product-summery form.cart textarea {
    margin: 0;
    width: 100%
}

#page .woocommerce div.product-summery form.cart label,
.woocommerce #page div.product-summery form.cart label,
.woocommerce-page #page div.product-summery form.cart label {
    font-weight: 600
}

#page .woocommerce div.product-summery form.cart .woocommerce-variation-add-to-cart,
.woocommerce #page div.product-summery form.cart .woocommerce-variation-add-to-cart,
.woocommerce-page #page div.product-summery form.cart .woocommerce-variation-add-to-cart {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

#page .woocommerce div.product-summery form.cart .quantity input[type=number],
.woocommerce #page div.product-summery form.cart .quantity input[type=number],
.woocommerce-page #page div.product-summery form.cart .quantity input[type=number] {
    margin: 0;
    width: 5rem
}

#page .woocommerce div.product-summery form.cart .wc-pao-addons-container .form-row,
.woocommerce #page div.product-summery form.cart .wc-pao-addons-container .form-row,
.woocommerce-page #page div.product-summery form.cart .wc-pao-addons-container .form-row {
    margin: 0
}

#page .woocommerce div.product-summery form.cart .wc-pao-addons-container .form-row label,
.woocommerce #page div.product-summery form.cart .wc-pao-addons-container .form-row label,
.woocommerce-page #page div.product-summery form.cart .wc-pao-addons-container .form-row label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

#page .woocommerce div.product-summery form.cart .wc-pao-addons-container .form-row label input[type=checkbox],
.woocommerce #page div.product-summery form.cart .wc-pao-addons-container .form-row label input[type=checkbox],
.woocommerce-page #page div.product-summery form.cart .wc-pao-addons-container .form-row label input[type=checkbox] {
    margin-right: 10px;
    width: auto
}

#page .woocommerce div.product-summery form.cart.grouped_form,
#page .woocommerce div.product-summery form.cart.variations_form,
.woocommerce #page div.product-summery form.cart.grouped_form,
.woocommerce #page div.product-summery form.cart.variations_form,
.woocommerce-page #page div.product-summery form.cart.grouped_form,
.woocommerce-page #page div.product-summery form.cart.variations_form {
    display: block
}

#page .woocommerce div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td,
.woocommerce #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td,
.woocommerce-page #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td {
    padding: 0 0 10px;
    width: auto
}

#page .woocommerce div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label,
.woocommerce #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label,
.woocommerce-page #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label {
    padding: 0 10px 10px
}

#page .woocommerce div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label label,
.woocommerce #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label label,
.woocommerce-page #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td.woocommerce-grouped-product-list-item__label label {
    font-size: inherit
}

#page .woocommerce div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td .amount,
.woocommerce #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td .amount,
.woocommerce-page #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list td .amount {
    font-weight: 600
}

#page .woocommerce div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list tr,
.woocommerce #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list tr,
.woocommerce-page #page div.product-summery form.cart.grouped_form table.woocommerce-grouped-product-list tr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#page .woocommerce div.product-summery .product_meta>span,
.woocommerce #page div.product-summery .product_meta>span,
.woocommerce-page #page div.product-summery .product_meta>span {
    display: block;
    font-weight: 600
}

#page .woocommerce div.product-summery .product_meta>span>*,
.woocommerce #page div.product-summery .product_meta>span>*,
.woocommerce-page #page div.product-summery .product_meta>span>* {
    font-weight: 400
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .flex-control-thumbs,
.woocommerce #page div.product-summery .woocommerce-product-gallery .flex-control-thumbs,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .flex-control-thumbs {
    -ms-grid-rows: minmax(-webkit-min-content, -webkit-max-content);
    -ms-grid-rows: minmax(min-content, max-content);
    display: -ms-grid;
    display: grid;
    gap: .5em;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
    grid-template-rows: minmax(min-content, max-content)
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce #page div.product-summery .woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .flex-control-thumbs li {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .flex-viewport,
.woocommerce #page div.product-summery .woocommerce-product-gallery .flex-viewport,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .flex-viewport {
    border: 1px solid var(--s-color-border);
    margin-bottom: .5em
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background: transparent;
    border: 2px solid rgba(0, 0, 0, .5);
    border-radius: 100%;
    color: rgba(0, 0, 0, .5);
    right: .5em;
    top: .5em
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
    border-color: rgba(0, 0, 0, .5)
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
    background-color: rgba(0, 0, 0, .5)
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus,
#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    background-color: var(--woocommerce-highlight-color, var(--s-color-primary));
    border-color: var(--woocommerce-highlight-color, var(--s-color-primary))
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:before,
#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:before,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:before,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:before,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:before,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:before {
    border-color: var(--woocommerce-highlight-text-color, var(--white))
}

#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:after,
#page .woocommerce div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:after,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:after,
.woocommerce #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:after,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus:after,
.woocommerce-page #page div.product-summery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover:after {
    background-color: var(--woocommerce-highlight-text-color, var(--white))
}

#page .woocommerce table.variations td,
.woocommerce #page table.variations td,
.woocommerce-page #page table.variations td {
    padding: 0 0 10px;
    vertical-align: baseline
}

#page .woocommerce table.variations td.label,
.woocommerce #page table.variations td.label,
.woocommerce-page #page table.variations td.label {
    padding: 0;
    vertical-align: text-bottom
}

#page .woocommerce .woocommerce-tabs #comments,
.woocommerce #page .woocommerce-tabs #comments,
.woocommerce-page #page .woocommerce-tabs #comments {
    margin-top: 0
}

#page .woocommerce .woocommerce-tabs ul.tabs,
.woocommerce #page .woocommerce-tabs ul.tabs,
.woocommerce-page #page .woocommerce-tabs ul.tabs {
    border-bottom: 1px solid var(--s-color-border);
    margin: 0 0 var(--s-content-padding) 0;
    overflow: visible;
    padding: 0
}

#page .woocommerce .woocommerce-tabs ul.tabs:before,
.woocommerce #page .woocommerce-tabs ul.tabs:before,
.woocommerce-page #page .woocommerce-tabs ul.tabs:before {
    display: none !important
}

#page .woocommerce .woocommerce-tabs ul.tabs li,
.woocommerce #page .woocommerce-tabs ul.tabs li,
.woocommerce-page #page .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0 1em;
    z-index: 2
}

#page .woocommerce .woocommerce-tabs ul.tabs li:before,
.woocommerce #page .woocommerce-tabs ul.tabs li:before,
.woocommerce-page #page .woocommerce-tabs ul.tabs li:before {
    display: none
}

#page .woocommerce .woocommerce-tabs ul.tabs li:after,
.woocommerce #page .woocommerce-tabs ul.tabs li:after,
.woocommerce-page #page .woocommerce-tabs ul.tabs li:after {
    background: var(--s-color-primary);
    border: none;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    right: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear;
    width: 0;
    z-index: 2
}

#page .woocommerce .woocommerce-tabs ul.tabs li.active:after,
.woocommerce #page .woocommerce-tabs ul.tabs li.active:after,
.woocommerce-page #page .woocommerce-tabs ul.tabs li.active:after {
    width: 100%
}

#page .woocommerce .cart .quantity,
.woocommerce #page .cart .quantity,
.woocommerce-page #page .cart .quantity {
    width: 6rem
}

#page .woocommerce .cart td.product-name,
.woocommerce #page .cart td.product-name,
.woocommerce-page #page .cart td.product-name {
    width: 100%
}

#page .woocommerce .cart td.product-subtotal,
.woocommerce #page .cart td.product-subtotal,
.woocommerce-page #page .cart td.product-subtotal {
    background-color: var(--s-form-highlight-color, var(--light-gray));
    font-weight: 600
}

#page .woocommerce .cart .cart_item,
.woocommerce #page .cart .cart_item,
.woocommerce-page #page .cart .cart_item {
    margin-bottom: var(--s-content-margin)
}

#page .woocommerce .cart ul.variation,
.woocommerce #page .cart ul.variation,
.woocommerce-page #page .cart ul.variation {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#page .woocommerce .cart ul.variation li,
.woocommerce #page .cart ul.variation li,
.woocommerce-page #page .cart ul.variation li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-position: inside;
    list-style-type: none
}

#page .woocommerce .cart ul.variation li span.variation-label,
.woocommerce #page .cart ul.variation li span.variation-label,
.woocommerce-page #page .cart ul.variation li span.variation-label {
    font-weight: 600;
    margin-right: 5px
}

#page .woocommerce .cart ul.variation p,
.woocommerce #page .cart ul.variation p,
.woocommerce-page #page .cart ul.variation p {
    margin: 0
}

#page .woocommerce .cart_totals h2,
.woocommerce #page .cart_totals h2,
.woocommerce-page #page .cart_totals h2 {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: var(--s-content-margin);
    text-transform: uppercase
}

#page .woocommerce .checkout_coupon,
.woocommerce #page .checkout_coupon,
.woocommerce-page #page .checkout_coupon {
    border-radius: 0
}

#page .woocommerce #payment,
.woocommerce #page #payment,
.woocommerce-page #page #payment {
    background-color: var(--s-form-highlight-color, var(--light-gray));
    border-radius: 0;
    padding: var(--s-content-padding)
}

#page .woocommerce #payment .wc_payment_methods,
.woocommerce #page #payment .wc_payment_methods,
.woocommerce-page #page #payment .wc_payment_methods {
    border: none;
    margin-bottom: var(--s-content-margin);
    padding: 0
}

#page .woocommerce #payment .place-order,
.woocommerce #page #payment .place-order,
.woocommerce-page #page #payment .place-order {
    margin-bottom: 0
}

#page .woocommerce #payment button#place_order,
.woocommerce #page #payment button#place_order,
.woocommerce-page #page #payment button#place_order {
    display: block;
    float: none;
    width: 100%
}

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

    #page .woocommerce form.woocommerce-checkout,
    .woocommerce #page form.woocommerce-checkout,
    .woocommerce-page #page form.woocommerce-checkout {
        -ms-grid-columns: 1fr var(--s-content-padding) 1fr;
        display: -ms-grid;
        display: grid;
        gap: var(--s-content-padding);
        grid-template-columns: repeat(2, 1fr)
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
        -ms-grid-columns: 1fr var(--s-content-padding) 1fr;
        -ms-grid-rows: auto;
        display: -ms-grid;
        display: grid;
        gap: var(--s-content-padding);
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:first-child,
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:first-child,
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:first-child,
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:first-child,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:first-child,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:first-child {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:nth-child(2),
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:nth-child(2),
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:nth-child(2),
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:nth-child(2),
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>:nth-child(2),
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>:nth-child(2) {
        -ms-grid-column: 3;
        -ms-grid-row: 1
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
        -ms-grid-column-span: 2;
        -ms-grid-column: 1;
        grid-column: 1/span 2
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-first,
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-first,
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-first,
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-first,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-first,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-first {
        -ms-grid-column-span: 1;
        -ms-grid-column: 1;
        grid-column: 1/2
    }

    #page .woocommerce form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
    #page .woocommerce form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-last,
    .woocommerce #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
    .woocommerce #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-last,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row.form-row-last,
    .woocommerce-page #page form.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row.form-row-last {
        -ms-grid-column: 2;
        grid-column: 2/2
    }
}

#page .woocommerce form.woocommerce-checkout h3,
.woocommerce #page form.woocommerce-checkout h3,
.woocommerce-page #page form.woocommerce-checkout h3 {
    display: block;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase
}

#page .woocommerce form.woocommerce-checkout h3#ship-to-different-address,
.woocommerce #page form.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-page #page form.woocommerce-checkout h3#ship-to-different-address {
    border: none;
    padding: 0
}

#page .woocommerce form.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce #page form.woocommerce-checkout h3#ship-to-different-address label,
.woocommerce-page #page form.woocommerce-checkout h3#ship-to-different-address label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#page .woocommerce form.woocommerce-checkout h3#ship-to-different-address label input[type=checkbox],
.woocommerce #page form.woocommerce-checkout h3#ship-to-different-address label input[type=checkbox],
.woocommerce-page #page form.woocommerce-checkout h3#ship-to-different-address label input[type=checkbox] {
    height: 1.25rem;
    margin-right: 10px;
    width: 1.25rem
}

#page .woocommerce form.woocommerce-checkout ul.variation p,
.woocommerce #page form.woocommerce-checkout ul.variation p,
.woocommerce-page #page form.woocommerce-checkout ul.variation p {
    display: inline-block;
    margin: 0
}

#page .woocommerce form.woocommerce-checkout ul.variation .variation-label,
.woocommerce #page form.woocommerce-checkout ul.variation .variation-label,
.woocommerce-page #page form.woocommerce-checkout ul.variation .variation-label {
    font-weight: 600
}

:root {
    --shop-item-padding: 1.618rem;
    --shop-item-gutter: 0.809rem;
    --shop-item-width: 50%;
    --grid-columns: 2
}

:root ul.products.columns-1 {
    --grid-columns: 1
}

@media only screen and (min-width:768px) {
    :root ul.products.columns-2 {
        --grid-columns: 2
    }
}

@media only screen and (min-width:1024px) {
    :root ul.products.columns-3 {
        --grid-columns: 3
    }

    :root ul.products.columns-4 {
        --grid-columns: 4
    }

    :root ul.products.columns-5 {
        --grid-columns: 5
    }

    :root ul.products.columns-6 {
        --grid-columns: 6
    }
}

.s-icon-hamburger {
    box-style: border-box;
    background: var(--s-font-color);
    display: block;
    height: 2px;
    margin-bottom: calc(.5em - 1px);
    margin-top: calc(.5em - 1px);
    position: relative;
    width: 1.618em
}

.s-icon-hamburger:after,
.s-icon-hamburger:before {
    background-color: var(--s-font-color);
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 1.618em
}

.s-icon-hamburger:before {
    top: calc(-.5em + 1px);
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-transition: top .2s .2s, -webkit-transform .2s 0s;
    transition: top .2s .2s, -webkit-transform .2s 0s;
    -o-transition: top .2s .2s, transform .2s 0s;
    transition: top .2s .2s, transform .2s 0s;
    transition: top .2s .2s, transform .2s 0s, -webkit-transform .2s 0s
}

.s-icon-hamburger:after {
    bottom: calc(-.5em + 1px);
    -webkit-transition: bottom .2s .2s, -webkit-transform .2s 0s;
    transition: bottom .2s .2s, -webkit-transform .2s 0s;
    -o-transition: bottom .2s .2s, transform .2s 0s;
    transition: bottom .2s .2s, transform .2s 0s;
    transition: bottom .2s .2s, transform .2s 0s, -webkit-transform .2s 0s
}

a .s-icon-hamburger,
a .s-icon-hamburger:after,
a .s-icon-hamburger:before,
button .s-icon-hamburger,
button .s-icon-hamburger:after,
button .s-icon-hamburger:before {
    background: var(--s-link-color)
}

a.activated .s-icon-hamburger,
a.activating .s-icon-hamburger,
button.activated .s-icon-hamburger,
button.activating .s-icon-hamburger {
    background: none
}

a.activated .s-icon-hamburger:before,
a.activating .s-icon-hamburger:before,
button.activated .s-icon-hamburger:before,
button.activating .s-icon-hamburger:before {
    top: 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .2s 0s, -webkit-transform .2s .2s;
    transition: top .2s 0s, -webkit-transform .2s .2s;
    -o-transition: top .2s 0s, transform .2s .2s;
    transition: top .2s 0s, transform .2s .2s;
    transition: top .2s 0s, transform .2s .2s, -webkit-transform .2s .2s
}

a.activated .s-icon-hamburger:after,
a.activating .s-icon-hamburger:after,
button.activated .s-icon-hamburger:after,
button.activating .s-icon-hamburger:after {
    bottom: 0 !important;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom .2s 0s, -webkit-transform .2s .2s;
    transition: bottom .2s 0s, -webkit-transform .2s .2s;
    -o-transition: bottom .2s 0s, transform .2s .2s;
    transition: bottom .2s 0s, transform .2s .2s;
    transition: bottom .2s 0s, transform .2s .2s, -webkit-transform .2s .2s
}

.s-icon-x {
    --s-font-color: #fff;
    box-style: border-box;
    display: block;
    position: relative;
    width: 1em
}

.s-icon-x:after,
.s-icon-x:before {
    background-color: var(--s-font-color);
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 1em
}

.s-icon-x:before {
    top: 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top .2s 0s, -webkit-transform .2s .2s;
    transition: top .2s 0s, -webkit-transform .2s .2s;
    -o-transition: top .2s 0s, transform .2s .2s;
    transition: top .2s 0s, transform .2s .2s;
    transition: top .2s 0s, transform .2s .2s, -webkit-transform .2s .2s
}

.s-icon-x:after {
    bottom: 0 !important;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}