ul.sm-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

    ul.sm-list > li {
        position: relative;
        font-size: 12px;
        line-height: 1.5;
        padding: 5px 0
    }

        ul.sm-list > li > .sm-inner {
            display: inline-block;
            width: 100%;
            margin-bottom: 1rem
        }

        ul.sm-list > li:last-of-type > .sm-inner {
            margin-bottom: 0
        }

        ul.sm-list > li > ul.sm-list {
            margin-left: 1rem;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

[class*=sm-list-type-] ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[class*=sm-list-type-] ul.sm-list > li:before {
    padding-right: .5em
}

[class*=sm-list-type-numbered] ul.sm-list {
    counter-reset: numbers
}

    [class*=sm-list-type-numbered] ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider) {
        counter-increment: numbers
    }

.sm-list-type-disc ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2022"
}

.sm-list-type-circle ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\00ba";
    border-radius: 0
}

.sm-list-type-square ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\25A0"
}

.sm-list-type-triangle ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2023"
}

.sm-list-type-hyphen ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "-";
    font-weight: 700
}

.sm-list-type-plus ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\002B"
}

.sm-list-type-arrow ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\00BB"
}

.sm-list-type-arrow2 ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\21D2"
}

.sm-list-type-arrow3 ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2192"
}

.sm-list-type-arrow4 ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\279C"
}

.sm-list-type-spade ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2660"
}

.sm-list-type-club ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2663"
}

.sm-list-type-diamond ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2666"
}

.sm-list-type-heart ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2665"
}

.sm-list-type-star ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2605"
}

.sm-list-type-check ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2713"
}

.sm-list-type-check2 ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2714"
}

.sm-list-type-snowflake ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\2744"
}

.sm-list-type-music ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "\266B"
}

.sm-list-type-numbered ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "" counter(numbers) "."
}

.sm-list-type-numbered-nested ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "" counters(numbers, ".") "."
}

.sm-list-type-numbered-zero ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "" counter(numbers, decimal-leading-zero) "."
}

.sm-list-type-numbered-alphabet ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "" counter(numbers, lower-alpha) "."
}

.sm-list-type-numbered-roman ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    content: "" counter(numbers, lower-roman) "."
}

.sm-list-type-2x ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    font-size: 2em
}

.sm-list-type-3x ul.sm-list > li:not(.sm-nav-header):not(.sm-nav-divider):before {
    font-size: 3em
}

nav ul.sm-list > li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1em
}

    nav ul.sm-list > li.sm-nav-header {
        font-weight: 700;
        opacity: .8;
        border-bottom: 1px solid #ccc
    }

    nav ul.sm-list > li.sm-nav-divider {
        padding: 0;
        margin-bottom: -10px
    }

    nav ul.sm-list > li.active > a {
        font-weight: bolder;
        color: #282525
    }

    nav ul.sm-list > li > a:hover {
        font-weight: 700;
        color: #282525;
        text-decoration: none
    }

.sm-list-reverse ul.sm-list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.sm-list-inline ul.sm-list {
    display: inline
}

    .sm-list-inline ul.sm-list > li {
        display: inline;
        padding: 5px
    }

.sm-list-inline-sep ul.sm-list {
    display: inline
}

    .sm-list-inline-sep ul.sm-list > li {
        display: inline
    }

        .sm-list-inline-sep ul.sm-list > li:after {
            content: ", "
        }

        .sm-list-inline-sep ul.sm-list > li:last-child:after {
            content: ""
        }

.sm-list-striped ul.sm-list > li:nth-child(odd) {
    padding: 5px;
    background-color: #ddd
}

.sm-list-stacked ul.sm-list > li {
    margin: 4px 0;
    padding: 5px;
    border: 1px solid #ccc
}

@media (min-width: 940px) {
    .sm-x-divider-dotted ul.sm-list > li,
    .sm-x-divider-line ul.sm-list > li {
        border-top: 1px solid #ccc;
        padding: 10px 0;
        margin: 0
    }

        .sm-x-divider-dotted ul.sm-list > li .sm-nav-divider,
        .sm-x-divider-line ul.sm-list > li .sm-nav-divider {
            display: none
        }

        .sm-x-divider-dotted ul.sm-list > li:first-child,
        .sm-x-divider-line ul.sm-list > li:first-child {
            border-top-width: 0
        }

        .sm-x-divider-dotted ul.sm-list > li > ul.sm-list,
        .sm-x-divider-line ul.sm-list > li > ul.sm-list {
            margin-top: 10px;
            margin-bottom: -10px
        }

            .sm-x-divider-dotted ul.sm-list > li > ul.sm-list li:first-child,
            .sm-x-divider-line ul.sm-list > li > ul.sm-list li:first-child {
                border-top-width: 1px
            }

    .sm-x-divider-dotted ul.sm-list > li {
        border-top-style: dotted
    }

    .sm-y-divider-dotted ul.sm-list > li,
    .sm-y-divider-line ul.sm-list > li {
        padding: 5px;
        border-left: 1px dotted #ccc
    }

        .sm-y-divider-dotted ul.sm-list > li:first-child,
        .sm-y-divider-line ul.sm-list > li:first-child {
            border-left: 0;
            padding-left: 0
        }

    .sm-y-divider-line ul.sm-list > li {
        border-left: 1px solid #ccc
    }

    .sm-list-reverse ul.sm-list > li:first-child {
        border-top-width: 1px
    }

    .sm-list-reverse ul.sm-list > li:last-child {
        border-top-width: 0
    }
}

[class*=list-block-] ul.sm-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0
}

    [class*=list-block-] ul.sm-list > li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media (max-width: 940px) {
    [class*=list-block-] ul.sm-list > li {
        -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
        flex: none !important;
        width: 100% !important;
        padding: 5px 0
    }
}

.list-block-auto ul.sm-list > li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.list-block-fit ul.sm-list > li {
    width: auto
}

.list-block-2cols ul.sm-list > li {
    width: 50%
}

    .list-block-2cols ul.sm-list > li:nth-child(odd) {
        border-left-width: 0;
        padding-left: 0
    }

.list-block-3cols ul.sm-list > li {
    width: 33.33333%
}

    .list-block-3cols ul.sm-list > li:nth-child(3n+1) {
        border-left-width: 0;
        padding-left: 0
    }

.list-block-4cols ul.sm-list > li {
    width: 25%
}

    .list-block-4cols ul.sm-list > li:nth-child(4n+1) {
        border-left-width: 0;
        padding-left: 0
    }

.list-block-5cols ul.sm-list > li {
    width: 20%
}

    .list-block-5cols ul.sm-list > li:nth-child(5n+1) {
        border-left-width: 0;
        padding-left: 0
    }

img {
    max-width: 100%;
    height: auto
}

.tiny-avatar img {
    vertical-align: middle;
    max-width: 12px;
    width: auto;
    width: 12px;
    max-height: 12px;
    height: auto;
    height: 12px
}

.small-avatar img {
    vertical-align: top;
    max-width: 45px;
    width: auto;
    width: 45px;
    max-height: 45px;
    height: auto;
    height: 45px
}

.medium-avatar img {
    vertical-align: top;
    max-width: 65px;
    width: auto;
    width: 65px;
    max-height: 65px;
    height: auto;
    height: 65px
}

.attach-image img,
.post img {
    max-width: 100%;
    height: auto
}

.feeds img {
    max-width: 100%;
    margin: 0 .25rem
}

.attach-image,
.img-ui {
    display: block;
    position: relative
}

.large-img .attach-image,
.large-img .img-ui {
    width: 45%
}

.medium-img .attach-image,
.medium-img .img-ui {
    width: 35%
}

.small-img .attach-image,
.small-img .img-ui {
    width: 25%
}

.fullwidth-img .attach-image,
.fullwidth-img .img-ui {
    float: none !important;
    margin: 0 !important;
    width: 100%
}

