@charset "UTF-8";

@media print,screen and (min-width:40em)
{
    .reveal, .reveal.large, .reveal.small, .reveal.tiny
    {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

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

body
{
    margin: 0;
	background: url(../img/background-VTABresena.jpg) no-repeat center top fixed;
		
}

article, aside, footer, header, nav, section
{
    display: block
}

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

figcaption, figure
{
    display: block
}

figure
{
    margin: 1em 40px
}

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

main
{
    display: block
}

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

a
{
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong
{
    font-weight: inherit
}

b, strong
{
    font-weight: bolder
}

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

dfn
{
    font-style: italic
}

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

small
{
    font-size: 80%
}

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

sub
{
    bottom: -.25em
}

sup
{
    top: -.5em
}

audio, video
{
    display: inline-block
}

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

img
{
    border-style: none
}

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

button, input, optgroup, select, textarea
{
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button
{
    overflow: visible
}

button, select
{
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button]
{
    -webkit-appearance: button
}

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

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

input
{
    overflow: visible
}

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

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

[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit
}

fieldset
{
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend
{
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress
{
    display: inline-block;
    vertical-align: baseline
}

textarea
{
    overflow: auto
}

details
{
    display: block
}

summary
{
    display: list-item
}

menu
{
    display: block
}

canvas
{
    display: inline-block
}

template
{
    display: none
}

[hidden]
{
    display: none
}

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

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

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

body
{
    margin: 0;
    padding: 0;
    background-image: url("../img/bakgrund-varmlandstrafik.jpg") no-repeat center center fixed;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

textarea
{
    height: auto;
    min-height: 50px;
    border-radius: 0
}

select
{
    box-sizing: border-box;
    width: 100%;
    border-radius: 0
}

.map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object
{
    max-width: none !important
}

button
{
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    line-height: 1;
    cursor: auto
}

[data-whatinput=mouse] button
{
    outline: 0
}

pre
{
    overflow: auto
}

button, input, optgroup, select, textarea
{
    font-family: inherit
}

.is-visible
{
    display: block !important
}

.is-hidden
{
    display: none !important
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul
{
    margin: 0;
    padding: 0
}

p
{
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

em, i
{
    font-style: italic;
    line-height: inherit
}

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

small
{
    font-size: 80%;
    line-height: inherit
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small
    {
        line-height: 0;
        color: #cacaca
    }

.h1, h1
{
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h2, h2
{
    font-size: 1.25rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: .5rem
}

.h3, h3
{
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h4, h4
{
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h5, h5
{
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

.h6, h6
{
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,screen and (min-width:40em)
{
    .h1, h1
    {
        font-size: 3rem
    }

    .h2, h2
    {
        font-size: 2.5rem
    }

    .h3, h3
    {
        font-size: 1.9375rem
    }

    .h4, h4
    {
        font-size: 1.5625rem
    }

    .h5, h5
    {
        font-size: 1.25rem
    }

    .h6, h6
    {
        font-size: 1rem
    }
}

a
{
    line-height: inherit;
    color: rgba(36,109,57,1);
    text-decoration: none;
    cursor: pointer
}

    a:focus, a:hover
    {
        color: rgba(36,109,57,1);
    }

    a img
    {
        border: 0
    }

hr
{
    clear: both;
    max-width: 75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0
}

dl, ol, ul
{
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6
}

li
{
    font-size: inherit
}

ul
{
    margin-left: 1.25rem;
    list-style-type: disc
}

ol
{
    margin-left: 1.25rem
}

    ol ol, ol ul, ul ol, ul ul
    {
        margin-left: 1.25rem;
        margin-bottom: 0
    }

dl
{
    margin-bottom: 1rem
}

    dl dt
    {
        margin-bottom: .3rem;
        font-weight: 700
    }

blockquote
{
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #cacaca
}

    blockquote, blockquote p
    {
        line-height: 1.6;
        color: #8a8a8a
    }

cite
{
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

    cite:before
    {
        content: "— "
    }

abbr, abbr[title]
{
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure
{
    margin: 0
}

code
{
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #cacaca;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: 400;
    color: #0a0a0a
}

kbd
{
    margin: 0;
    padding: .125rem .25rem 0;
    background-color: #e6e6e6;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    color: #0a0a0a
}

.subheader
{
    margin-top: .2rem;
    margin-bottom: .5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #8a8a8a
}

.lead
{
    font-size: 125%;
    line-height: 1.6
}

.stat
{
    font-size: 2.5rem;
    line-height: 1
}

p + .stat
{
    margin-top: -1rem
}

ol.no-bullet, ul.no-bullet
{
    margin-left: 0;
    list-style: none
}

.text-left
{
    text-align: left
}

.text-right
{
    text-align: right
}

.text-center
{
    text-align: center
}

.text-justify
{
    text-align: justify
}

@media print,screen and (min-width:40em)
{
    .medium-text-left
    {
        text-align: left
    }

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

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

    .medium-text-justify
    {
        text-align: justify
    }
}

@media print,screen and (min-width:64em)
{
    .large-text-left
    {
        text-align: left
    }

    .large-text-right
    {
        text-align: right
    }

    .large-text-center
    {
        text-align: center
    }

    .large-text-justify
    {
        text-align: justify
    }
}

.show-for-print
{
    display: none !important
}

@media print
{
    *
    {
        background: 0 0 !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    .show-for-print
    {
        display: block !important
    }

    .hide-for-print
    {
        display: none !important
    }

    table.show-for-print
    {
        display: table !important
    }

    thead.show-for-print
    {
        display: table-header-group !important
    }

    tbody.show-for-print
    {
        display: table-row-group !important
    }

    tr.show-for-print
    {
        display: table-row !important
    }

    td.show-for-print
    {
        display: table-cell !important
    }

    th.show-for-print
    {
        display: table-cell !important
    }

    a, a:visited
    {
        text-decoration: underline
    }

        a[href]:after
        {
            content: " (" attr(href) ")"
        }

        .ir a:after, a[href^='#']:after, a[href^='javascript:']:after
        {
            content: ''
        }

    abbr[title]:after
    {
        content: " (" attr(title) ")"
    }

    blockquote, pre
    {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead
    {
        display: table-header-group
    }

    img, tr
    {
        page-break-inside: avoid
    }

    img
    {
        max-width: 100% !important
    }

    @page
    {
        margin: .5cm
    }

    h2, h3, p
    {
        orphans: 3;
        widows: 3
    }

    h2, h3
    {
        page-break-after: avoid
    }

    .print-break-inside
    {
        page-break-inside: auto
    }
}

.grid-container
{
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto
}

@media print,screen and (min-width:40em)
{
    .grid-container
    {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.fluid
{
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 100%;
    margin: 0 auto
}

@media print,screen and (min-width:40em)
{
    .grid-container.fluid
    {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.grid-container.full
{
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto
}

.grid-x
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.cell
{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

    .cell.auto
    {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .cell.shrink
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.grid-x > .auto
{
    width: auto
}

.grid-x > .shrink
{
    width: auto
}

.grid-x > .small-1, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-full, .grid-x > .small-shrink
{
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media print,screen and (min-width:40em)
{
    .grid-x > .medium-1, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-full, .grid-x > .medium-shrink
    {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em)
{
    .grid-x > .large-1, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-full, .grid-x > .large-shrink
    {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-x > .small-1
{
    width: 8.33333%
}

.grid-x > .small-2
{
    width: 16.66667%
}

.grid-x > .small-3
{
    width: 25%
}

.grid-x > .small-4
{
    width: 33.33333%
}

.grid-x > .small-5
{
    width: 41.66667%
}

.grid-x > .small-6
{
    width: 50%
}

.grid-x > .small-7
{
    width: 58.33333%
}

.grid-x > .small-8
{
    width: 66.66667%
}

.grid-x > .small-9
{
    width: 75%
}

.grid-x > .small-10
{
    width: 83.33333%
}

.grid-x > .small-11
{
    width: 91.66667%
}

.grid-x > .small-12
{
    width: 100%
}

@media print,screen and (min-width:40em)
{
    .grid-x > .medium-auto
    {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .medium-shrink
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .medium-1
    {
        width: 8.33333%
    }

    .grid-x > .medium-2
    {
        width: 16.66667%
    }

    .grid-x > .medium-3
    {
        width: 25%
    }

    .grid-x > .medium-4
    {
        width: 33.33333%
    }

    .grid-x > .medium-5
    {
        width: 41.66667%
    }

    .grid-x > .medium-6
    {
        width: 50%
    }

    .grid-x > .medium-7
    {
        width: 58.33333%
    }

    .grid-x > .medium-8
    {
        width: 66.66667%
    }

    .grid-x > .medium-9
    {
        width: 75%
    }

    .grid-x > .medium-10
    {
        width: 83.33333%
    }

    .grid-x > .medium-11
    {
        width: 91.66667%
    }

    .grid-x > .medium-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .grid-x > .large-auto
    {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto
    }

    .grid-x > .large-shrink
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .grid-x > .large-1
    {
        width: 8.33333%
    }

    .grid-x > .large-2
    {
        width: 16.66667%
    }

    .grid-x > .large-3
    {
        width: 25%
    }

    .grid-x > .large-4
    {
        width: 33.33333%
    }

    .grid-x > .large-5
    {
        width: 41.66667%
    }

    .grid-x > .large-6
    {
        width: 49%
    }

    .grid-x > .large-7
    {
        width: 58.33333%
    }

    .grid-x > .large-8
    {
        width: 66.66667%
    }

    .grid-x > .large-9
    {
        width: 75%
    }

    .grid-x > .large-10
    {
        width: 83.33333%
    }

    .grid-x > .large-11
    {
        width: 91.66667%
    }

    .grid-x > .large-12
    {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x) > .cell
{
    width: auto
}

.grid-margin-y:not(.grid-y) > .cell
{
    height: auto
}

.grid-margin-x
{
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-x
    {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x > .cell
{
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-x > .cell
    {
        width: calc(100% - 1.875rem);
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

.grid-margin-x > .auto
{
    width: auto
}

.grid-margin-x > .shrink
{
    width: auto
}

.grid-margin-x > .small-1
{
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x > .small-2
{
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x > .small-3
{
    width: calc(25% - 1.25rem)
}

.grid-margin-x > .small-4
{
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x > .small-5
{
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x > .small-6
{
    width: calc(50% - 1.25rem)
}

.grid-margin-x > .small-7
{
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x > .small-8
{
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x > .small-9
{
    width: calc(75% - 1.25rem)
}

.grid-margin-x > .small-10
{
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x > .small-11
{
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x > .small-12
{
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em)
{
    .grid-margin-x > .auto
    {
        width: auto
    }

    .grid-margin-x > .shrink
    {
        width: auto
    }

    .grid-margin-x > .small-1
    {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .small-2
    {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .small-3
    {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .small-4
    {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .small-5
    {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .small-6
    {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .small-7
    {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .small-8
    {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .small-9
    {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .small-10
    {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .small-11
    {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .small-12
    {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x > .medium-auto
    {
        width: auto
    }

    .grid-margin-x > .medium-shrink
    {
        width: auto
    }

    .grid-margin-x > .medium-1
    {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-2
    {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-3
    {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .medium-4
    {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-5
    {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-6
    {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .medium-7
    {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-8
    {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-9
    {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .medium-10
    {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .medium-11
    {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .medium-12
    {
        width: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-margin-x > .large-auto
    {
        width: auto
    }

    .grid-margin-x > .large-shrink
    {
        width: auto
    }

    .grid-margin-x > .large-1
    {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x > .large-2
    {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x > .large-3
    {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x > .large-4
    {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x > .large-5
    {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x > .large-6
    {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x > .large-7
    {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x > .large-8
    {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x > .large-9
    {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x > .large-10
    {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x > .large-11
    {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x > .large-12
    {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x
{
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-padding-x .grid-padding-x
    {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-container:not(.full) > .grid-padding-x
{
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-container:not(.full) > .grid-padding-x
    {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.grid-padding-x > .cell
{
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,screen and (min-width:40em)
{
    .grid-padding-x > .cell
    {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.small-up-1 > .cell
{
    width: 100%
}

.small-up-2 > .cell
{
    width: 50%
}

.small-up-3 > .cell
{
    width: 33.33333%
}

.small-up-4 > .cell
{
    width: 25%
}

.small-up-5 > .cell
{
    width: 20%
}

.small-up-6 > .cell
{
    width: 16.66667%
}

.small-up-7 > .cell
{
    width: 14.28571%
}

.small-up-8 > .cell
{
    width: 12.5%
}

@media print,screen and (min-width:40em)
{
    .medium-up-1 > .cell
    {
        width: 100%
    }

    .medium-up-2 > .cell
    {
        width: 50%
    }

    .medium-up-3 > .cell
    {
        width: 33.33333%
    }

    .medium-up-4 > .cell
    {
        width: 25%
    }

    .medium-up-5 > .cell
    {
        width: 20%
    }

    .medium-up-6 > .cell
    {
        width: 16.66667%
    }

    .medium-up-7 > .cell
    {
        width: 14.28571%
    }

    .medium-up-8 > .cell
    {
        width: 12.5%
    }
}

@media print,screen and (min-width:64em)
{
    .large-up-1 > .cell
    {
        width: 100%
    }

    .large-up-2 > .cell
    {
        width: 50%
    }

    .large-up-3 > .cell
    {
        width: 33.33333%
    }

    .large-up-4 > .cell
    {
        width: 25%
    }

    .large-up-5 > .cell
    {
        width: 20%
    }

    .large-up-6 > .cell
    {
        width: 16.66667%
    }

    .large-up-7 > .cell
    {
        width: 14.28571%
    }

    .large-up-8 > .cell
    {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1 > .cell
{
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2 > .cell
{
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3 > .cell
{
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4 > .cell
{
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5 > .cell
{
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6 > .cell
{
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7 > .cell
{
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8 > .cell
{
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width:40em)
{
    .grid-margin-x.small-up-1 > .cell
    {
        width: calc(100% - 1.25rem)
    }

    .grid-margin-x.small-up-2 > .cell
    {
        width: calc(50% - 1.25rem)
    }

    .grid-margin-x.small-up-3 > .cell
    {
        width: calc(33.33333% - 1.25rem)
    }

    .grid-margin-x.small-up-4 > .cell
    {
        width: calc(25% - 1.25rem)
    }

    .grid-margin-x.small-up-5 > .cell
    {
        width: calc(20% - 1.25rem)
    }

    .grid-margin-x.small-up-6 > .cell
    {
        width: calc(16.66667% - 1.25rem)
    }

    .grid-margin-x.small-up-7 > .cell
    {
        width: calc(14.28571% - 1.25rem)
    }

    .grid-margin-x.small-up-8 > .cell
    {
        width: calc(12.5% - 1.25rem)
    }

    .grid-margin-x.medium-up-1 > .cell
    {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2 > .cell
    {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3 > .cell
    {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4 > .cell
    {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5 > .cell
    {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6 > .cell
    {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7 > .cell
    {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.medium-up-8 > .cell
    {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-margin-x.large-up-1 > .cell
    {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2 > .cell
    {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3 > .cell
    {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.large-up-4 > .cell
    {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5 > .cell
    {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6 > .cell
    {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.large-up-7 > .cell
    {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.large-up-8 > .cell
    {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse
{
    margin-right: 0;
    margin-left: 0
}

    .small-margin-collapse > .cell
    {
        margin-right: 0;
        margin-left: 0
    }

    .small-margin-collapse > .small-1
    {
        width: 8.33333%
    }

    .small-margin-collapse > .small-2
    {
        width: 16.66667%
    }

    .small-margin-collapse > .small-3
    {
        width: 25%
    }

    .small-margin-collapse > .small-4
    {
        width: 33.33333%
    }

    .small-margin-collapse > .small-5
    {
        width: 41.66667%
    }

    .small-margin-collapse > .small-6
    {
        width: 50%
    }

    .small-margin-collapse > .small-7
    {
        width: 58.33333%
    }

    .small-margin-collapse > .small-8
    {
        width: 66.66667%
    }

    .small-margin-collapse > .small-9
    {
        width: 75%
    }

    .small-margin-collapse > .small-10
    {
        width: 83.33333%
    }

    .small-margin-collapse > .small-11
    {
        width: 91.66667%
    }

    .small-margin-collapse > .small-12
    {
        width: 100%
    }

@media print,screen and (min-width:40em)
{
    .small-margin-collapse > .medium-1
    {
        width: 8.33333%
    }

    .small-margin-collapse > .medium-2
    {
        width: 16.66667%
    }

    .small-margin-collapse > .medium-3
    {
        width: 25%
    }

    .small-margin-collapse > .medium-4
    {
        width: 33.33333%
    }

    .small-margin-collapse > .medium-5
    {
        width: 41.66667%
    }

    .small-margin-collapse > .medium-6
    {
        width: 50%
    }

    .small-margin-collapse > .medium-7
    {
        width: 58.33333%
    }

    .small-margin-collapse > .medium-8
    {
        width: 66.66667%
    }

    .small-margin-collapse > .medium-9
    {
        width: 75%
    }

    .small-margin-collapse > .medium-10
    {
        width: 83.33333%
    }

    .small-margin-collapse > .medium-11
    {
        width: 91.66667%
    }

    .small-margin-collapse > .medium-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .small-margin-collapse > .large-1
    {
        width: 8.33333%
    }

    .small-margin-collapse > .large-2
    {
        width: 16.66667%
    }

    .small-margin-collapse > .large-3
    {
        width: 25%
    }

    .small-margin-collapse > .large-4
    {
        width: 33.33333%
    }

    .small-margin-collapse > .large-5
    {
        width: 41.66667%
    }

    .small-margin-collapse > .large-6
    {
        width: 50%
    }

    .small-margin-collapse > .large-7
    {
        width: 58.33333%
    }

    .small-margin-collapse > .large-8
    {
        width: 66.66667%
    }

    .small-margin-collapse > .large-9
    {
        width: 75%
    }

    .small-margin-collapse > .large-10
    {
        width: 83.33333%
    }

    .small-margin-collapse > .large-11
    {
        width: 91.66667%
    }

    .small-margin-collapse > .large-12
    {
        width: 100%
    }
}

.small-padding-collapse
{
    margin-right: 0;
    margin-left: 0
}

    .small-padding-collapse > .cell
    {
        padding-right: 0;
        padding-left: 0
    }

@media print,screen and (min-width:40em)
{
    .medium-margin-collapse
    {
        margin-right: 0;
        margin-left: 0
    }

        .medium-margin-collapse > .cell
        {
            margin-right: 0;
            margin-left: 0
        }
}

@media print,screen and (min-width:40em)
{
    .medium-margin-collapse > .small-1
    {
        width: 8.33333%
    }

    .medium-margin-collapse > .small-2
    {
        width: 16.66667%
    }

    .medium-margin-collapse > .small-3
    {
        width: 25%
    }

    .medium-margin-collapse > .small-4
    {
        width: 33.33333%
    }

    .medium-margin-collapse > .small-5
    {
        width: 41.66667%
    }

    .medium-margin-collapse > .small-6
    {
        width: 50%
    }

    .medium-margin-collapse > .small-7
    {
        width: 58.33333%
    }

    .medium-margin-collapse > .small-8
    {
        width: 66.66667%
    }

    .medium-margin-collapse > .small-9
    {
        width: 75%
    }

    .medium-margin-collapse > .small-10
    {
        width: 83.33333%
    }

    .medium-margin-collapse > .small-11
    {
        width: 91.66667%
    }

    .medium-margin-collapse > .small-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:40em)
{
    .medium-margin-collapse > .medium-1
    {
        width: 8.33333%
    }

    .medium-margin-collapse > .medium-2
    {
        width: 16.66667%
    }

    .medium-margin-collapse > .medium-3
    {
        width: 25%
    }

    .medium-margin-collapse > .medium-4
    {
        width: 33.33333%
    }

    .medium-margin-collapse > .medium-5
    {
        width: 41.66667%
    }

    .medium-margin-collapse > .medium-6
    {
        width: 50%
    }

    .medium-margin-collapse > .medium-7
    {
        width: 58.33333%
    }

    .medium-margin-collapse > .medium-8
    {
        width: 66.66667%
    }

    .medium-margin-collapse > .medium-9
    {
        width: 75%
    }

    .medium-margin-collapse > .medium-10
    {
        width: 83.33333%
    }

    .medium-margin-collapse > .medium-11
    {
        width: 91.66667%
    }

    .medium-margin-collapse > .medium-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .medium-margin-collapse > .large-1
    {
        width: 8.33333%
    }

    .medium-margin-collapse > .large-2
    {
        width: 16.66667%
    }

    .medium-margin-collapse > .large-3
    {
        width: 25%
    }

    .medium-margin-collapse > .large-4
    {
        width: 33.33333%
    }

    .medium-margin-collapse > .large-5
    {
        width: 41.66667%
    }

    .medium-margin-collapse > .large-6
    {
        width: 50%
    }

    .medium-margin-collapse > .large-7
    {
        width: 58.33333%
    }

    .medium-margin-collapse > .large-8
    {
        width: 66.66667%
    }

    .medium-margin-collapse > .large-9
    {
        width: 75%
    }

    .medium-margin-collapse > .large-10
    {
        width: 83.33333%
    }

    .medium-margin-collapse > .large-11
    {
        width: 91.66667%
    }

    .medium-margin-collapse > .large-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:40em)
{
    .medium-padding-collapse
    {
        margin-right: 0;
        margin-left: 0
    }

        .medium-padding-collapse > .cell
        {
            padding-right: 0;
            padding-left: 0
        }
}

@media print,screen and (min-width:64em)
{
    .large-margin-collapse
    {
        margin-right: 0;
        margin-left: 0
    }

        .large-margin-collapse > .cell
        {
            margin-right: 0;
            margin-left: 0
        }
}

@media print,screen and (min-width:64em)
{
    .large-margin-collapse > .small-1
    {
        width: 8.33333%
    }

    .large-margin-collapse > .small-2
    {
        width: 16.66667%
    }

    .large-margin-collapse > .small-3
    {
        width: 25%
    }

    .large-margin-collapse > .small-4
    {
        width: 33.33333%
    }

    .large-margin-collapse > .small-5
    {
        width: 41.66667%
    }

    .large-margin-collapse > .small-6
    {
        width: 50%
    }

    .large-margin-collapse > .small-7
    {
        width: 58.33333%
    }

    .large-margin-collapse > .small-8
    {
        width: 66.66667%
    }

    .large-margin-collapse > .small-9
    {
        width: 75%
    }

    .large-margin-collapse > .small-10
    {
        width: 83.33333%
    }

    .large-margin-collapse > .small-11
    {
        width: 91.66667%
    }

    .large-margin-collapse > .small-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .large-margin-collapse > .medium-1
    {
        width: 8.33333%
    }

    .large-margin-collapse > .medium-2
    {
        width: 16.66667%
    }

    .large-margin-collapse > .medium-3
    {
        width: 25%
    }

    .large-margin-collapse > .medium-4
    {
        width: 33.33333%
    }

    .large-margin-collapse > .medium-5
    {
        width: 41.66667%
    }

    .large-margin-collapse > .medium-6
    {
        width: 50%
    }

    .large-margin-collapse > .medium-7
    {
        width: 58.33333%
    }

    .large-margin-collapse > .medium-8
    {
        width: 66.66667%
    }

    .large-margin-collapse > .medium-9
    {
        width: 75%
    }

    .large-margin-collapse > .medium-10
    {
        width: 83.33333%
    }

    .large-margin-collapse > .medium-11
    {
        width: 91.66667%
    }

    .large-margin-collapse > .medium-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .large-margin-collapse > .large-1
    {
        width: 8.33333%
    }

    .large-margin-collapse > .large-2
    {
        width: 16.66667%
    }

    .large-margin-collapse > .large-3
    {
        width: 25%
    }

    .large-margin-collapse > .large-4
    {
        width: 33.33333%
    }

    .large-margin-collapse > .large-5
    {
        width: 41.66667%
    }

    .large-margin-collapse > .large-6
    {
        width: 50%
    }

    .large-margin-collapse > .large-7
    {
        width: 58.33333%
    }

    .large-margin-collapse > .large-8
    {
        width: 66.66667%
    }

    .large-margin-collapse > .large-9
    {
        width: 75%
    }

    .large-margin-collapse > .large-10
    {
        width: 83.33333%
    }

    .large-margin-collapse > .large-11
    {
        width: 91.66667%
    }

    .large-margin-collapse > .large-12
    {
        width: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .large-padding-collapse
    {
        margin-right: 0;
        margin-left: 0
    }

        .large-padding-collapse > .cell
        {
            padding-right: 0;
            padding-left: 0
        }
}

.small-offset-0
{
    margin-left: 0
}

.grid-margin-x > .small-offset-0
{
    margin-left: calc(0% + .625rem)
}

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

.grid-margin-x > .small-offset-1
{
    margin-left: calc(8.33333% + .625rem)
}

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

.grid-margin-x > .small-offset-2
{
    margin-left: calc(16.66667% + .625rem)
}

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

.grid-margin-x > .small-offset-3
{
    margin-left: calc(25% + .625rem)
}

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

.grid-margin-x > .small-offset-4
{
    margin-left: calc(33.33333% + .625rem)
}

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

.grid-margin-x > .small-offset-5
{
    margin-left: calc(41.66667% + .625rem)
}

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

.grid-margin-x > .small-offset-6
{
    margin-left: calc(50% + .625rem)
}

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

.grid-margin-x > .small-offset-7
{
    margin-left: calc(58.33333% + .625rem)
}

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

.grid-margin-x > .small-offset-8
{
    margin-left: calc(66.66667% + .625rem)
}

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

.grid-margin-x > .small-offset-9
{
    margin-left: calc(75% + .625rem)
}

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

.grid-margin-x > .small-offset-10
{
    margin-left: calc(83.33333% + .625rem)
}

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

.grid-margin-x > .small-offset-11
{
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width:40em)
{
    .medium-offset-0
    {
        margin-left: 0
    }

    .grid-margin-x > .medium-offset-0
    {
        margin-left: calc(0% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-1
    {
        margin-left: calc(8.33333% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-2
    {
        margin-left: calc(16.66667% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-3
    {
        margin-left: calc(25% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-4
    {
        margin-left: calc(33.33333% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-5
    {
        margin-left: calc(41.66667% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-6
    {
        margin-left: calc(50% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-7
    {
        margin-left: calc(58.33333% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-8
    {
        margin-left: calc(66.66667% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-9
    {
        margin-left: calc(75% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-10
    {
        margin-left: calc(83.33333% + .9375rem)
    }

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

    .grid-margin-x > .medium-offset-11
    {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,screen and (min-width:64em)
{
    .large-offset-0
    {
        margin-left: 0
    }

    .grid-margin-x > .large-offset-0
    {
        margin-left: calc(0% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-1
    {
        margin-left: calc(8.33333% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-2
    {
        margin-left: calc(16.66667% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-3
    {
        margin-left: calc(25% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-4
    {
        margin-left: calc(33.33333% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-5
    {
        margin-left: calc(41.66667% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-6
    {
        margin-left: calc(50% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-7
    {
        margin-left: calc(58.33333% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-8
    {
        margin-left: calc(66.66667% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-9
    {
        margin-left: calc(75% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-10
    {
        margin-left: calc(83.33333% + .9375rem)
    }

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

    .grid-margin-x > .large-offset-11
    {
        margin-left: calc(91.66667% + .9375rem)
    }
}

.grid-y
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .grid-y > .cell
    {
        width: auto
    }

    .grid-y > .auto
    {
        height: auto
    }

    .grid-y > .shrink
    {
        height: auto
    }

    .grid-y > .small-1, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-full, .grid-y > .small-shrink
    {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

@media print,screen and (min-width:40em)
{
    .grid-y > .medium-1, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-full, .grid-y > .medium-shrink
    {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media print,screen and (min-width:64em)
{
    .grid-y > .large-1, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-full, .grid-y > .large-shrink
    {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.grid-y > .small-1
{
    height: 8.33333%
}

.grid-y > .small-2
{
    height: 16.66667%
}

.grid-y > .small-3
{
    height: 25%
}

.grid-y > .small-4
{
    height: 33.33333%
}

.grid-y > .small-5
{
    height: 41.66667%
}

.grid-y > .small-6
{
    height: 50%
}

.grid-y > .small-7
{
    height: 58.33333%
}

.grid-y > .small-8
{
    height: 66.66667%
}

.grid-y > .small-9
{
    height: 75%
}

.grid-y > .small-10
{
    height: 83.33333%
}

.grid-y > .small-11
{
    height: 91.66667%
}

.grid-y > .small-12
{
    height: 100%
}

@media print,screen and (min-width:40em)
{
    .grid-y > .medium-auto
    {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .medium-shrink
    {
        height: auto
    }

    .grid-y > .medium-1
    {
        height: 8.33333%
    }

    .grid-y > .medium-2
    {
        height: 16.66667%
    }

    .grid-y > .medium-3
    {
        height: 25%
    }

    .grid-y > .medium-4
    {
        height: 33.33333%
    }

    .grid-y > .medium-5
    {
        height: 41.66667%
    }

    .grid-y > .medium-6
    {
        height: 50%
    }

    .grid-y > .medium-7
    {
        height: 58.33333%
    }

    .grid-y > .medium-8
    {
        height: 66.66667%
    }

    .grid-y > .medium-9
    {
        height: 75%
    }

    .grid-y > .medium-10
    {
        height: 83.33333%
    }

    .grid-y > .medium-11
    {
        height: 91.66667%
    }

    .grid-y > .medium-12
    {
        height: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .grid-y > .large-auto
    {
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto
    }

    .grid-y > .large-shrink
    {
        height: auto
    }

    .grid-y > .large-1
    {
        height: 8.33333%
    }

    .grid-y > .large-2
    {
        height: 16.66667%
    }

    .grid-y > .large-3
    {
        height: 25%
    }

    .grid-y > .large-4
    {
        height: 33.33333%
    }

    .grid-y > .large-5
    {
        height: 41.66667%
    }

    .grid-y > .large-6
    {
        height: 50%
    }

    .grid-y > .large-7
    {
        height: 58.33333%
    }

    .grid-y > .large-8
    {
        height: 66.66667%
    }

    .grid-y > .large-9
    {
        height: 75%
    }

    .grid-y > .large-10
    {
        height: 83.33333%
    }

    .grid-y > .large-11
    {
        height: 91.66667%
    }

    .grid-y > .large-12
    {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y
{
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-padding-y .grid-padding-y
    {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-padding-y > .cell
{
    padding-top: .625rem;
    padding-bottom: .625rem
}

@media print,screen and (min-width:40em)
{
    .grid-padding-y > .cell
    {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }
}

.grid-margin-y
{
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y
    {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell
{
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y > .cell
    {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto
{
    height: auto
}

.grid-margin-y > .shrink
{
    height: auto
}

.grid-margin-y > .small-1
{
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2
{
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3
{
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4
{
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5
{
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6
{
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7
{
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8
{
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9
{
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10
{
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11
{
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12
{
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y > .auto
    {
        height: auto
    }

    .grid-margin-y > .shrink
    {
        height: auto
    }

    .grid-margin-y > .small-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12
    {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto
    {
        height: auto
    }

    .grid-margin-y > .medium-shrink
    {
        height: auto
    }

    .grid-margin-y > .medium-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12
    {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-margin-y > .large-auto
    {
        height: auto
    }

    .grid-margin-y > .large-shrink
    {
        height: auto
    }

    .grid-margin-y > .large-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12
    {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame
{
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw
}

.cell .grid-frame
{
    width: 100%
}

.cell-block
{
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-y
{
    overflow-y: auto;
    max-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-stype: -ms-autohiding-scrollbar
}

.cell-block-container
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%
}

    .cell-block-container > .grid-x
    {
        max-height: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

@media print,screen and (min-width:40em)
{
    .medium-grid-frame
    {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .medium-grid-frame
    {
        width: 100%
    }

    .medium-cell-block
    {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .medium-cell-block-container
    {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

        .medium-cell-block-container > .grid-x
        {
            max-height: 100%;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

    .medium-cell-block-y
    {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

@media print,screen and (min-width:64em)
{
    .large-grid-frame
    {
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw
    }

    .cell .large-grid-frame
    {
        width: 100%
    }

    .large-cell-block
    {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }

    .large-cell-block-container
    {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%
    }

        .large-cell-block-container > .grid-x
        {
            max-height: 100%;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

    .large-cell-block-y
    {
        overflow-y: auto;
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-stype: -ms-autohiding-scrollbar
    }
}

.grid-y.grid-frame
{
    width: auto;
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh
}

@media print,screen and (min-width:40em)
{
    .grid-y.medium-grid-frame
    {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

@media print,screen and (min-width:64em)
{
    .grid-y.large-grid-frame
    {
        width: auto;
        overflow: hidden;
        position: relative;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh
    }
}

.cell .grid-y.grid-frame
{
    height: 100%
}

@media print,screen and (min-width:40em)
{
    .cell .grid-y.medium-grid-frame
    {
        height: 100%
    }
}

@media print,screen and (min-width:64em)
{
    .cell .grid-y.large-grid-frame
    {
        height: 100%
    }
}

.grid-margin-y
{
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y
    {
        margin-top: -.9375rem;
        margin-bottom: -.9375rem
    }
}

.grid-margin-y > .cell
{
    height: calc(100% - 1.25rem);
    margin-top: .625rem;
    margin-bottom: .625rem
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y > .cell
    {
        height: calc(100% - 1.875rem);
        margin-top: .9375rem;
        margin-bottom: .9375rem
    }
}

.grid-margin-y > .auto
{
    height: auto
}

.grid-margin-y > .shrink
{
    height: auto
}

.grid-margin-y > .small-1
{
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y > .small-2
{
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y > .small-3
{
    height: calc(25% - 1.25rem)
}

.grid-margin-y > .small-4
{
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y > .small-5
{
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y > .small-6
{
    height: calc(50% - 1.25rem)
}

.grid-margin-y > .small-7
{
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y > .small-8
{
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y > .small-9
{
    height: calc(75% - 1.25rem)
}

.grid-margin-y > .small-10
{
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y > .small-11
{
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y > .small-12
{
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y > .auto
    {
        height: auto
    }

    .grid-margin-y > .shrink
    {
        height: auto
    }

    .grid-margin-y > .small-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .small-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .small-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .small-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .small-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .small-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .small-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .small-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .small-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .small-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .small-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .small-12
    {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y > .medium-auto
    {
        height: auto
    }

    .grid-margin-y > .medium-shrink
    {
        height: auto
    }

    .grid-margin-y > .medium-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .medium-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .medium-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .medium-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .medium-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .medium-12
    {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-margin-y > .large-auto
    {
        height: auto
    }

    .grid-margin-y > .large-shrink
    {
        height: auto
    }

    .grid-margin-y > .large-1
    {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y > .large-2
    {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y > .large-3
    {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y > .large-4
    {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y > .large-5
    {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y > .large-6
    {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y > .large-7
    {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y > .large-8
    {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y > .large-9
    {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y > .large-10
    {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y > .large-11
    {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y > .large-12
    {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y
{
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width:40em)
{
    .grid-frame.grid-margin-y
    {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-frame.grid-margin-y
    {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:40em)
{
    .grid-margin-y.medium-grid-frame
    {
        height: calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width:64em)
{
    .grid-margin-y.large-grid-frame
    {
        height: calc(100vh + 1.875rem)
    }
}

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

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

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

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

.align-right.vertical.menu > li > a
{
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center.vertical.menu > li > a
{
    -ms-flex-pack: center;
    justify-content: center
}

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

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

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

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

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

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

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

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

.align-center-middle
{
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.small-order-1
{
    -ms-flex-order: 1;
    order: 1
}

.small-order-2
{
    -ms-flex-order: 2;
    order: 2
}

.small-order-3
{
    -ms-flex-order: 3;
    order: 3
}

.small-order-4
{
    -ms-flex-order: 4;
    order: 4
}

.small-order-5
{
    -ms-flex-order: 5;
    order: 5
}

.small-order-6
{
    -ms-flex-order: 6;
    order: 6
}

@media print,screen and (min-width:40em)
{
    .medium-order-1
    {
        -ms-flex-order: 1;
        order: 1
    }

    .medium-order-2
    {
        -ms-flex-order: 2;
        order: 2
    }

    .medium-order-3
    {
        -ms-flex-order: 3;
        order: 3
    }

    .medium-order-4
    {
        -ms-flex-order: 4;
        order: 4
    }

    .medium-order-5
    {
        -ms-flex-order: 5;
        order: 5
    }

    .medium-order-6
    {
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,screen and (min-width:64em)
{
    .large-order-1
    {
        -ms-flex-order: 1;
        order: 1
    }

    .large-order-2
    {
        -ms-flex-order: 2;
        order: 2
    }

    .large-order-3
    {
        -ms-flex-order: 3;
        order: 3
    }

    .large-order-4
    {
        -ms-flex-order: 4;
        order: 4
    }

    .large-order-5
    {
        -ms-flex-order: 5;
        order: 5
    }

    .large-order-6
    {
        -ms-flex-order: 6;
        order: 6
    }
}

.flex-container
{
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto
{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow
{
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink
{
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row
{
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse
{
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column
{
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse
{
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media print,screen and (min-width:40em)
{
    .medium-flex-container
    {
        display: -ms-flexbox;
        display: flex
    }

    .medium-flex-child-auto
    {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .medium-flex-child-grow
    {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .medium-flex-child-shrink
    {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .medium-flex-dir-row
    {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .medium-flex-dir-row-reverse
    {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .medium-flex-dir-column
    {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .medium-flex-dir-column-reverse
    {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media print,screen and (min-width:64em)
{
    .large-flex-container
    {
        display: -ms-flexbox;
        display: flex
    }

    .large-flex-child-auto
    {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .large-flex-child-grow
    {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .large-flex-child-shrink
    {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .large-flex-dir-row
    {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .large-flex-dir-row-reverse
    {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .large-flex-dir-column
    {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .large-flex-dir-column-reverse
    {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea
{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus
    {
        outline: 0;
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow .5s,border-color .25s ease-in-out
    }

textarea
{
    max-width: 100%
}

    textarea[rows]
    {
        height: auto
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
    {
        color: #cacaca
    }

    input::-moz-placeholder, textarea::-moz-placeholder
    {
        color: #cacaca
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder
    {
        color: #cacaca
    }

    input::placeholder, textarea::placeholder
    {
        color: #cacaca
    }

    input:disabled, input[readonly], textarea:disabled, textarea[readonly]
    {
        background-color: #e6e6e6;
        cursor: not-allowed
    }

[type=button], [type=submit]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search]
{
    box-sizing: border-box
}

[type=checkbox], [type=file], [type=radio]
{
    margin: 0 0 1rem
}

    [type=checkbox] + label, [type=radio] + label
    {
        display: inline-block;
        vertical-align: baseline;
        margin-left: .5rem;
        margin-right: 1rem;
        margin-bottom: 0
    }

        [type=checkbox] + label[for], [type=radio] + label[for]
        {
            cursor: pointer
        }

label > [type=checkbox], label > [type=radio]
{
    margin-right: .5rem
}

[type=file]
{
    width: 100%
}

label
{
    display: block;
    margin: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    color: #0a0a0a
}

    label.middle
    {
        margin: 0 0 1rem;
        padding: .5625rem 0
    }

.help-text
{
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #0a0a0a
}

.input-group
{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .input-group > :first-child
    {
        border-radius: 0
    }

    .input-group > :last-child > *
    {
        border-radius: 0
    }

.input-group-button, .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label, .input-group-field, .input-group-label
{
    margin: 0;
    white-space: nowrap
}

.input-group-label
{
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #0a0a0a;
    text-align: center;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-align: center;
    align-items: center
}

    .input-group-label:first-child
    {
        border-right: 0
    }

    .input-group-label:last-child
    {
        border-left: 0
    }

.input-group-field
{
    border-radius: 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    height: auto;
    min-width: 0
}

.input-group-button
{
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .input-group-button a, .input-group-button button, .input-group-button input, .input-group-button label
    {
        height: auto;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem
    }

fieldset
{
    margin: 0;
    padding: 0;
    border: 0
}

legend
{
    max-width: 100%;
    margin-bottom: .5rem
}

.fieldset
{
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #cacaca
}

    .fieldset legend
    {
        margin: 0;
        margin-left: -.1875rem;
        padding: 0 .1875rem
    }

select
{
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

@media screen and (min-width:0\0)
{
    select
    {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus
{
    outline: 0;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow .5s,border-color .25s ease-in-out
}

select:disabled
{
    background-color: #e6e6e6;
    cursor: not-allowed
}

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

select[multiple]
{
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus)
{
    border-color: #cc4b37;
    background-color: #f9ecea
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder
    {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::-moz-placeholder
    {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus):-ms-input-placeholder
    {
        color: #cc4b37
    }

    .is-invalid-input:not(:focus)::placeholder
    {
        color: #cc4b37
    }

.is-invalid-label
{
    color: #cc4b37
}

.form-error
{
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700;
    color: #cc4b37
}

    .form-error.is-visible
    {
        display: block
    }

.button
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #1779ba;
    color: #fefefe
}

[data-whatinput=mouse] .button
{
    outline: 0
}

.button:focus, .button:hover
{
    background-color: rgba(116,173,62,1);
    color: #fefefe
}

.button.tiny
{
    font-size: .6rem
}

.button.small
{
    font-size: .75rem
}

.button.large
{
    font-size: 1.25rem
}

.button.expanded
{
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary
{
    background-color: #1779ba;
    color: #fefefe
}

    .button.primary:focus, .button.primary:hover
    {
        background-color: #126195;
        color: #fefefe
    }

.button.secondary
{
    background-color: #767676;
    color: #fefefe
}

    .button.secondary:focus, .button.secondary:hover
    {
        background-color: #5e5e5e;
        color: #fefefe
    }

.button.success
{
    background-color: #3adb76;
    color: #0a0a0a
}

    .button.success:focus, .button.success:hover
    {
        background-color: #22bb5b;
        color: #0a0a0a
    }

.button.warning
{
    background-color: #ffae00;
    color: #0a0a0a
}

    .button.warning:focus, .button.warning:hover
    {
        background-color: #cc8b00;
        color: #0a0a0a
    }

.button.alert
{
    background-color: #cc4b37;
    color: #fefefe
}

    .button.alert:focus, .button.alert:hover
    {
        background-color: #a53b2a;
        color: #fefefe
    }

.button.disabled, .button[disabled]
{
    opacity: .25;
    cursor: not-allowed
}

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover
    {
        background-color: #1779ba;
        color: #fefefe
    }

        .button.disabled.primary, .button[disabled].primary
        {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.primary, .button.disabled.primary:focus, .button.disabled.primary:hover, .button[disabled].primary, .button[disabled].primary:focus, .button[disabled].primary:hover
            {
                background-color: #1779ba;
                color: #fefefe
            }

        .button.disabled.secondary, .button[disabled].secondary
        {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.secondary, .button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary, .button[disabled].secondary:focus, .button[disabled].secondary:hover
            {
                background-color: #767676;
                color: #fefefe
            }

        .button.disabled.success, .button[disabled].success
        {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.success, .button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success, .button[disabled].success:focus, .button[disabled].success:hover
            {
                background-color: #3adb76;
                color: #0a0a0a
            }

        .button.disabled.warning, .button[disabled].warning
        {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.warning, .button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning, .button[disabled].warning:focus, .button[disabled].warning:hover
            {
                background-color: #ffae00;
                color: #0a0a0a
            }

        .button.disabled.alert, .button[disabled].alert
        {
            opacity: .25;
            cursor: not-allowed
        }

            .button.disabled.alert, .button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert, .button[disabled].alert:focus, .button[disabled].alert:hover
            {
                background-color: #cc4b37;
                color: #fefefe
            }

.button.hollow
{
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.hollow, .button.hollow:focus, .button.hollow:hover
    {
        background-color: transparent
    }

        .button.hollow.disabled, .button.hollow.disabled:focus, .button.hollow.disabled:hover, .button.hollow[disabled], .button.hollow[disabled]:focus, .button.hollow[disabled]:hover
        {
            background-color: transparent
        }

        .button.hollow:focus, .button.hollow:hover
        {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.hollow:focus.disabled, .button.hollow:focus[disabled], .button.hollow:hover.disabled, .button.hollow:hover[disabled]
            {
                border: 1px solid #1779ba;
                color: #1779ba
            }

        .button.hollow.primary
        {
            border: 1px solid #1779ba;
            color: #1779ba
        }

            .button.hollow.primary:focus, .button.hollow.primary:hover
            {
                border-color: #0c3d5d;
                color: #0c3d5d
            }

                .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled], .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled]
                {
                    border: 1px solid #1779ba;
                    color: #1779ba
                }

        .button.hollow.secondary
        {
            border: 1px solid #767676;
            color: #767676
        }

            .button.hollow.secondary:focus, .button.hollow.secondary:hover
            {
                border-color: #3b3b3b;
                color: #3b3b3b
            }

                .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled], .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled]
                {
                    border: 1px solid #767676;
                    color: #767676
                }

        .button.hollow.success
        {
            border: 1px solid #3adb76;
            color: #3adb76
        }

            .button.hollow.success:focus, .button.hollow.success:hover
            {
                border-color: #157539;
                color: #157539
            }

                .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled], .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled]
                {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

        .button.hollow.warning
        {
            border: 1px solid #ffae00;
            color: #ffae00
        }

            .button.hollow.warning:focus, .button.hollow.warning:hover
            {
                border-color: #805700;
                color: #805700
            }

                .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled], .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled]
                {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

        .button.hollow.alert
        {
            border: 1px solid #cc4b37;
            color: #cc4b37
        }

            .button.hollow.alert:focus, .button.hollow.alert:hover
            {
                border-color: #67251a;
                color: #67251a
            }

                .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled], .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled]
                {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

.button.clear
{
    border: 1px solid #1779ba;
    color: #1779ba
}

    .button.clear, .button.clear:focus, .button.clear:hover
    {
        background-color: transparent
    }

        .button.clear.disabled, .button.clear.disabled:focus, .button.clear.disabled:hover, .button.clear[disabled], .button.clear[disabled]:focus, .button.clear[disabled]:hover
        {
            background-color: transparent
        }

        .button.clear:focus, .button.clear:hover
        {
            border-color: #0c3d5d;
            color: #0c3d5d
        }

            .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover.disabled, .button.clear:hover[disabled]
            {
                border: 1px solid #1779ba;
                color: #1779ba
            }

            .button.clear, .button.clear.disabled, .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear[disabled]
            {
                border-color: transparent
            }

                .button.clear.primary
                {
                    border: 1px solid #1779ba;
                    color: #1779ba
                }

                    .button.clear.primary:focus, .button.clear.primary:hover
                    {
                        border-color: #0c3d5d;
                        color: #0c3d5d
                    }

                        .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled]
                        {
                            border: 1px solid #1779ba;
                            color: #1779ba
                        }

                        .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary[disabled]
                        {
                            border-color: transparent
                        }

                .button.clear.secondary
                {
                    border: 1px solid #767676;
                    color: #767676
                }

                    .button.clear.secondary:focus, .button.clear.secondary:hover
                    {
                        border-color: #3b3b3b;
                        color: #3b3b3b
                    }

                        .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled]
                        {
                            border: 1px solid #767676;
                            color: #767676
                        }

                        .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary[disabled]
                        {
                            border-color: transparent
                        }

                .button.clear.success
                {
                    border: 1px solid #3adb76;
                    color: #3adb76
                }

                    .button.clear.success:focus, .button.clear.success:hover
                    {
                        border-color: #157539;
                        color: #157539
                    }

                        .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover.disabled, .button.clear.success:hover[disabled]
                        {
                            border: 1px solid #3adb76;
                            color: #3adb76
                        }

                        .button.clear.success, .button.clear.success.disabled, .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success[disabled]
                        {
                            border-color: transparent
                        }

                .button.clear.warning
                {
                    border: 1px solid #ffae00;
                    color: #ffae00
                }

                    .button.clear.warning:focus, .button.clear.warning:hover
                    {
                        border-color: #805700;
                        color: #805700
                    }

                        .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled]
                        {
                            border: 1px solid #ffae00;
                            color: #ffae00
                        }

                        .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning[disabled]
                        {
                            border-color: transparent
                        }

                .button.clear.alert
                {
                    border: 1px solid #cc4b37;
                    color: #cc4b37
                }

                    .button.clear.alert:focus, .button.clear.alert:hover
                    {
                        border-color: #67251a;
                        color: #67251a
                    }

                        .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled]
                        {
                            border: 1px solid #cc4b37;
                            color: #cc4b37
                        }

                        .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert[disabled]
                        {
                            border-color: transparent
                        }

.button.dropdown::after
{
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow::after
{
    border-top-color: #1779ba
}

.button.dropdown.hollow.primary::after
{
    border-top-color: #1779ba
}

.button.dropdown.hollow.secondary::after
{
    border-top-color: #767676
}

.button.dropdown.hollow.success::after
{
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after
{
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after
{
    border-top-color: #cc4b37
}

.button.arrow-only::after
{
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus, a.button:hover
{
    text-decoration: none
}

.callout
{
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 0;
    background-color: #fff;
    color: #0a0a0a
}

    .callout > :first-child
    {
        margin-top: 0
    }

    .callout > :last-child
    {
        margin-bottom: 0
    }

    .callout.primary
    {
        background-color: #d7ecfa;
        color: #0a0a0a
    }

    .callout.secondary
    {
        background-color: #eaeaea;
        color: #0a0a0a
    }

    .callout.success
    {
        background-color: #e1faea;
        color: #0a0a0a
    }

    .callout.warning
    {
        background-color: #fff3d9;
        color: #0a0a0a
    }

    .callout.alert
    {
        background-color: #f7e4e1;
        color: #0a0a0a
    }

    .callout.small
    {
        padding-top: .5rem;
        padding-right: .5rem;
        padding-bottom: .5rem;
        padding-left: .5rem
    }

    .callout.large
    {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }

body.is-reveal-open
{
    overflow: hidden
}

html.is-reveal-open, html.is-reveal-open body
{
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10,10,10,.45);
    overflow-y: scroll
}

.reveal
{
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal
{
    outline: 0
}

@media print,screen and (min-width:40em)
{
    .reveal
    {
        min-height: 0
    }
}

.reveal .column
{
    min-width: 0
}

.reveal > :last-child
{
    margin-bottom: 0
}

@media print,screen and (min-width:40em)
{
    .reveal
    {
        width: 600px;
        max-width: 75rem
    }
}

.reveal.collapse
{
    padding: 0
}

@media print,screen and (min-width:40em)
{
    .reveal.tiny
    {
        width: 30%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em)
{
    .reveal.small
    {
        width: 50%;
        max-width: 75rem
    }
}

@media print,screen and (min-width:40em)
{
    .reveal.large
    {
        width: 90%;
        max-width: 75rem
    }
}

.reveal.full
{
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:39.9375em)
{
    .reveal
    {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay
{
    position: fixed
}

.slide-in-down.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-down.mui-enter.mui-enter-active
    {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-left.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-left.mui-enter.mui-enter-active
    {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-in-up.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-up.mui-enter.mui-enter-active
    {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.slide-in-right.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-in-right.mui-enter.mui-enter-active
    {
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

.slide-out-down.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-down.mui-leave.mui-leave-active
    {
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

.slide-out-right.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-right.mui-leave.mui-leave-active
    {
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

.slide-out-up.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-up.mui-leave.mui-leave-active
    {
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

.slide-out-left.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition-property: transform,opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .slide-out-left.mui-leave.mui-leave-active
    {
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fade-in.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

    .fade-in.mui-enter.mui-enter-active
    {
        opacity: 1
    }

.fade-out.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    opacity: 1;
    transition-property: opacity
}

    .fade-out.mui-leave.mui-leave-active
    {
        opacity: 0
    }

.hinge-in-from-top.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-top.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-right.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-right.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-bottom.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(90deg);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-left.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(90deg);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-left.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-x.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateX(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-in-from-middle-y.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotateY(-90deg);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 0
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active
    {
        transform: perspective(2000px) rotate(0);
        opacity: 1
    }

.hinge-out-from-top.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: top;
    transform-origin: top;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-top.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-right.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: right;
    transform-origin: right;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-right.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.hinge-out-from-bottom.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0
    }

.hinge-out-from-left.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-left.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0
    }

.hinge-out-from-middle-x.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0
    }

.hinge-out-from-middle-y.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    transform: perspective(2000px) rotate(0);
    -ms-transform-origin: center;
    transform-origin: center;
    transition-property: transform,opacity;
    opacity: 1
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active
    {
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0
    }

.scale-in-up.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(.5);
    transform: scale(.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-up.mui-enter.mui-enter-active
    {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-in-down.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    transition-property: transform,opacity;
    opacity: 0
}

    .scale-in-down.mui-enter.mui-enter-active
    {
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

.scale-out-up.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-up.mui-leave.mui-leave-active
    {
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }

.scale-out-down.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: scale(1);
    transform: scale(1);
    transition-property: transform,opacity;
    opacity: 1
}

    .scale-out-down.mui-leave.mui-leave-active
    {
        -ms-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

.spin-in.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(-.75turn);
    transform: rotate(-.75turn);
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in.mui-enter.mui-enter-active
    {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out.mui-leave.mui-leave-active
    {
        -ms-transform: rotate(.75turn);
        transform: rotate(.75turn);
        opacity: 0
    }

.spin-in-ccw.mui-enter
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(.75turn);
    transform: rotate(.75turn);
    transition-property: transform,opacity;
    opacity: 0
}

    .spin-in-ccw.mui-enter.mui-enter-active
    {
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

.spin-out-ccw.mui-leave
{
    transition-duration: .5s;
    transition-timing-function: linear;
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition-property: transform,opacity;
    opacity: 1
}

    .spin-out-ccw.mui-leave.mui-leave-active
    {
        -ms-transform: rotate(-.75turn);
        transform: rotate(-.75turn);
        opacity: 0
    }

.slow
{
    transition-duration: 750ms !important
}

.fast
{
    transition-duration: 250ms !important
}

.linear
{
    transition-timing-function: linear !important
}

.ease
{
    transition-timing-function: ease !important
}

.ease-in
{
    transition-timing-function: ease-in !important
}

.ease-out
{
    transition-timing-function: ease-out !important
}

.ease-in-out
{
    transition-timing-function: ease-in-out !important
}

.bounce-in
{
    transition-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out
{
    transition-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out
{
    transition-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay
{
    transition-delay: .3s !important
}

.long-delay
{
    transition-delay: .7s !important
}

.shake
{
    animation-name: shake-7
}

@keyframes shake-7
{
    0%,10%,20%,30%,40%,50%,60%,70%,80%,90%
    {
        transform: translateX(7%)
    }

    15%,25%,35%,45%,5%,55%,65%,75%,85%,95%
    {
        transform: translateX(-7%)
    }
}

.spin-cw
{
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn
{
    0%
    {
        transform: rotate(-1turn)
    }

    100%
    {
        transform: rotate(0)
    }
}

.spin-ccw
{
    animation-name: spin-cw-1turn
}

@keyframes spin-cw-1turn
{
    0%
    {
        transform: rotate(0)
    }

    100%
    {
        transform: rotate(1turn)
    }
}

.wiggle
{
    animation-name: wiggle-7deg
}

@keyframes wiggle-7deg
{
    40%,50%,60%
    {
        transform: rotate(7deg)
    }

    35%,45%,55%,65%
    {
        transform: rotate(-7deg)
    }

    0%,100%,30%,70%
    {
        transform: rotate(0)
    }
}

.shake, .spin-ccw, .spin-cw, .wiggle
{
    animation-duration: .5s
}

.infinite
{
    animation-iteration-count: infinite
}

.slow
{
    animation-duration: 750ms !important
}

.fast
{
    animation-duration: 250ms !important
}

.linear
{
    animation-timing-function: linear !important
}

.ease
{
    animation-timing-function: ease !important
}

.ease-in
{
    animation-timing-function: ease-in !important
}

.ease-out
{
    animation-timing-function: ease-out !important
}

.ease-in-out
{
    animation-timing-function: ease-in-out !important
}

.bounce-in
{
    animation-timing-function: cubic-bezier(.485,.155,.24,1.245) !important
}

.bounce-out
{
    animation-timing-function: cubic-bezier(.485,.155,.515,.845) !important
}

.bounce-in-out
{
    animation-timing-function: cubic-bezier(.76,-.245,.24,1.245) !important
}

.short-delay
{
    animation-delay: .3s !important
}

.long-delay
{
    animation-delay: .7s !important
}