@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
@font-face {
    font-family: 'LuckyFellasUpright';
    src: url("https://www.asuprepdigital.org/wp-content/themes/asupd-full/fonts/luckyfellasupright-webfont.woff2") format("woff2"), url("https://www.asuprepdigital.org/wp-content/themes/asupd-full/fonts/luckyfellasupright-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: not-allowed
}

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

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

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

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

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

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

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

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.row {
    max-width: 100%;
    margin-left: -1rem;
    margin-right: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    max-width: none;
    margin-left: -1rem;
    margin-right: -1rem
}

.row.expanded {
    max-width: none
}

.row.collapse {
    margin-left: auto;
    margin-right: auto
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.column,
.columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 0
}

.column.row.row,
.row.row.columns {
    float: none;
    display: block
}

.row .column.row.row,
.row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.shrink {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%
}

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

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

.align-middle.columns,
.column.align-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-stretch.columns,
.column.align-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

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

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

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

.align-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.align-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

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

.xs-0 {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    max-width: 0
}

@media screen and (max-width: 480px) {
    .xs-0 {
        display: none
    }
}

.xs-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.xs-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.xs-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.xs-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.xs-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.xs-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.xs-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.xs-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.xs-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.xs-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.xs-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.xs-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

.xs-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.xs-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.xs-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.xs-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.xs-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.xs-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.xs-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.xs-up-1>.column,
.xs-up-1>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.xs-up-2>.column,
.xs-up-2>.columns {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.xs-up-3>.column,
.xs-up-3>.columns {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.xs-up-4>.column,
.xs-up-4>.columns {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.xs-up-5>.column,
.xs-up-5>.columns {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.xs-up-6>.column,
.xs-up-6>.columns {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.xs-up-7>.column,
.xs-up-7>.columns {
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.xs-up-8>.column,
.xs-up-8>.columns {
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.xs-collapse>.column,
.xs-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.xs-uncollapse>.column,
.xs-uncollapse>.columns {
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width: 640px) {
    .xm-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .xm-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .xm-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .xm-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .xm-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .xm-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .xm-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .xm-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .xm-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .xm-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .xm-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .xm-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .xm-offset-0 {
        margin-left: 0%
    }
    .xm-offset-1 {
        margin-left: 8.33333%
    }
    .xm-offset-2 {
        margin-left: 16.66667%
    }
    .xm-offset-3 {
        margin-left: 25%
    }
    .xm-offset-4 {
        margin-left: 33.33333%
    }
    .xm-offset-5 {
        margin-left: 41.66667%
    }
    .xm-offset-6 {
        margin-left: 50%
    }
    .xm-offset-7 {
        margin-left: 58.33333%
    }
    .xm-offset-8 {
        margin-left: 66.66667%
    }
    .xm-offset-9 {
        margin-left: 75%
    }
    .xm-offset-10 {
        margin-left: 83.33333%
    }
    .xm-offset-11 {
        margin-left: 91.66667%
    }
    .xm-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .xm-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .xm-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .xm-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .xm-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .xm-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .xm-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .xm-up-1>.column,
    .sm-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .xm-up-2>.column,
    .sm-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .xm-up-3>.column,
    .sm-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .xm-up-4>.column,
    .sm-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .xm-up-5>.column,
    .sm-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .xm-up-6>.column,
    .sm-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .xm-up-7>.column,
    .sm-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .xm-up-8>.column,
    .sm-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .xm-collapse>.column,
    .xm-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .xm-uncollapse>.column,
    .xm-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .xm-unstack>.column,
    .xm-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 640px) and (min-width: 640px) {
    .xm-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.xm-unstack>.column,
.xm-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 760px) {
    .sm-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .sm-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .sm-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .sm-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .sm-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .sm-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .sm-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .sm-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .sm-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .sm-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .sm-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .sm-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-offset-0 {
        margin-left: 0%
    }
    .sm-offset-1 {
        margin-left: 8.33333%
    }
    .sm-offset-2 {
        margin-left: 16.66667%
    }
    .sm-offset-3 {
        margin-left: 25%
    }
    .sm-offset-4 {
        margin-left: 33.33333%
    }
    .sm-offset-5 {
        margin-left: 41.66667%
    }
    .sm-offset-6 {
        margin-left: 50%
    }
    .sm-offset-7 {
        margin-left: 58.33333%
    }
    .sm-offset-8 {
        margin-left: 66.66667%
    }
    .sm-offset-9 {
        margin-left: 75%
    }
    .sm-offset-10 {
        margin-left: 83.33333%
    }
    .sm-offset-11 {
        margin-left: 91.66667%
    }
    .sm-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .sm-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .sm-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .sm-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .sm-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .sm-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .sm-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sm-up-1>.column,
    .sm-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sm-up-2>.column,
    .sm-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .sm-up-3>.column,
    .sm-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .sm-up-4>.column,
    .sm-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .sm-up-5>.column,
    .sm-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .sm-up-6>.column,
    .sm-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .sm-up-7>.column,
    .sm-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .sm-up-8>.column,
    .sm-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .sm-collapse>.column,
    .sm-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .sm-uncollapse>.column,
    .sm-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .sm-unstack>.column,
    .sm-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 760px) and (min-width: 760px) {
    .sm-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.sm-unstack>.column,
.sm-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 990px) {
    .sd-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .sd-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .sd-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .sd-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .sd-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .sd-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .sd-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .sd-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .sd-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .sd-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .sd-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .sd-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sd-offset-0 {
        margin-left: 0%
    }
    .sd-offset-1 {
        margin-left: 8.33333%
    }
    .sd-offset-2 {
        margin-left: 16.66667%
    }
    .sd-offset-3 {
        margin-left: 25%
    }
    .sd-offset-4 {
        margin-left: 33.33333%
    }
    .sd-offset-5 {
        margin-left: 41.66667%
    }
    .sd-offset-6 {
        margin-left: 50%
    }
    .sd-offset-7 {
        margin-left: 58.33333%
    }
    .sd-offset-8 {
        margin-left: 66.66667%
    }
    .sd-offset-9 {
        margin-left: 75%
    }
    .sd-offset-10 {
        margin-left: 83.33333%
    }
    .sd-offset-11 {
        margin-left: 91.66667%
    }
    .sd-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .sd-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .sd-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .sd-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .sd-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .sd-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .sd-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .sd-up-1>.column,
    .sd-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .sd-up-2>.column,
    .sd-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .sd-up-3>.column,
    .sd-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .sd-up-4>.column,
    .sd-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .sd-up-5>.column,
    .sd-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .sd-up-6>.column,
    .sd-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .sd-up-7>.column,
    .sd-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .sd-up-8>.column,
    .sd-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .sd-collapse>.column,
    .sd-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .sd-uncollapse>.column,
    .sd-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .sd-unstack>.column,
    .sd-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 990px) and (min-width: 990px) {
    .sd-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.sd-unstack>.column,
.sd-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 1040px) {
    .md-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .md-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .md-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .md-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .md-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .md-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .md-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .md-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .md-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .md-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .md-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .md-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .md-offset-0 {
        margin-left: 0%
    }
    .md-offset-1 {
        margin-left: 8.33333%
    }
    .md-offset-2 {
        margin-left: 16.66667%
    }
    .md-offset-3 {
        margin-left: 25%
    }
    .md-offset-4 {
        margin-left: 33.33333%
    }
    .md-offset-5 {
        margin-left: 41.66667%
    }
    .md-offset-6 {
        margin-left: 50%
    }
    .md-offset-7 {
        margin-left: 58.33333%
    }
    .md-offset-8 {
        margin-left: 66.66667%
    }
    .md-offset-9 {
        margin-left: 75%
    }
    .md-offset-10 {
        margin-left: 83.33333%
    }
    .md-offset-11 {
        margin-left: 91.66667%
    }
    .md-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .md-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .md-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .md-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .md-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .md-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .md-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .md-up-1>.column,
    .md-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .md-up-2>.column,
    .md-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .md-up-3>.column,
    .md-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .md-up-4>.column,
    .md-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .md-up-5>.column,
    .md-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .md-up-6>.column,
    .md-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .md-up-7>.column,
    .md-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .md-up-8>.column,
    .md-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .md-collapse>.column,
    .md-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .md-uncollapse>.column,
    .md-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .md-unstack>.column,
    .md-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 1040px) and (min-width: 1040px) {
    .md-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.md-unstack>.column,
.md-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 1280px) {
    .lg-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .lg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .lg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .lg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .lg-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .lg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .lg-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .lg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .lg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .lg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .lg-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .lg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .lg-offset-0 {
        margin-left: 0%
    }
    .lg-offset-1 {
        margin-left: 8.33333%
    }
    .lg-offset-2 {
        margin-left: 16.66667%
    }
    .lg-offset-3 {
        margin-left: 25%
    }
    .lg-offset-4 {
        margin-left: 33.33333%
    }
    .lg-offset-5 {
        margin-left: 41.66667%
    }
    .lg-offset-6 {
        margin-left: 50%
    }
    .lg-offset-7 {
        margin-left: 58.33333%
    }
    .lg-offset-8 {
        margin-left: 66.66667%
    }
    .lg-offset-9 {
        margin-left: 75%
    }
    .lg-offset-10 {
        margin-left: 83.33333%
    }
    .lg-offset-11 {
        margin-left: 91.66667%
    }
    .lg-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .lg-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .lg-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .lg-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .lg-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .lg-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .lg-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lg-up-1>.column,
    .lg-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .lg-up-2>.column,
    .lg-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .lg-up-3>.column,
    .lg-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .lg-up-4>.column,
    .lg-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .lg-up-5>.column,
    .lg-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .lg-up-6>.column,
    .lg-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .lg-up-7>.column,
    .lg-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .lg-up-8>.column,
    .lg-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .lg-collapse>.column,
    .lg-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .lg-uncollapse>.column,
    .lg-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .lg-unstack>.column,
    .lg-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 1280px) and (min-width: 1280px) {
    .lg-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.lg-unstack>.column,
.lg-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 1440px) {
    .bg-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .bg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .bg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .bg-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .bg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bg-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .bg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .bg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .bg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .bg-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .bg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bg-offset-0 {
        margin-left: 0%
    }
    .bg-offset-1 {
        margin-left: 8.33333%
    }
    .bg-offset-2 {
        margin-left: 16.66667%
    }
    .bg-offset-3 {
        margin-left: 25%
    }
    .bg-offset-4 {
        margin-left: 33.33333%
    }
    .bg-offset-5 {
        margin-left: 41.66667%
    }
    .bg-offset-6 {
        margin-left: 50%
    }
    .bg-offset-7 {
        margin-left: 58.33333%
    }
    .bg-offset-8 {
        margin-left: 66.66667%
    }
    .bg-offset-9 {
        margin-left: 75%
    }
    .bg-offset-10 {
        margin-left: 83.33333%
    }
    .bg-offset-11 {
        margin-left: 91.66667%
    }
    .bg-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .bg-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .bg-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .bg-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .bg-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .bg-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .bg-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-up-1>.column,
    .bg-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .bg-up-2>.column,
    .bg-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .bg-up-3>.column,
    .bg-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .bg-up-4>.column,
    .bg-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .bg-up-5>.column,
    .bg-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .bg-up-6>.column,
    .bg-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .bg-up-7>.column,
    .bg-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .bg-up-8>.column,
    .bg-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .bg-collapse>.column,
    .bg-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .bg-uncollapse>.column,
    .bg-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .bg-unstack>.column,
    .bg-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 1440px) and (min-width: 1440px) {
    .bg-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.bg-unstack>.column,
.bg-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 1600px) {
    .hg-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .hg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .hg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .hg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .hg-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .hg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .hg-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .hg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .hg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .hg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .hg-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .hg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .hg-offset-0 {
        margin-left: 0%
    }
    .hg-offset-1 {
        margin-left: 8.33333%
    }
    .hg-offset-2 {
        margin-left: 16.66667%
    }
    .hg-offset-3 {
        margin-left: 25%
    }
    .hg-offset-4 {
        margin-left: 33.33333%
    }
    .hg-offset-5 {
        margin-left: 41.66667%
    }
    .hg-offset-6 {
        margin-left: 50%
    }
    .hg-offset-7 {
        margin-left: 58.33333%
    }
    .hg-offset-8 {
        margin-left: 66.66667%
    }
    .hg-offset-9 {
        margin-left: 75%
    }
    .hg-offset-10 {
        margin-left: 83.33333%
    }
    .hg-offset-11 {
        margin-left: 91.66667%
    }
    .hg-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .hg-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .hg-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .hg-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .hg-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .hg-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .hg-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .hg-up-1>.column,
    .hg-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .hg-up-2>.column,
    .hg-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .hg-up-3>.column,
    .hg-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .hg-up-4>.column,
    .hg-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .hg-up-5>.column,
    .hg-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .hg-up-6>.column,
    .hg-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .hg-up-7>.column,
    .hg-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .hg-up-8>.column,
    .hg-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .hg-collapse>.column,
    .hg-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .hg-uncollapse>.column,
    .hg-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .hg-unstack>.column,
    .hg-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 1600px) and (min-width: 1600px) {
    .hg-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.hg-unstack>.column,
.hg-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media screen and (min-width: 1920px) {
    .gg-1 {
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .gg-2 {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .gg-3 {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .gg-4 {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .gg-5 {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .gg-6 {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .gg-7 {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .gg-8 {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .gg-9 {
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .gg-10 {
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .gg-11 {
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .gg-12 {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .gg-offset-0 {
        margin-left: 0%
    }
    .gg-offset-1 {
        margin-left: 8.33333%
    }
    .gg-offset-2 {
        margin-left: 16.66667%
    }
    .gg-offset-3 {
        margin-left: 25%
    }
    .gg-offset-4 {
        margin-left: 33.33333%
    }
    .gg-offset-5 {
        margin-left: 41.66667%
    }
    .gg-offset-6 {
        margin-left: 50%
    }
    .gg-offset-7 {
        margin-left: 58.33333%
    }
    .gg-offset-8 {
        margin-left: 66.66667%
    }
    .gg-offset-9 {
        margin-left: 75%
    }
    .gg-offset-10 {
        margin-left: 83.33333%
    }
    .gg-offset-11 {
        margin-left: 91.66667%
    }
    .gg-order-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .gg-order-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .gg-order-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .gg-order-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .gg-order-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .gg-order-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .gg-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .gg-up-1>.column,
    .gg-up-1>.columns {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .gg-up-2>.column,
    .gg-up-2>.columns {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .gg-up-3>.column,
    .gg-up-3>.columns {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .gg-up-4>.column,
    .gg-up-4>.columns {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .gg-up-5>.column,
    .gg-up-5>.columns {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .gg-up-6>.column,
    .gg-up-6>.columns {
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .gg-up-7>.column,
    .gg-up-7>.columns {
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .gg-up-8>.column,
    .gg-up-8>.columns {
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
    .gg-collapse>.column,
    .gg-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .gg-uncollapse>.column,
    .gg-uncollapse>.columns {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .gg-unstack>.column,
    .gg-unstack>.columns {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media screen and (min-width: 1920px) and (min-width: 1920px) {
    .gg-expand {
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.gg-unstack>.column,
.gg-unstack>.columns {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

html,
body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #c3c6c9;
    color: #231f1f;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    -webkit-transition: font-size .2s ease-in-out;
    -moz-transition: font-size .2s ease-in-out;
    -ms-transition: font-size .2s ease-in-out;
    -o-transition: font-size .2s ease-in-out;
    transition: font-size .2s ease-in-out
}

@media screen and (max-width: 1280px) {
    html,
    body {
        font-size: 15.2px
    }
}

@media screen and (max-width: 1040px) {
    html,
    body {
        font-size: 14.4px
    }
}

@media screen and (max-width: 990px) {
    html,
    body {
        font-size: 13.6px
    }
}

@media screen and (max-width: 760px) {
    html,
    body {
        font-size: 12.8px
    }
}

@media screen and (max-width: 480px) {
    html,
    body {
        font-size: 12px
    }
}

a {
    color: #8c1d40;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

a:hover {
    color: #231f1f
}

p {
    margin: 0;
    padding: 0 0 1.3em;
    line-height: 1.5em
}

h1 {
    margin: 0;
    padding: 0 0 1rem;
    font: bold 2rem/1.1em "Roboto Condensed", Arial, sans-serif
}

h2 {
    color: #8c1d40;
    margin: 0;
    padding: 0 0 1rem;
    font: bold 1.3rem/1.2em "Roboto", Arial, sans-serif
}

h3 {
    margin: 0;
    padding: 0 0 1em;
    color: #373736;
    font: bold 1.2rem/1.2em "Roboto", Arial, sans-serif
}

h4 {
    margin: 0;
    padding: 0 0 1em;
    color: #231f1f;
    font: bold 1.2rem/1.3em "Roboto", Arial, sans-serif
}

h5 {
    margin: 0;
    padding: 0 0 1em;
    color: #8c1d40;
    font: italic bold 0.8em/1.5em "Roboto", Arial, sans-serif
}

h6 {
    margin: 0;
    padding: 0 0 1em;
    color: #8c1d40;
    font: bold 0.9rem/1.6em "Roboto", Arial, sans-serif
}

hr {
    margin: 0 0 2rem;
    height: 2px;
    background: #8c1d40;
    border: none
}

hr:after,
hr:before {
    content: " ";
    display: table;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

hr:after {
    clear: both
}

ul {
    margin-bottom: 1rem
}

li {
    padding-bottom: 1rem
}

.holdr {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 4rem;
    overflow: hidden
}

.holdr:after,
.holdr:before {
    content: " ";
    display: table;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.holdr:after {
    clear: both
}

.holdr .row {
    margin: 0
}

@media screen and (max-width: 1170px) {
    .holdr {
        padding: 0 3rem
    }
}

@media screen and (max-width: 760px) {
    .holdr {
        padding: 0 2rem
    }
}

@media screen and (max-width: 480px) {
    .holdr {
        padding: 0 1rem
    }
}

.bg-grey {
    background: #959595
}

.bg-dark {
    background: #373736 url("https://www2.asuprepdigital.org/l/399272/2017-09-14/4cqb/399272/9997/bg_dots_dark.jpg") repeat left top;
    background-size: 187px 347px;
    color: #fff
}

.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
    color: #fff
}

.bg-dark label {
    color: #fff !important
}

.bg-red {
    background: #8c1d40 url("https://www2.asuprepdigital.org/l/399272/2017-09-14/4cqd/399272/9999/bg_dots_red.jpg") repeat left top;
    background-size: 187px 347px;
    color: #fff
}

.bg-red label {
    color: #fff !important
}

.bg-yellow {
    background: #ffc627 url("https://www2.asuprepdigital.org/l/399272/2017-09-14/4cqj/399272/10003/bg_dots_yellow.jpg") repeat left top;
    background-size: 187px 347px;
    color: #000
}

.bg-light {
    background: #efece3 url("https://www2.asuprepdigital.org/l/399272/2018-02-02/283m9/399272/22338/bg_light.jpg") repeat left top
}

.bg-white {
    background: #fff
}

.copy {
    padding: 2rem;
    max-width: 1170px;
    text-align: left
}

.columns:first-of-type .copy {
    padding-left: 0
}

.content {
    padding: 3rem 0
}

.sect {
    border-radius: 20px
}

.circle {
    border-radius: 200px
}

.button {
    display: inline-block;
    padding: 0.5rem 2rem;
    background: #8c1d40;
    border-radius: 20px;
    color: #fff;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out
}

.button:hover {
    background: #000;
    color: #ffc627
}

.v-center {
    margin-top: auto;
    margin-bottom: auto
}

.clickthrough {
    pointer-events: none
}

#head {
    position: relative;
    max-width: 1170px;
    min-height: 56px;
    margin: 0 auto;
    background: #fff;
    overflow: visible
}

#head:after,
#head:before {
    content: " ";
    display: table;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

#head:after {
    clear: both
}

#head .logo a {
    display: inline-block;
    max-width: 11rem
}

@media screen and (max-width: 760px) {
    #head .logo a {
        display: none
    }
}

@media screen and (max-width: 760px) {
    #head .bg {
        display: none
    }
}

#head .logoswitch {
    position: relative;
    display: none
}

@media screen and (max-width: 760px) {
    #head .logoswitch {
        display: inline-block
    }
}

#head .logoswitch .logoscale {
    position: absolute;
    width: 7rem;
    top: 2rem;
    left: 2rem
}

#head .logoswitch .maincopy {
    position: absolute;
    bottom: 1rem;
    left: 2rem
}

#head .logoswitch .maincopy h1 {
    color: #fff;
    font: normal 3.5rem/1em "LuckyFellasUpright", Georgia, serif
}

#head .logoswitch .maincopy h1 span {
    display: inline-block;
    min-width: 0.05em
}

#head .logoswitch .maincopy h2 {
    color: #fff;
    font: bold 1.4rem/0.7em "Roboto", Arial, sans-serif
}

#head .holdr {
    position: absolute;
    width: 100%;
    max-width: 100%;
    top: 4rem;
    overflow: visible;
    z-index: 8000;
}

#head .holdr .hanger {
    margin-top: 10rem
}

@media screen and (max-width: 760px) {
    #head .holdr .hanger {
        margin-top: 1rem
    }
}

#head .holdr .spec {
    padding-top: 2rem
}

#head .holdr .spec h1 {
    color: #fff;
    font: normal 5.5rem/1em "LuckyFellasUpright", Georgia, serif
}

#head .holdr .spec h1 span {
    display: inline-block;
    min-width: 0.08em
}

#head .holdr .spec h2 {
    color: #fff;
    font: bold 2rem/0.7em "Roboto", Arial, sans-serif
}

#head .holdr .corner {
    margin-top: 2rem;
    width: 25rem
}

@media screen and (max-width: 760px) {
    #head .holdr {
        position: relative;
        top: 0
    }
}

#main .content {
    padding-bottom: 2rem
}

#blurbs {
    position: relative;
    max-width: 1170px;
    min-height: 56px;
    margin: 0 auto;
    background: #fff
}

#blurbs:after,
#blurbs:before {
    content: " ";
    display: table;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

#blurbs:after {
    clear: both
}

#blurbs .copy {
    padding: 3rem;
    text-align: center
}

#blurbs .copy img {
    max-height: 140px
}

#blurbs .copy h1 {
    color: #8c1d40;
    font-size: 1.5rem
}

#blurbs .copy p {
    font-size: 0.9rem
}

#footer {
    padding: 1rem 0 0.5rem;
    background: #8c1d40;
    text-align: center
}

#footer p {
    color: #fff;
    font-size: 0.8rem
}

#footer a{color: #FFC653;}
#footer a:hover{color: #EEE;}

form {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 100%
}

form input,
form textarea,
form select {
    display: block;
    width: 100%;
    margin-top: 0.3rem;
    padding: 0.4rem 0.7rem 0.6rem;
    background: #fff;
    border: 0;
    border-radius: none;
    color: #000
}

form::-webkit-input-placeholder {
    color: black
}

form:-moz-placeholder {
    color: black
}

form::-moz-placeholder {
    color: black
}

form:-ms-input-placeholder {
    color: black
}

form input[type="button"],
form input[type="submit"],
form button,
form .btn {
    padding: 0.7rem 1.5rem 1rem;
    background: #ffc627;
    border: none;
    border-radius: 20px;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
    -moz-transition: background .2s ease-in-out, color .2s ease-in-out;
    -ms-transition: background .2s ease-in-out, color .2s ease-in-out;
    -o-transition: background .2s ease-in-out, color .2s ease-in-out;
    transition: background .2s ease-in-out, color .2s ease-in-out
}

form input[type="button"]:hover,
form input[type="submit"]:hover,
form button:hover,
form .btn:hover {
    background: #000;
    color: #ffc627
}

form p.form-field.error input,
form p.form-field.error textarea,
form p.form-field.error select {
    border: 2px solid #8c1d40
}

form p.no-label.error {
    display: block;
    margin: 0 0 1rem;
    padding: 0.7rem 1rem;
    background: #8c1d40;
    color: #fff;
    font: bold 0.8rem/1.2em "Roboto Condensed", Arial, sans-serif
}

form p.success {
    display: block;
    margin: 1rem 0;
    padding: 0.4rem 0.8rem;
    background: #ffc627;
    color: #000 !important;
    font: normal 0.8rem/1.2em "Roboto Condensed", Arial, sans-serif
}

form p.success label {
    color: #8c1d40 !important
}

form .submit {
    padding: 0.3rem 4rem;
    cursor: pointer
}

#main .content .columns{position: relative; z-index: 9000;}

form p.pd-checkbox label{
    display:inline !important;
}
input[type=checkbox]{
    display:inline;
    width:auto;
    margin-right:10px;
}

.lang-link {
  float: right;
  padding-right: 2rem;
  padding-top: 33px;
  color: #8c1d40;
  text-decoration: underline;
}