.card-img .attach-image,
.card-img .img-ui {
    margin: -4px -10px auto
}

    .card-img .attach-image img,
    .card-img .img-ui img {
        width: 100%;
        padding: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

.content .card-img .attach-image,
.content .card-img .img-ui {
    margin: 0
}

    .content .card-img .attach-image img,
    .content .card-img .img-ui img {
        border-radius: 0
    }

.img-align-left .attach-image,
.img-align-left .img-ui {
    float: left;
    margin-right: .8rem
}

.img-align-right .attach-image,
.img-align-right .img-ui {
    float: right;
    margin-left: .8rem
}

    .img-align-left .attach-image + .label-hidden,
    .img-align-left .img-ui + .label-hidden,
    .img-align-right .attach-image + .label-hidden,
    .img-align-right .img-ui + .label-hidden {
        display: none
    }

.img-border-padding .attach-image,
.img-border-padding .img-ui,
.img-border .attach-image,
.img-border .img-ui {
    border: 1px solid #ccc
}

.img-border-padding .attach-image,
.img-border-padding .img-ui {
    padding: 4px
}

.img-circle .attach-image img,
.img-circle .img-ui img {
    border-radius: 50%;
    overflow: hidden
}

.img-rounded .attach-image img,
.img-rounded .img-ui img {
    border-radius: 7px
}

[class*=img-ratio-] .attach-image,
[class*=img-ratio-] .img-ui {
    position: relative;
    display: block;
    background: #000;
    overflow: hidden;
    height: 0
}

    [class*=img-ratio-] .attach-image img,
    [class*=img-ratio-] .img-ui img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%
    }

.img-ratio-1x1 .attach-image,
.img-ratio-1x1 .img-ui {
    padding-top: 100%
}

.img-ratio-4x3 .attach-image,
.img-ratio-4x3 .img-ui {
    padding-top: 75%
}

.img-ratio-16x9 .attach-image,
.img-ratio-16x9 .img-ui {
    padding-top: 56.25%
}

.flex > dl {
    position: relative
}

    .flex > dl > dt {
        float: left;
        clear: left;
        width: 40%;
        margin: 0 0 .7em
    }

.sidebar .flex > dl > dt {
    width: 100%;
    padding-left: 0
}

.flex > dl > dd {
    float: left;
    width: 58%;
    margin: 0;
    position: relative
}

.sidebar .flex > dl > dd {
    width: 100%;
    padding-left: 0
}

.sidebar .flex .resultbar {
    width: 80%;
    padding: 0
}

.sidebar .flex .poll_option_percent {
    position: absolute;
    width: auto;
    bottom: 0;
    right: 0;
    padding: 0
}

.sm-block-spacing {
    margin-bottom: 10px
}

.sm-block-content {
    display: block;
    clear: both;
    overflow: hidden;
    word-wrap: break-word
}

.forabg .sm-block-content {
    margin: 0
}

.sm-block-content li {
    list-style-type: inherit
}

.sm-block-content p:last-of-type {
    margin-bottom: 0
}

.sm-block-container .postbody .codebox {
    display: inline-block;
    position: relative;
    width: 99%;
    margin: 10px 0
}

.sm-block-container .content {
    overflow-x: hidden;
    min-height: 1px;
    padding-top: .3rem
}

.sm-block-container .list-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.sm-block-container .list-inner,
.sm-polar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sm-polar {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.inner-spacing {
    padding: 1em;
    height: auto;
}

.no-padding {
    padding: 0
}

.footer .block .panel {
    background: transparent
}

@media (min-width: 768px) {
    .footer.panel {
        padding: 1rem
    }
}

.sitemaker .horizontal .col {
    padding-bottom: 0
}

.sm-badge .info,
.sm-label .info {
    display: inline-block;
    border: 1px solid #ccc;
    text-align: center;
    padding: 2px 6px
}

    .sm-badge .info a:hover,
    .sm-label .info a:hover {
        opacity: .7;
        text-decoration: none
    }

.primary-color.sm-badge .info,
.sm-label.primary-color .info {
    background-color: #7b7bb5;
    color: #fff
}

    .primary-color.sm-badge .info a,
    .sm-label.primary-color .info a {
        color: #fff
    }

.secondary-color.sm-badge .info,
.sm-label.secondary-color .info {
    background-color: #b5b57b;
    color: #fff
}

    .secondary-color.sm-badge .info a,
    .sm-label.secondary-color .info a {
        color: #fff
    }

.grayscale-color.sm-badge .info,
.sm-label.grayscale-color .info {
    background-color: #989898;
    color: #fff
}

    .grayscale-color.sm-badge .info a,
    .sm-label.grayscale-color .info a {
        color: #fff
    }

.info-color.sm-badge .info,
.sm-label.info-color .info {
    background-color: #c0daed;
    color: #000
}

    .info-color.sm-badge .info a,
    .sm-label.info-color .info a {
        color: #000
    }

.sm-label.success-color .info,
.success-color.sm-badge .info {
    background-color: #a3b579;
    color: #fff
}

    .sm-label.success-color .info a,
    .success-color.sm-badge .info a {
        color: #fff
    }

.sm-label.warning-color .info,
.warning-color.sm-badge .info {
    background-color: #c18920;
    color: #fff
}

    .sm-label.warning-color .info a,
    .warning-color.sm-badge .info a {
        color: #fff
    }

.danger-color.sm-badge .info,
.sm-label.danger-color .info {
    background-color: red;
    color: #fff
}

    .danger-color.sm-badge .info a,
    .sm-label.danger-color .info a {
        color: #fff
    }

.sm-badge .info {
    border-radius: 10px
}

.fa {
    margin-right: 3px
}

.fa-blue {
    color: #00f
}

.fa-gray {
    color: #9b9595
}

.fa-green {
    color: #90af45
}

.fa-orange {
    color: orange
}

.fa-purple {
    color: #820182
}

.fa-red {
    color: red
}

.sm-menu li,
.sm-menu li .sm-nav-item,
.sm-toggle-menu {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit
}

    .sm-menu li label.drop-icon,
    .sm-toggle-menu .drop-icon {
        position: absolute;
        right: 0;
        top: 0
    }

    .sm-menu label.drop-icon,
    .sm-toggle-menu span.drop-icon {
        padding: 1em;
        text-align: center;
        background-color: #333;
        text-shadow: 0 0 0 transparent;
        color: #fff
    }

.sm-clearfix {
    zoom: 1
}

    .sm-clearfix:before {
        content: "";
        display: table
    }

    .sm-clearfix:after {
        content: "";
        display: table;
        clear: both
    }

.sm-menu {
    padding: 0;
    margin: 4px -5px -5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

    .sm-menu ul {
        margin: 0;
        padding: 0;
        z-index: 3000
    }

        .sm-menu ul span.drop-icon {
            display: none
        }

    .sm-menu .main-menu {
        display: none;
        margin: 0
    }

    .sm-menu input[type=checkbox] {
        display: none
    }

        .sm-menu input[type=checkbox]:checked + .sub-menu {
            display: block
        }

    .sm-menu li {
        border: solid #368ad2;
        border-width: 0 0 1px
    }

        .sm-menu li.active {
            margin: -2px 0;
            padding: 2px 0 0;
            border-radius: 0;
            clear: none
        }

        .sm-menu li .sm-nav-item {
            padding: 1em 1.5em;
            -webkit-transition: all .125s ease-in-out;
            transition: all .125s ease-in-out
        }

            .sm-menu li .sm-nav-item:hover {
                background-color: #fff;
                color: #0e9adf
            }

    .sm-menu .sub-menu {
        background-color: #444;
        border: solid #368ad2;
        border-width: 1px 1px 0;
        margin: 0 0 0 1em;
        display: none
    }

        .sm-menu .sub-menu li {
            border: 0
        }

        .sm-menu .sub-menu .sm-nav-item:hover {
            color: #444
        }

        .sm-menu .sub-menu .sm-nav-header {
            background-color: #555;
            color: #ff9
        }

            .sm-menu .sub-menu .sm-nav-header:hover {
                background-color: #555;
                color: #ff9
            }

.sm-toggle-menu {
    border: solid #333;
    border-width: 0 0 1px;
    background: #333;
    padding: 1em 1.5em
}

@media only screen and (min-width: 768px) {
    .sm-menu {
        padding-top: 2px
    }

        .sm-menu .main-menu {
            display: block;
            margin: 0 7px
        }

        .sm-menu li {
            float: left;
            border-width: 0 1px 0 0
        }

            .sm-menu li:hover > input[type=checkbox] + .sub-menu {
                display: block
            }

        .sm-menu .sub-menu {
            border-width: 0;
            margin: 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 12em;
            display: none
        }

            .sm-menu .sub-menu li {
                float: none
            }

            .sm-menu .sub-menu .sub-menu {
                top: 0;
                left: 100%
            }

            .sm-menu .sub-menu .drop-icon {
                position: absolute;
                top: 0;
                right: 0;
                padding: 1em
            }

        .sm-menu label.drop-icon {
            display: none
        }

        .sm-menu ul span.drop-icon {
            display: inline-block;
            margin-left: 5px
        }

        .sm-menu input[type=checkbox]:checked + .sub-menu {
            display: none
        }

    .sm-toggle-menu {
        display: none
    }
}

.sm-tm:checked + .main-menu {
    display: block
}

.edit-mode-btn {
    position: fixed;
    top: 5px;
    right: 5px;
    padding: 12px 15px;
    font-size: 18px;
    border-radius: 100%;
    opacity: .8;
    z-index: 1000
}

    .edit-mode-btn:hover {
        opacity: .6;
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

@media screen and (max-width: 940px) {
    .edit-mode-btn {
        padding: 7px 10px
    }
}

.field-label {
    font-weight: 700;
    margin-top: 1rem
}

.label-hidden {
    display: none;
    height: 0
}

.content .label-hidden,
.sm-content-footer .label-hidden {
    display: block;
    visibility: hidden
}

.label-inline {
    display: inline
}

.content .label-inline:before {
    content: " ";
    display: block;
    height: .5rem;
    white-space: pre
}

.label-newline {
    display: block
}

.d-inline {
    float: none;
    display: inline !important
}

.sm-block-container .postbody,
.sm-full-width {
    width: 100%
}

    .sm-block-container .postbody .content,
    .sm-fill-space,
    .sm-full-width .content {
        overflow: hidden
    }

.sm-content-footer {
    margin-top: 1.2rem
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

@media screen and (max-width: 940px) {
    .sm-responsive-show {
        display: block
    }

    .sm-responsive-hide {
        display: none
    }

    .sm-responsive-full-width {
        width: 100%
    }
}

[class*=grid-],
[class*=grid_],
[class~=grid] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -5px
}

[class*=col-],
[class*=col_],
[class~=col] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 20px;
    max-width: 100%
}

[class*=col_],
[class~=col] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

[class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

[class*=grid-][class*=col-],
[class*=grid-][class*=col_],
[class*=grid-][class~=col],
[class*=grid_][class*=col-],
[class*=grid_][class*=col_],
[class*=grid_][class~=col],
[class~=grid][class*=col-],
[class~=grid][class*=col_],
[class~=grid][class~=col] {
    margin: 0;
    padding: 0
}

[class*=grid-][class*=-noGutter] {
    margin: 0
}

    [class*=grid-][class*=-noGutter] > [class*=col-],
    [class*=grid-][class*=-noGutter] > [class~=col] {
        padding: 0
    }

[class*=grid-][class*=-noWrap] {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

[class*=grid-][class*=-center] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

[class*=grid-][class*=-right] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

[class*=grid-][class*=-top] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[class*=grid-][class*=-middle] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[class*=grid-][class*=-bottom] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

[class*=grid-][class*=-reverse] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[class*=grid-][class*=-column] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    [class*=grid-][class*=-column] > [class*=col-] {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

[class*=grid-][class*=-column-reverse] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

[class*=grid-][class*=-spaceBetween] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[class*=grid-][class*=-spaceAround] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

[class*=grid-][class*=-equalHeight] > [class*=col-],
[class*=grid-][class*=-equalHeight] > [class*=col_],
[class*=grid-][class*=-equalHeight] > [class~=col] {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

    [class*=grid-][class*=-equalHeight] > [class*=col-] > *,
    [class*=grid-][class*=-equalHeight] > [class*=col_] > *,
    [class*=grid-][class*=-equalHeight] > [class~=col] > * {
        height: 100%
    }

[class*=grid-][class*=-noBottom] > [class*=col-],
[class*=grid-][class*=-noBottom] > [class*=col_],
[class*=grid-][class*=-noBottom] > [class~=col] {
    padding-bottom: 0
}

[class*=col-][class*=-top] {
    -ms-flex-item-align: start;
    align-self: flex-start
}

[class*=col-][class*=-middle] {
    -ms-flex-item-align: center;
    align-self: center
}

[class*=col-][class*=-bottom] {
    -ms-flex-item-align: end;
    align-self: flex-end
}

[class*=col-][class*=-first] {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

[class*=col-][class*=-last] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

[class*=grid-1] > [class*=col-],
[class*=grid-1] > [class*=col_],
[class*=grid-1] > [class~=col] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid-2] > [class*=col-],
[class*=grid-2] > [class*=col_],
[class*=grid-2] > [class~=col] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid-3] > [class*=col-],
[class*=grid-3] > [class*=col_],
[class*=grid-3] > [class~=col] {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class*=grid-4] > [class*=col-],
[class*=grid-4] > [class*=col_],
[class*=grid-4] > [class~=col] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid-5] > [class*=col-],
[class*=grid-5] > [class*=col_],
[class*=grid-5] > [class~=col] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

[class*=grid-6] > [class*=col-],
[class*=grid-6] > [class*=col_],
[class*=grid-6] > [class~=col] {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class*=grid-7] > [class*=col-],
[class*=grid-7] > [class*=col_],
[class*=grid-7] > [class~=col] {
    -ms-flex-preferred-size: 14.28571%;
    flex-basis: 14.28571%;
    max-width: 14.28571%
}

[class*=grid-8] > [class*=col-],
[class*=grid-8] > [class*=col_],
[class*=grid-8] > [class~=col] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%
}

[class*=grid-9] > [class*=col-],
[class*=grid-9] > [class*=col_],
[class*=grid-9] > [class~=col] {
    -ms-flex-preferred-size: 11.11111%;
    flex-basis: 11.11111%;
    max-width: 11.11111%
}

[class*=grid-10] > [class*=col-],
[class*=grid-10] > [class*=col_],
[class*=grid-10] > [class~=col] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%
}

[class*=grid-11] > [class*=col-],
[class*=grid-11] > [class*=col_],
[class*=grid-11] > [class~=col] {
    -ms-flex-preferred-size: 9.09091%;
    flex-basis: 9.09091%;
    max-width: 9.09091%
}

[class*=grid-12] > [class*=col-],
[class*=grid-12] > [class*=col_],
[class*=grid-12] > [class~=col] {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

@media (max-width: 80em) {
    [class*=_lg-1] > [class*=col-],
    [class*=_lg-1] > [class*=col_],
    [class*=_lg-1] > [class~=col] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_lg-2] > [class*=col-],
    [class*=_lg-2] > [class*=col_],
    [class*=_lg-2] > [class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_lg-3] > [class*=col-],
    [class*=_lg-3] > [class*=col_],
    [class*=_lg-3] > [class~=col] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_lg-4] > [class*=col-],
    [class*=_lg-4] > [class*=col_],
    [class*=_lg-4] > [class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_lg-5] > [class*=col-],
    [class*=_lg-5] > [class*=col_],
    [class*=_lg-5] > [class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_lg-6] > [class*=col-],
    [class*=_lg-6] > [class*=col_],
    [class*=_lg-6] > [class~=col] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_lg-7] > [class*=col-],
    [class*=_lg-7] > [class*=col_],
    [class*=_lg-7] > [class~=col] {
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_lg-8] > [class*=col-],
    [class*=_lg-8] > [class*=col_],
    [class*=_lg-8] > [class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_lg-9] > [class*=col-],
    [class*=_lg-9] > [class*=col_],
    [class*=_lg-9] > [class~=col] {
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_lg-10] > [class*=col-],
    [class*=_lg-10] > [class*=col_],
    [class*=_lg-10] > [class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_lg-11] > [class*=col-],
    [class*=_lg-11] > [class*=col_],
    [class*=_lg-11] > [class~=col] {
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_lg-12] > [class*=col-],
    [class*=_lg-12] > [class*=col_],
    [class*=_lg-12] > [class~=col] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 64em) {
    [class*=_md-1] > [class*=col-],
    [class*=_md-1] > [class*=col_],
    [class*=_md-1] > [class~=col] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_md-2] > [class*=col-],
    [class*=_md-2] > [class*=col_],
    [class*=_md-2] > [class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_md-3] > [class*=col-],
    [class*=_md-3] > [class*=col_],
    [class*=_md-3] > [class~=col] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_md-4] > [class*=col-],
    [class*=_md-4] > [class*=col_],
    [class*=_md-4] > [class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_md-5] > [class*=col-],
    [class*=_md-5] > [class*=col_],
    [class*=_md-5] > [class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_md-6] > [class*=col-],
    [class*=_md-6] > [class*=col_],
    [class*=_md-6] > [class~=col] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_md-7] > [class*=col-],
    [class*=_md-7] > [class*=col_],
    [class*=_md-7] > [class~=col] {
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_md-8] > [class*=col-],
    [class*=_md-8] > [class*=col_],
    [class*=_md-8] > [class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_md-9] > [class*=col-],
    [class*=_md-9] > [class*=col_],
    [class*=_md-9] > [class~=col] {
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_md-10] > [class*=col-],
    [class*=_md-10] > [class*=col_],
    [class*=_md-10] > [class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_md-11] > [class*=col-],
    [class*=_md-11] > [class*=col_],
    [class*=_md-11] > [class~=col] {
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_md-12] > [class*=col-],
    [class*=_md-12] > [class*=col_],
    [class*=_md-12] > [class~=col] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 48em) {
    [class*=_sm-1] > [class*=col-],
    [class*=_sm-1] > [class*=col_],
    [class*=_sm-1] > [class~=col] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_sm-2] > [class*=col-],
    [class*=_sm-2] > [class*=col_],
    [class*=_sm-2] > [class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_sm-3] > [class*=col-],
    [class*=_sm-3] > [class*=col_],
    [class*=_sm-3] > [class~=col] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_sm-4] > [class*=col-],
    [class*=_sm-4] > [class*=col_],
    [class*=_sm-4] > [class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_sm-5] > [class*=col-],
    [class*=_sm-5] > [class*=col_],
    [class*=_sm-5] > [class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_sm-6] > [class*=col-],
    [class*=_sm-6] > [class*=col_],
    [class*=_sm-6] > [class~=col] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_sm-7] > [class*=col-],
    [class*=_sm-7] > [class*=col_],
    [class*=_sm-7] > [class~=col] {
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_sm-8] > [class*=col-],
    [class*=_sm-8] > [class*=col_],
    [class*=_sm-8] > [class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_sm-9] > [class*=col-],
    [class*=_sm-9] > [class*=col_],
    [class*=_sm-9] > [class~=col] {
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_sm-10] > [class*=col-],
    [class*=_sm-10] > [class*=col_],
    [class*=_sm-10] > [class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_sm-11] > [class*=col-],
    [class*=_sm-11] > [class*=col_],
    [class*=_sm-11] > [class~=col] {
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_sm-12] > [class*=col-],
    [class*=_sm-12] > [class*=col_],
    [class*=_sm-12] > [class~=col] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

@media (max-width: 36em) {
    [class*=_xs-1] > [class*=col-],
    [class*=_xs-1] > [class*=col_],
    [class*=_xs-1] > [class~=col] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_xs-2] > [class*=col-],
    [class*=_xs-2] > [class*=col_],
    [class*=_xs-2] > [class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_xs-3] > [class*=col-],
    [class*=_xs-3] > [class*=col_],
    [class*=_xs-3] > [class~=col] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=_xs-4] > [class*=col-],
    [class*=_xs-4] > [class*=col_],
    [class*=_xs-4] > [class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_xs-5] > [class*=col-],
    [class*=_xs-5] > [class*=col_],
    [class*=_xs-5] > [class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_xs-6] > [class*=col-],
    [class*=_xs-6] > [class*=col_],
    [class*=_xs-6] > [class~=col] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=_xs-7] > [class*=col-],
    [class*=_xs-7] > [class*=col_],
    [class*=_xs-7] > [class~=col] {
        -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }

    [class*=_xs-8] > [class*=col-],
    [class*=_xs-8] > [class*=col_],
    [class*=_xs-8] > [class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_xs-9] > [class*=col-],
    [class*=_xs-9] > [class*=col_],
    [class*=_xs-9] > [class~=col] {
        -ms-flex-preferred-size: 11.11111%;
        flex-basis: 11.11111%;
        max-width: 11.11111%
    }

    [class*=_xs-10] > [class*=col-],
    [class*=_xs-10] > [class*=col_],
    [class*=_xs-10] > [class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_xs-11] > [class*=col-],
    [class*=_xs-11] > [class*=col_],
    [class*=_xs-11] > [class~=col] {
        -ms-flex-preferred-size: 9.09091%;
        flex-basis: 9.09091%;
        max-width: 9.09091%
    }

    [class*=_xs-12] > [class*=col-],
    [class*=_xs-12] > [class*=col_],
    [class*=_xs-12] > [class~=col] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
}

[class*=grid-] > [class*=col-1],
[class*=grid_] > [class*=col-1],
[class~=grid] > [class*=col-1] {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

[class*=grid-] > [class*=col-2],
[class*=grid_] > [class*=col-2],
[class~=grid] > [class*=col-2] {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class*=grid-] > [class*=col-3],
[class*=grid_] > [class*=col-3],
[class~=grid] > [class*=col-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid-] > [class*=col-4],
[class*=grid_] > [class*=col-4],
[class~=grid] > [class*=col-4] {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class*=grid-] > [class*=col-5],
[class*=grid_] > [class*=col-5],
[class~=grid] > [class*=col-5] {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

[class*=grid-] > [class*=col-6],
[class*=grid_] > [class*=col-6],
[class~=grid] > [class*=col-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid-] > [class*=col-7],
[class*=grid_] > [class*=col-7],
[class~=grid] > [class*=col-7] {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

[class*=grid-] > [class*=col-8],
[class*=grid_] > [class*=col-8],
[class~=grid] > [class*=col-8] {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

[class*=grid-] > [class*=col-9],
[class*=grid_] > [class*=col-9],
[class~=grid] > [class*=col-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

[class*=grid-] > [class*=col-10],
[class*=grid_] > [class*=col-10],
[class~=grid] > [class*=col-10] {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

[class*=grid-] > [class*=col-11],
[class*=grid_] > [class*=col-11],
[class~=grid] > [class*=col-11] {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

[class*=grid-] > [class*=col-12],
[class*=grid_] > [class*=col-12],
[class~=grid] > [class*=col-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid-] > [data-push-left*=off-0],
[class*=grid_] > [data-push-left*=off-0],
[class~=grid] > [data-push-left*=off-0] {
    margin-left: 0
}

[class*=grid-] > [data-push-left*=off-1],
[class*=grid_] > [data-push-left*=off-1],
[class~=grid] > [data-push-left*=off-1] {
    margin-left: 8.33333%
}

[class*=grid-] > [data-push-left*=off-2],
[class*=grid_] > [data-push-left*=off-2],
[class~=grid] > [data-push-left*=off-2] {
    margin-left: 16.66667%
}

[class*=grid-] > [data-push-left*=off-3],
[class*=grid_] > [data-push-left*=off-3],
[class~=grid] > [data-push-left*=off-3] {
    margin-left: 25%
}

[class*=grid-] > [data-push-left*=off-4],
[class*=grid_] > [data-push-left*=off-4],
[class~=grid] > [data-push-left*=off-4] {
    margin-left: 33.33333%
}

[class*=grid-] > [data-push-left*=off-5],
[class*=grid_] > [data-push-left*=off-5],
[class~=grid] > [data-push-left*=off-5] {
    margin-left: 41.66667%
}

[class*=grid-] > [data-push-left*=off-6],
[class*=grid_] > [data-push-left*=off-6],
[class~=grid] > [data-push-left*=off-6] {
    margin-left: 50%
}

[class*=grid-] > [data-push-left*=off-7],
[class*=grid_] > [data-push-left*=off-7],
[class~=grid] > [data-push-left*=off-7] {
    margin-left: 58.33333%
}

[class*=grid-] > [data-push-left*=off-8],
[class*=grid_] > [data-push-left*=off-8],
[class~=grid] > [data-push-left*=off-8] {
    margin-left: 66.66667%
}

[class*=grid-] > [data-push-left*=off-9],
[class*=grid_] > [data-push-left*=off-9],
[class~=grid] > [data-push-left*=off-9] {
    margin-left: 75%
}

[class*=grid-] > [data-push-left*=off-10],
[class*=grid_] > [data-push-left*=off-10],
[class~=grid] > [data-push-left*=off-10] {
    margin-left: 83.33333%
}

[class*=grid-] > [data-push-left*=off-11],
[class*=grid_] > [data-push-left*=off-11],
[class~=grid] > [data-push-left*=off-11] {
    margin-left: 91.66667%
}

[class*=grid-] > [data-push-right*=off-0],
[class*=grid_] > [data-push-right*=off-0],
[class~=grid] > [data-push-right*=off-0] {
    margin-right: 0
}

[class*=grid-] > [data-push-right*=off-1],
[class*=grid_] > [data-push-right*=off-1],
[class~=grid] > [data-push-right*=off-1] {
    margin-right: 8.33333%
}

[class*=grid-] > [data-push-right*=off-2],
[class*=grid_] > [data-push-right*=off-2],
[class~=grid] > [data-push-right*=off-2] {
    margin-right: 16.66667%
}

[class*=grid-] > [data-push-right*=off-3],
[class*=grid_] > [data-push-right*=off-3],
[class~=grid] > [data-push-right*=off-3] {
    margin-right: 25%
}

[class*=grid-] > [data-push-right*=off-4],
[class*=grid_] > [data-push-right*=off-4],
[class~=grid] > [data-push-right*=off-4] {
    margin-right: 33.33333%
}

[class*=grid-] > [data-push-right*=off-5],
[class*=grid_] > [data-push-right*=off-5],
[class~=grid] > [data-push-right*=off-5] {
    margin-right: 41.66667%
}

[class*=grid-] > [data-push-right*=off-6],
[class*=grid_] > [data-push-right*=off-6],
[class~=grid] > [data-push-right*=off-6] {
    margin-right: 50%
}

[class*=grid-] > [data-push-right*=off-7],
[class*=grid_] > [data-push-right*=off-7],
[class~=grid] > [data-push-right*=off-7] {
    margin-right: 58.33333%
}

[class*=grid-] > [data-push-right*=off-8],
[class*=grid_] > [data-push-right*=off-8],
[class~=grid] > [data-push-right*=off-8] {
    margin-right: 66.66667%
}

[class*=grid-] > [data-push-right*=off-9],
[class*=grid_] > [data-push-right*=off-9],
[class~=grid] > [data-push-right*=off-9] {
    margin-right: 75%
}

[class*=grid-] > [data-push-right*=off-10],
[class*=grid_] > [data-push-right*=off-10],
[class~=grid] > [data-push-right*=off-10] {
    margin-right: 83.33333%
}

[class*=grid-] > [data-push-right*=off-11],
[class*=grid_] > [data-push-right*=off-11],
[class~=grid] > [data-push-right*=off-11] {
    margin-right: 91.66667%
}

@media (max-width: 80em) {
    [class*=grid-] > [class*=_lg-1],
    [class*=grid_] > [class*=_lg-1],
    [class~=grid] > [class*=_lg-1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-] > [class*=_lg-2],
    [class*=grid_] > [class*=_lg-2],
    [class~=grid] > [class*=_lg-2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-] > [class*=_lg-3],
    [class*=grid_] > [class*=_lg-3],
    [class~=grid] > [class*=_lg-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-] > [class*=_lg-4],
    [class*=grid_] > [class*=_lg-4],
    [class~=grid] > [class*=_lg-4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-] > [class*=_lg-5],
    [class*=grid_] > [class*=_lg-5],
    [class~=grid] > [class*=_lg-5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-] > [class*=_lg-6],
    [class*=grid_] > [class*=_lg-6],
    [class~=grid] > [class*=_lg-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-] > [class*=_lg-7],
    [class*=grid_] > [class*=_lg-7],
    [class~=grid] > [class*=_lg-7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-] > [class*=_lg-8],
    [class*=grid_] > [class*=_lg-8],
    [class~=grid] > [class*=_lg-8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-] > [class*=_lg-9],
    [class*=grid_] > [class*=_lg-9],
    [class~=grid] > [class*=_lg-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-] > [class*=_lg-10],
    [class*=grid_] > [class*=_lg-10],
    [class~=grid] > [class*=_lg-10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-] > [class*=_lg-11],
    [class*=grid_] > [class*=_lg-11],
    [class~=grid] > [class*=_lg-11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-] > [class*=_lg-12],
    [class*=grid_] > [class*=_lg-12],
    [class~=grid] > [class*=_lg-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-] > [data-push-left*=_lg-0],
    [class*=grid_] > [data-push-left*=_lg-0],
    [class~=grid] > [data-push-left*=_lg-0] {
        margin-left: 0
    }

    [class*=grid-] > [data-push-left*=_lg-1],
    [class*=grid_] > [data-push-left*=_lg-1],
    [class~=grid] > [data-push-left*=_lg-1] {
        margin-left: 8.33333%
    }

    [class*=grid-] > [data-push-left*=_lg-2],
    [class*=grid_] > [data-push-left*=_lg-2],
    [class~=grid] > [data-push-left*=_lg-2] {
        margin-left: 16.66667%
    }

    [class*=grid-] > [data-push-left*=_lg-3],
    [class*=grid_] > [data-push-left*=_lg-3],
    [class~=grid] > [data-push-left*=_lg-3] {
        margin-left: 25%
    }

    [class*=grid-] > [data-push-left*=_lg-4],
    [class*=grid_] > [data-push-left*=_lg-4],
    [class~=grid] > [data-push-left*=_lg-4] {
        margin-left: 33.33333%
    }

    [class*=grid-] > [data-push-left*=_lg-5],
    [class*=grid_] > [data-push-left*=_lg-5],
    [class~=grid] > [data-push-left*=_lg-5] {
        margin-left: 41.66667%
    }

    [class*=grid-] > [data-push-left*=_lg-6],
    [class*=grid_] > [data-push-left*=_lg-6],
    [class~=grid] > [data-push-left*=_lg-6] {
        margin-left: 50%
    }

    [class*=grid-] > [data-push-left*=_lg-7],
    [class*=grid_] > [data-push-left*=_lg-7],
    [class~=grid] > [data-push-left*=_lg-7] {
        margin-left: 58.33333%
    }

    [class*=grid-] > [data-push-left*=_lg-8],
    [class*=grid_] > [data-push-left*=_lg-8],
    [class~=grid] > [data-push-left*=_lg-8] {
        margin-left: 66.66667%
    }

    [class*=grid-] > [data-push-left*=_lg-9],
    [class*=grid_] > [data-push-left*=_lg-9],
    [class~=grid] > [data-push-left*=_lg-9] {
        margin-left: 75%
    }

    [class*=grid-] > [data-push-left*=_lg-10],
    [class*=grid_] > [data-push-left*=_lg-10],
    [class~=grid] > [data-push-left*=_lg-10] {
        margin-left: 83.33333%
    }

    [class*=grid-] > [data-push-left*=_lg-11],
    [class*=grid_] > [data-push-left*=_lg-11],
    [class~=grid] > [data-push-left*=_lg-11] {
        margin-left: 91.66667%
    }

    [class*=grid-] > [data-push-right*=_lg-0],
    [class*=grid_] > [data-push-right*=_lg-0],
    [class~=grid] > [data-push-right*=_lg-0] {
        margin-right: 0
    }

    [class*=grid-] > [data-push-right*=_lg-1],
    [class*=grid_] > [data-push-right*=_lg-1],
    [class~=grid] > [data-push-right*=_lg-1] {
        margin-right: 8.33333%
    }

    [class*=grid-] > [data-push-right*=_lg-2],
    [class*=grid_] > [data-push-right*=_lg-2],
    [class~=grid] > [data-push-right*=_lg-2] {
        margin-right: 16.66667%
    }

    [class*=grid-] > [data-push-right*=_lg-3],
    [class*=grid_] > [data-push-right*=_lg-3],
    [class~=grid] > [data-push-right*=_lg-3] {
        margin-right: 25%
    }

    [class*=grid-] > [data-push-right*=_lg-4],
    [class*=grid_] > [data-push-right*=_lg-4],
    [class~=grid] > [data-push-right*=_lg-4] {
        margin-right: 33.33333%
    }

    [class*=grid-] > [data-push-right*=_lg-5],
    [class*=grid_] > [data-push-right*=_lg-5],
    [class~=grid] > [data-push-right*=_lg-5] {
        margin-right: 41.66667%
    }

    [class*=grid-] > [data-push-right*=_lg-6],
    [class*=grid_] > [data-push-right*=_lg-6],
    [class~=grid] > [data-push-right*=_lg-6] {
        margin-right: 50%
    }

    [class*=grid-] > [data-push-right*=_lg-7],
    [class*=grid_] > [data-push-right*=_lg-7],
    [class~=grid] > [data-push-right*=_lg-7] {
        margin-right: 58.33333%
    }

    [class*=grid-] > [data-push-right*=_lg-8],
    [class*=grid_] > [data-push-right*=_lg-8],
    [class~=grid] > [data-push-right*=_lg-8] {
        margin-right: 66.66667%
    }

    [class*=grid-] > [data-push-right*=_lg-9],
    [class*=grid_] > [data-push-right*=_lg-9],
    [class~=grid] > [data-push-right*=_lg-9] {
        margin-right: 75%
    }

    [class*=grid-] > [data-push-right*=_lg-10],
    [class*=grid_] > [data-push-right*=_lg-10],
    [class~=grid] > [data-push-right*=_lg-10] {
        margin-right: 83.33333%
    }

    [class*=grid-] > [data-push-right*=_lg-11],
    [class*=grid_] > [data-push-right*=_lg-11],
    [class~=grid] > [data-push-right*=_lg-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_lg-first],
    [class*=grid_] [class*=_lg-first],
    [class~=grid] [class*=_lg-first] {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid-] [class*=_lg-last],
    [class*=grid_] [class*=_lg-last],
    [class~=grid] [class*=_lg-last] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 64em) {
    [class*=grid-] > [class*=_md-1],
    [class*=grid_] > [class*=_md-1],
    [class~=grid] > [class*=_md-1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-] > [class*=_md-2],
    [class*=grid_] > [class*=_md-2],
    [class~=grid] > [class*=_md-2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-] > [class*=_md-3],
    [class*=grid_] > [class*=_md-3],
    [class~=grid] > [class*=_md-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-] > [class*=_md-4],
    [class*=grid_] > [class*=_md-4],
    [class~=grid] > [class*=_md-4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-] > [class*=_md-5],
    [class*=grid_] > [class*=_md-5],
    [class~=grid] > [class*=_md-5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-] > [class*=_md-6],
    [class*=grid_] > [class*=_md-6],
    [class~=grid] > [class*=_md-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-] > [class*=_md-7],
    [class*=grid_] > [class*=_md-7],
    [class~=grid] > [class*=_md-7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-] > [class*=_md-8],
    [class*=grid_] > [class*=_md-8],
    [class~=grid] > [class*=_md-8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-] > [class*=_md-9],
    [class*=grid_] > [class*=_md-9],
    [class~=grid] > [class*=_md-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-] > [class*=_md-10],
    [class*=grid_] > [class*=_md-10],
    [class~=grid] > [class*=_md-10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-] > [class*=_md-11],
    [class*=grid_] > [class*=_md-11],
    [class~=grid] > [class*=_md-11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-] > [class*=_md-12],
    [class*=grid_] > [class*=_md-12],
    [class~=grid] > [class*=_md-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-] > [data-push-left*=_md-0],
    [class*=grid_] > [data-push-left*=_md-0],
    [class~=grid] > [data-push-left*=_md-0] {
        margin-left: 0
    }

    [class*=grid-] > [data-push-left*=_md-1],
    [class*=grid_] > [data-push-left*=_md-1],
    [class~=grid] > [data-push-left*=_md-1] {
        margin-left: 8.33333%
    }

    [class*=grid-] > [data-push-left*=_md-2],
    [class*=grid_] > [data-push-left*=_md-2],
    [class~=grid] > [data-push-left*=_md-2] {
        margin-left: 16.66667%
    }

    [class*=grid-] > [data-push-left*=_md-3],
    [class*=grid_] > [data-push-left*=_md-3],
    [class~=grid] > [data-push-left*=_md-3] {
        margin-left: 25%
    }

    [class*=grid-] > [data-push-left*=_md-4],
    [class*=grid_] > [data-push-left*=_md-4],
    [class~=grid] > [data-push-left*=_md-4] {
        margin-left: 33.33333%
    }

    [class*=grid-] > [data-push-left*=_md-5],
    [class*=grid_] > [data-push-left*=_md-5],
    [class~=grid] > [data-push-left*=_md-5] {
        margin-left: 41.66667%
    }

    [class*=grid-] > [data-push-left*=_md-6],
    [class*=grid_] > [data-push-left*=_md-6],
    [class~=grid] > [data-push-left*=_md-6] {
        margin-left: 50%
    }

    [class*=grid-] > [data-push-left*=_md-7],
    [class*=grid_] > [data-push-left*=_md-7],
    [class~=grid] > [data-push-left*=_md-7] {
        margin-left: 58.33333%
    }

    [class*=grid-] > [data-push-left*=_md-8],
    [class*=grid_] > [data-push-left*=_md-8],
    [class~=grid] > [data-push-left*=_md-8] {
        margin-left: 66.66667%
    }

    [class*=grid-] > [data-push-left*=_md-9],
    [class*=grid_] > [data-push-left*=_md-9],
    [class~=grid] > [data-push-left*=_md-9] {
        margin-left: 75%
    }

    [class*=grid-] > [data-push-left*=_md-10],
    [class*=grid_] > [data-push-left*=_md-10],
    [class~=grid] > [data-push-left*=_md-10] {
        margin-left: 83.33333%
    }

    [class*=grid-] > [data-push-left*=_md-11],
    [class*=grid_] > [data-push-left*=_md-11],
    [class~=grid] > [data-push-left*=_md-11] {
        margin-left: 91.66667%
    }

    [class*=grid-] > [data-push-right*=_md-0],
    [class*=grid_] > [data-push-right*=_md-0],
    [class~=grid] > [data-push-right*=_md-0] {
        margin-right: 0
    }

    [class*=grid-] > [data-push-right*=_md-1],
    [class*=grid_] > [data-push-right*=_md-1],
    [class~=grid] > [data-push-right*=_md-1] {
        margin-right: 8.33333%
    }

    [class*=grid-] > [data-push-right*=_md-2],
    [class*=grid_] > [data-push-right*=_md-2],
    [class~=grid] > [data-push-right*=_md-2] {
        margin-right: 16.66667%
    }

    [class*=grid-] > [data-push-right*=_md-3],
    [class*=grid_] > [data-push-right*=_md-3],
    [class~=grid] > [data-push-right*=_md-3] {
        margin-right: 25%
    }

    [class*=grid-] > [data-push-right*=_md-4],
    [class*=grid_] > [data-push-right*=_md-4],
    [class~=grid] > [data-push-right*=_md-4] {
        margin-right: 33.33333%
    }

    [class*=grid-] > [data-push-right*=_md-5],
    [class*=grid_] > [data-push-right*=_md-5],
    [class~=grid] > [data-push-right*=_md-5] {
        margin-right: 41.66667%
    }

    [class*=grid-] > [data-push-right*=_md-6],
    [class*=grid_] > [data-push-right*=_md-6],
    [class~=grid] > [data-push-right*=_md-6] {
        margin-right: 50%
    }

    [class*=grid-] > [data-push-right*=_md-7],
    [class*=grid_] > [data-push-right*=_md-7],
    [class~=grid] > [data-push-right*=_md-7] {
        margin-right: 58.33333%
    }

    [class*=grid-] > [data-push-right*=_md-8],
    [class*=grid_] > [data-push-right*=_md-8],
    [class~=grid] > [data-push-right*=_md-8] {
        margin-right: 66.66667%
    }

    [class*=grid-] > [data-push-right*=_md-9],
    [class*=grid_] > [data-push-right*=_md-9],
    [class~=grid] > [data-push-right*=_md-9] {
        margin-right: 75%
    }

    [class*=grid-] > [data-push-right*=_md-10],
    [class*=grid_] > [data-push-right*=_md-10],
    [class~=grid] > [data-push-right*=_md-10] {
        margin-right: 83.33333%
    }

    [class*=grid-] > [data-push-right*=_md-11],
    [class*=grid_] > [data-push-right*=_md-11],
    [class~=grid] > [data-push-right*=_md-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_md-first],
    [class*=grid_] [class*=_md-first],
    [class~=grid] [class*=_md-first] {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid-] [class*=_md-last],
    [class*=grid_] [class*=_md-last],
    [class~=grid] [class*=_md-last] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 48em) {
    [class*=grid-] > [class*=_sm-1],
    [class*=grid_] > [class*=_sm-1],
    [class~=grid] > [class*=_sm-1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-] > [class*=_sm-2],
    [class*=grid_] > [class*=_sm-2],
    [class~=grid] > [class*=_sm-2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-] > [class*=_sm-3],
    [class*=grid_] > [class*=_sm-3],
    [class~=grid] > [class*=_sm-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-] > [class*=_sm-4],
    [class*=grid_] > [class*=_sm-4],
    [class~=grid] > [class*=_sm-4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-] > [class*=_sm-5],
    [class*=grid_] > [class*=_sm-5],
    [class~=grid] > [class*=_sm-5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-] > [class*=_sm-6],
    [class*=grid_] > [class*=_sm-6],
    [class~=grid] > [class*=_sm-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-] > [class*=_sm-7],
    [class*=grid_] > [class*=_sm-7],
    [class~=grid] > [class*=_sm-7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-] > [class*=_sm-8],
    [class*=grid_] > [class*=_sm-8],
    [class~=grid] > [class*=_sm-8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-] > [class*=_sm-9],
    [class*=grid_] > [class*=_sm-9],
    [class~=grid] > [class*=_sm-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-] > [class*=_sm-10],
    [class*=grid_] > [class*=_sm-10],
    [class~=grid] > [class*=_sm-10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-] > [class*=_sm-11],
    [class*=grid_] > [class*=_sm-11],
    [class~=grid] > [class*=_sm-11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-] > [class*=_sm-12],
    [class*=grid_] > [class*=_sm-12],
    [class~=grid] > [class*=_sm-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-] > [data-push-left*=_sm-0],
    [class*=grid_] > [data-push-left*=_sm-0],
    [class~=grid] > [data-push-left*=_sm-0] {
        margin-left: 0
    }

    [class*=grid-] > [data-push-left*=_sm-1],
    [class*=grid_] > [data-push-left*=_sm-1],
    [class~=grid] > [data-push-left*=_sm-1] {
        margin-left: 8.33333%
    }

    [class*=grid-] > [data-push-left*=_sm-2],
    [class*=grid_] > [data-push-left*=_sm-2],
    [class~=grid] > [data-push-left*=_sm-2] {
        margin-left: 16.66667%
    }

    [class*=grid-] > [data-push-left*=_sm-3],
    [class*=grid_] > [data-push-left*=_sm-3],
    [class~=grid] > [data-push-left*=_sm-3] {
        margin-left: 25%
    }

    [class*=grid-] > [data-push-left*=_sm-4],
    [class*=grid_] > [data-push-left*=_sm-4],
    [class~=grid] > [data-push-left*=_sm-4] {
        margin-left: 33.33333%
    }

    [class*=grid-] > [data-push-left*=_sm-5],
    [class*=grid_] > [data-push-left*=_sm-5],
    [class~=grid] > [data-push-left*=_sm-5] {
        margin-left: 41.66667%
    }

    [class*=grid-] > [data-push-left*=_sm-6],
    [class*=grid_] > [data-push-left*=_sm-6],
    [class~=grid] > [data-push-left*=_sm-6] {
        margin-left: 50%
    }

    [class*=grid-] > [data-push-left*=_sm-7],
    [class*=grid_] > [data-push-left*=_sm-7],
    [class~=grid] > [data-push-left*=_sm-7] {
        margin-left: 58.33333%
    }

    [class*=grid-] > [data-push-left*=_sm-8],
    [class*=grid_] > [data-push-left*=_sm-8],
    [class~=grid] > [data-push-left*=_sm-8] {
        margin-left: 66.66667%
    }

    [class*=grid-] > [data-push-left*=_sm-9],
    [class*=grid_] > [data-push-left*=_sm-9],
    [class~=grid] > [data-push-left*=_sm-9] {
        margin-left: 75%
    }

    [class*=grid-] > [data-push-left*=_sm-10],
    [class*=grid_] > [data-push-left*=_sm-10],
    [class~=grid] > [data-push-left*=_sm-10] {
        margin-left: 83.33333%
    }

    [class*=grid-] > [data-push-left*=_sm-11],
    [class*=grid_] > [data-push-left*=_sm-11],
    [class~=grid] > [data-push-left*=_sm-11] {
        margin-left: 91.66667%
    }

    [class*=grid-] > [data-push-right*=_sm-0],
    [class*=grid_] > [data-push-right*=_sm-0],
    [class~=grid] > [data-push-right*=_sm-0] {
        margin-right: 0
    }

    [class*=grid-] > [data-push-right*=_sm-1],
    [class*=grid_] > [data-push-right*=_sm-1],
    [class~=grid] > [data-push-right*=_sm-1] {
        margin-right: 8.33333%
    }

    [class*=grid-] > [data-push-right*=_sm-2],
    [class*=grid_] > [data-push-right*=_sm-2],
    [class~=grid] > [data-push-right*=_sm-2] {
        margin-right: 16.66667%
    }

    [class*=grid-] > [data-push-right*=_sm-3],
    [class*=grid_] > [data-push-right*=_sm-3],
    [class~=grid] > [data-push-right*=_sm-3] {
        margin-right: 25%
    }

    [class*=grid-] > [data-push-right*=_sm-4],
    [class*=grid_] > [data-push-right*=_sm-4],
    [class~=grid] > [data-push-right*=_sm-4] {
        margin-right: 33.33333%
    }

    [class*=grid-] > [data-push-right*=_sm-5],
    [class*=grid_] > [data-push-right*=_sm-5],
    [class~=grid] > [data-push-right*=_sm-5] {
        margin-right: 41.66667%
    }

    [class*=grid-] > [data-push-right*=_sm-6],
    [class*=grid_] > [data-push-right*=_sm-6],
    [class~=grid] > [data-push-right*=_sm-6] {
        margin-right: 50%
    }

    [class*=grid-] > [data-push-right*=_sm-7],
    [class*=grid_] > [data-push-right*=_sm-7],
    [class~=grid] > [data-push-right*=_sm-7] {
        margin-right: 58.33333%
    }

    [class*=grid-] > [data-push-right*=_sm-8],
    [class*=grid_] > [data-push-right*=_sm-8],
    [class~=grid] > [data-push-right*=_sm-8] {
        margin-right: 66.66667%
    }

    [class*=grid-] > [data-push-right*=_sm-9],
    [class*=grid_] > [data-push-right*=_sm-9],
    [class~=grid] > [data-push-right*=_sm-9] {
        margin-right: 75%
    }

    [class*=grid-] > [data-push-right*=_sm-10],
    [class*=grid_] > [data-push-right*=_sm-10],
    [class~=grid] > [data-push-right*=_sm-10] {
        margin-right: 83.33333%
    }

    [class*=grid-] > [data-push-right*=_sm-11],
    [class*=grid_] > [data-push-right*=_sm-11],
    [class~=grid] > [data-push-right*=_sm-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_sm-first],
    [class*=grid_] [class*=_sm-first],
    [class~=grid] [class*=_sm-first] {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid-] [class*=_sm-last],
    [class*=grid_] [class*=_sm-last],
    [class~=grid] [class*=_sm-last] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 36em) {
    [class*=grid-] > [class*=_xs-1],
    [class*=grid_] > [class*=_xs-1],
    [class~=grid] > [class*=_xs-1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=grid-] > [class*=_xs-2],
    [class*=grid_] > [class*=_xs-2],
    [class~=grid] > [class*=_xs-2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=grid-] > [class*=_xs-3],
    [class*=grid_] > [class*=_xs-3],
    [class~=grid] > [class*=_xs-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid-] > [class*=_xs-4],
    [class*=grid_] > [class*=_xs-4],
    [class~=grid] > [class*=_xs-4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=grid-] > [class*=_xs-5],
    [class*=grid_] > [class*=_xs-5],
    [class~=grid] > [class*=_xs-5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=grid-] > [class*=_xs-6],
    [class*=grid_] > [class*=_xs-6],
    [class~=grid] > [class*=_xs-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid-] > [class*=_xs-7],
    [class*=grid_] > [class*=_xs-7],
    [class~=grid] > [class*=_xs-7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=grid-] > [class*=_xs-8],
    [class*=grid_] > [class*=_xs-8],
    [class~=grid] > [class*=_xs-8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=grid-] > [class*=_xs-9],
    [class*=grid_] > [class*=_xs-9],
    [class~=grid] > [class*=_xs-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid-] > [class*=_xs-10],
    [class*=grid_] > [class*=_xs-10],
    [class~=grid] > [class*=_xs-10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=grid-] > [class*=_xs-11],
    [class*=grid_] > [class*=_xs-11],
    [class~=grid] > [class*=_xs-11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=grid-] > [class*=_xs-12],
    [class*=grid_] > [class*=_xs-12],
    [class~=grid] > [class*=_xs-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid-] > [data-push-left*=_xs-0],
    [class*=grid_] > [data-push-left*=_xs-0],
    [class~=grid] > [data-push-left*=_xs-0] {
        margin-left: 0
    }

    [class*=grid-] > [data-push-left*=_xs-1],
    [class*=grid_] > [data-push-left*=_xs-1],
    [class~=grid] > [data-push-left*=_xs-1] {
        margin-left: 8.33333%
    }

    [class*=grid-] > [data-push-left*=_xs-2],
    [class*=grid_] > [data-push-left*=_xs-2],
    [class~=grid] > [data-push-left*=_xs-2] {
        margin-left: 16.66667%
    }

    [class*=grid-] > [data-push-left*=_xs-3],
    [class*=grid_] > [data-push-left*=_xs-3],
    [class~=grid] > [data-push-left*=_xs-3] {
        margin-left: 25%
    }

    [class*=grid-] > [data-push-left*=_xs-4],
    [class*=grid_] > [data-push-left*=_xs-4],
    [class~=grid] > [data-push-left*=_xs-4] {
        margin-left: 33.33333%
    }

    [class*=grid-] > [data-push-left*=_xs-5],
    [class*=grid_] > [data-push-left*=_xs-5],
    [class~=grid] > [data-push-left*=_xs-5] {
        margin-left: 41.66667%
    }

    [class*=grid-] > [data-push-left*=_xs-6],
    [class*=grid_] > [data-push-left*=_xs-6],
    [class~=grid] > [data-push-left*=_xs-6] {
        margin-left: 50%
    }

    [class*=grid-] > [data-push-left*=_xs-7],
    [class*=grid_] > [data-push-left*=_xs-7],
    [class~=grid] > [data-push-left*=_xs-7] {
        margin-left: 58.33333%
    }

    [class*=grid-] > [data-push-left*=_xs-8],
    [class*=grid_] > [data-push-left*=_xs-8],
    [class~=grid] > [data-push-left*=_xs-8] {
        margin-left: 66.66667%
    }

    [class*=grid-] > [data-push-left*=_xs-9],
    [class*=grid_] > [data-push-left*=_xs-9],
    [class~=grid] > [data-push-left*=_xs-9] {
        margin-left: 75%
    }

    [class*=grid-] > [data-push-left*=_xs-10],
    [class*=grid_] > [data-push-left*=_xs-10],
    [class~=grid] > [data-push-left*=_xs-10] {
        margin-left: 83.33333%
    }

    [class*=grid-] > [data-push-left*=_xs-11],
    [class*=grid_] > [data-push-left*=_xs-11],
    [class~=grid] > [data-push-left*=_xs-11] {
        margin-left: 91.66667%
    }

    [class*=grid-] > [data-push-right*=_xs-0],
    [class*=grid_] > [data-push-right*=_xs-0],
    [class~=grid] > [data-push-right*=_xs-0] {
        margin-right: 0
    }

    [class*=grid-] > [data-push-right*=_xs-1],
    [class*=grid_] > [data-push-right*=_xs-1],
    [class~=grid] > [data-push-right*=_xs-1] {
        margin-right: 8.33333%
    }

    [class*=grid-] > [data-push-right*=_xs-2],
    [class*=grid_] > [data-push-right*=_xs-2],
    [class~=grid] > [data-push-right*=_xs-2] {
        margin-right: 16.66667%
    }

    [class*=grid-] > [data-push-right*=_xs-3],
    [class*=grid_] > [data-push-right*=_xs-3],
    [class~=grid] > [data-push-right*=_xs-3] {
        margin-right: 25%
    }

    [class*=grid-] > [data-push-right*=_xs-4],
    [class*=grid_] > [data-push-right*=_xs-4],
    [class~=grid] > [data-push-right*=_xs-4] {
        margin-right: 33.33333%
    }

    [class*=grid-] > [data-push-right*=_xs-5],
    [class*=grid_] > [data-push-right*=_xs-5],
    [class~=grid] > [data-push-right*=_xs-5] {
        margin-right: 41.66667%
    }

    [class*=grid-] > [data-push-right*=_xs-6],
    [class*=grid_] > [data-push-right*=_xs-6],
    [class~=grid] > [data-push-right*=_xs-6] {
        margin-right: 50%
    }

    [class*=grid-] > [data-push-right*=_xs-7],
    [class*=grid_] > [data-push-right*=_xs-7],
    [class~=grid] > [data-push-right*=_xs-7] {
        margin-right: 58.33333%
    }

    [class*=grid-] > [data-push-right*=_xs-8],
    [class*=grid_] > [data-push-right*=_xs-8],
    [class~=grid] > [data-push-right*=_xs-8] {
        margin-right: 66.66667%
    }

    [class*=grid-] > [data-push-right*=_xs-9],
    [class*=grid_] > [data-push-right*=_xs-9],
    [class~=grid] > [data-push-right*=_xs-9] {
        margin-right: 75%
    }

    [class*=grid-] > [data-push-right*=_xs-10],
    [class*=grid_] > [data-push-right*=_xs-10],
    [class~=grid] > [data-push-right*=_xs-10] {
        margin-right: 83.33333%
    }

    [class*=grid-] > [data-push-right*=_xs-11],
    [class*=grid_] > [data-push-right*=_xs-11],
    [class~=grid] > [data-push-right*=_xs-11] {
        margin-right: 91.66667%
    }

    [class*=grid-] [class*=_xs-first],
    [class*=grid_] [class*=_xs-first],
    [class~=grid] [class*=_xs-first] {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid-] [class*=_xs-last],
    [class*=grid_] [class*=_xs-last],
    [class~=grid] [class*=_xs-last] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 80em) {
    [class*=lg-hidden] {
        display: none
    }
}

@media (max-width: 64em) {
    [class*=md-hidden] {
        display: none
    }
}

@media (max-width: 48em) {
    [class*=sm-hidden] {
        display: none
    }
}

@media (max-width: 36em) {
    [class*=xs-hidden] {
        display: none
    }
}