/* IFNCA-ui-components@4.1.0 */

html {
    box-sizing: border-box;
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

html.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:320px) {
    html {
        font-size: 14px
    }
}

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

.centered {
    text-align: center;
    margin-right: auto;
    margin-left: auto
}

.mobile-only {
    display: none;
    visibility: hidden
}

@media (min-width:321px) {
    .mobile-only {
        display: block;
        visibility: visible
    }
}

.desktop-only {
    display: block;
    visibility: visible
}

@media (max-width:768px) {
    .desktop-only {
        display: none!important;
        visibility: hidden!important
    }
}

.nowrap {
    white-space: nowrap
}

.alignRight {
    margin-left: auto
}

.centeredHV {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.line-through {
    text-decoration: line-through
}

.underline {
    text-decoration: underline
}

.grad-IFNCA-green {
    background-image: linear-gradient(180deg, #1b50a0 0, #c41a34)
}

.grad-IFNCA-green-light {
    background-image: linear-gradient(180deg, #f7faff 0, #f2f7ff)
}

.grad-green {
    background-image: linear-gradient(to bottom right, #66a2fe 0, #0064fe)
}

.grad-green {
    background-image: linear-gradient(to bottom right, #85d9b4 0, #34c082)
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-Heavy.eot);
    src: url(../fonts/Lato/Lato-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-Heavy.woff2) format("woff2"), url(../fonts/Lato/Lato-Heavy.woff) format("woff"), url(../fonts/Lato/Lato-Heavy.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-HeavyItalic.eot);
    src: url(../fonts/Lato/Lato-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-HeavyItalic.woff2) format("woff2"), url(../fonts/Lato/Lato-HeavyItalic.woff) format("woff"), url(../fonts/Lato/Lato-HeavyItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-Light.eot);
    src: url(../fonts/Lato/Lato-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-Light.woff2) format("woff2"), url(../fonts/Lato/Lato-Light.woff) format("woff"), url(../fonts/Lato/Lato-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-LightItalic.eot);
    src: url(../fonts/Lato/Lato-LightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-LightItalic.woff2) format("woff2"), url(../fonts/Lato/Lato-LightItalic.woff) format("woff"), url(../fonts/Lato/Lato-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 100;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-Regular.eot);
    src: url(../fonts/Lato/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-Regular.woff2) format("woff2"), url(../fonts/Lato/Lato-Regular.woff) format("woff"), url(../fonts/Lato/Lato-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(../fonts/Lato/Lato-Italic.eot);
    src: url(../fonts/Lato/Lato-Italic.eot?#iefix) format("embedded-opentype"), url(../fonts/Lato/Lato-Italic.woff2) format("woff2"), url(../fonts/Lato/Lato-Italic.woff) format("woff"), url(../fonts/Lato/Lato-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

.IFNCA-green {
    color: #1a3c7b
}
.bg-IFNCA-grey {
    background-color: #efefef
}

.bg-IFNCA-green {
    background-color: #1a3c7b
}

.IFNCA-green-tint-20 {
    color: #33578e
}

.bg-IFNCA-green-tint-20 {
    background-color: #33578e
}

.IFNCA-green-tint-40 {
    color: #6681aa
}

.bg-IFNCA-green-tint-40 {
    background-color: #12c81252
}

.IFNCA-green-tint-60 {
    color: #99abc7
}

.bg-IFNCA-green-tint-60 {
    background-color: #99abc7
}

.IFNCA-green-tint-80 {
    color: #ccd5e3
}

.bg-IFNCA-green-tint-80 {
    background-color: #ccd5e3
}

.IFNCA-green-tint-90 {
    color: #e6eaf1
}

.bg-IFNCA-green-tint-90 {
    background-color: #e6eaf1
}

.IFNCA-green-tint-95 {
    color: #f2f5f8
}

.bg-IFNCA-green-tint-95 {
    background-color: #f2f5f8
}

.IFNCA-green-shade-20 {
    color: #00245b
}

.bg-IFNCA-green-shade-20 {
    background-color: #00245b
}

.IFNCA-green-shade-40 {
    color: #001b44
}

.bg-IFNCA-green-shade-40 {
    background-color: #001b44
}

.IFNCA-green-shade-60 {
    color: #00122e
}

.bg-IFNCA-green-shade-60 {
    background-color: #00122e
}

.IFNCA-yellow {
    color: #ffed00
}

.bg-IFNCA-yellow {
    background-color: #ffed00
}

.IFNCA-yellow-tint-20 {
    color: #fff133
}

.bg-IFNCA-yellow-tint-20 {
    background-color: #fff133
}

.IFNCA-yellow-tint-40 {
    color: #fff466
}

.bg-IFNCA-yellow-tint-40 {
    background-color: #fff466
}

.IFNCA-yellow-tint-60 {
    color: #fff899
}

.bg-IFNCA-yellow-tint-60 {
    background-color: #fff899
}

.IFNCA-yellow-tint-80 {
    color: #fffbcc
}

.bg-IFNCA-yellow-tint-80 {
    background-color: #fffbcc
}

.IFNCA-yellow-tint-90 {
    color: #fffde6
}

.bg-IFNCA-yellow-tint-90 {
    background-color: #fffde6
}

.IFNCA-yellow-tint-95 {
    color: #fffef2
}

.bg-IFNCA-yellow-tint-95 {
    background-color: #fffef2
}

.green {
    color: #1a3c7b
}

.bg-green {
    background-color: #1a3c7b
}

.green-tint-20 {
    color: #3383fe
}

.bg-green-tint-20 {
    background-color: #3383fe
}

.green-tint-40 {
    color: #66a2fe
}

.bg-green-tint-40 {
    background-color: #66a2fe
}

.green-tint-60 {
    color: #99c1ff
}

.bg-green-tint-60 {
    background-color: #99c1ff
}

.green-tint-80 {
    color: #cce0ff
}

.bg-green-tint-80 {
    background-color: #cce0ff
}

.green-tint-90 {
    color: #e6f0ff
}

.bg-green-tint-90 {
    background-color: #e6f0ff
}

.green-tint-95 {
    color: #f2f7ff
}

.bg-green-tint-95 {
    background-color: #f2f7ff
}

.green-shade-20 {
    color: #0050cb
}

.bg-green-shade-20 {
    background-color: #0050cb
}

.green-shade-40 {
    color: #003c98
}

.bg-green-shade-40 {
    background-color: #003c98
}

.green-shade-60 {
    color: #002866
}

.bg-green-shade-60 {
    background-color: #002866
}

.green {
    color: #34c082
}

.green-tint-20 {
    color: #5dcd9b
}

.bg-green-tint-20 {
    background-color: #5dcd9b
}

.green-tint-40 {
    color: #85d9b4
}

.bg-green-tint-40 {
    background-color: #85d9b4
}

.green-tint-60 {
    color: #aee6cd
}

.bg-green-tint-60 {
    background-color: #aee6cd
}

.green-tint-80 {
    color: #d6f2e6
}

.bg-green-tint-80 {
    background-color: #d6f2e6
}

.green-tint-90 {
    color: #ebf9f3
}

.bg-green-tint-90 {
    background-color: #ebf9f3
}

.green-tint-95 {
    color: #f5fcf9
}

.bg-green-tint-95 {
    background-color: #f5fcf9
}

.green-shade-20 {
    color: #2a9a68
}

.bg-green-shade-20 {
    background-color: #2a9a68
}

.green-shade-40 {
    color: #1f734e
}

.bg-green-shade-40 {
    background-color: #1f734e
}

.green-shade-60 {
    color: #154d34
}

.bg-green-shade-60 {
    background-color: #154d34
}

.red {
    color: #de351b
}

.bg-red {
    background-color: #de351b
}

.red-tint-20 {
    color: #e55d49
}

.bg-red-tint-20 {
    background-color: #e55d49
}

.red-tint-40 {
    color: #eb8676
}

.bg-red-tint-40 {
    background-color: #eb8676
}

.red-tint-60 {
    color: #f2aea4
}

.bg-red-tint-60 {
    background-color: #f2aea4
}

.red-tint-80 {
    color: #f8d7d1
}

.bg-red-tint-80 {
    background-color: #f8d7d1
}

.red-tint-90 {
    color: #fcebe8
}

.bg-red-tint-90 {
    background-color: #fcebe8
}

.red-tint-95 {
    color: #fdf5f4
}

.bg-red-tint-95 {
    background-color: #fdf5f4
}

.red-shade-20 {
    color: #b22a16
}

.bg-red-shade-20 {
    background-color: #b22a16
}

.red-shade-40 {
    color: #852010
}

.bg-red-shade-40 {
    background-color: #852010
}

.red-shade-60 {
    color: #59150b
}

.bg-red-shade-60 {
    background-color: #59150b
}

.grey {
    color: #001432
}

.bg-grey {
    background-color: #001432
}

.grey-tint-20 {
    color: #33435b
}

.bg-grey-tint-20 {
    background-color: #33435b
}

.grey-tint-40 {
    color: #667284
}

.bg-grey-tint-40 {
    background-color: #667284
}

.grey-tint-60 {
    color: #99a1ad
}

.bg-grey-tint-60 {
    background-color: #99a1ad
}

.grey-tint-80 {
    color: #ccd0d6
}

.bg-grey-tint-80 {
    background-color: #ccd0d6
}

.grey-tint-90 {
    color: #e6e8eb
}

.bg-grey-tint-90 {
    background-color: #e6e8eb
}

.grey-tint-95 {
    color: #f2f3f5
}

.bg-grey-tint-95 {
    background-color: #f2f3f5
}

.white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.black {
    color: #000
}

.bg-black {
    background-color: #000
}

.purple {
    color: #9b0053
}

.bg-purple {
    background-color: #9b0053
}

.purple-tint-20 {
    color: #af3375
}

.bg-purple-tint-20 {
    background-color: #af3375
}

.purple-tint-40 {
    color: #c36698
}

.bg-purple-tint-40 {
    background-color: #c36698
}

.purple-tint-60 {
    color: #d799ba
}

.bg-purple-tint-60 {
    background-color: #d799ba
}

.purple-tint-80 {
    color: #ebccdd
}

.bg-purple-tint-80 {
    background-color: #ebccdd
}

.purple-tint-90 {
    color: #f5e6ee
}

.bg-purple-tint-90 {
    background-color: #f5e6ee
}

.purple-tint-95 {
    color: #faf2f6
}

.bg-purple-tint-95 {
    background-color: #faf2f6
}

.purple-shade-20 {
    color: #7c0042
}

.bg-purple-shade-20 {
    background-color: #7c0042
}

.purple-shade-40 {
    color: #5d0032
}

.bg-purple-shade-40 {
    background-color: #5d0032
}

.purple-shade-60 {
    color: #3e0021
}

.bg-purple-shade-60 {
    background-color: #3e0021
}

.m-bold {
    font-weight: 700
}

.m-inverted {
    color: #fff!important
}

.m h2.centered {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center
}

.cellContainerHeadline,
.m .cellContainerHeadline {
    font-weight: 400;
    font-size: 2rem
}

.m h1.viewTitle,
h1.viewTitle {
    font-size: 4rem;
    font-weight: 700;
    margin: 4.125rem 0 1.5rem
}

a {
    color: #c72128;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: none
}

html:not(.touchevents) a:hover {
    text-decoration: underline
}

html:not(.touchevents) a:focus {
    text-decoration: underline;
    outline: none
}

a.underline {
    text-decoration: underline
}

a.no-underline {
    text-decoration: none!important
}

a.white {
    color: #fff
}

a.gray {
    color: #667284
}

a.active {
    pointer-events: none
}

a.m-muted {
    text-decoration: underline;
    color: #001432
}

html:not(.touchevents) a.m-muted:hover {
    color: #0064fe
}

a.profile {
    color: #1a3c7b
}

a.profile:hover {
    text-decoration: none
}

li a {
    display: block;
    cursor: pointer
}

a[aria-selected=false] {
    color: #667284;
    font-weight: 400
}

a[aria-selected=true] {
    color: #c41a34!important;
    font-weight: 400;
    pointer-events: none
}

.footer-link {
    color: #000;
    padding: 0 .5rem;
    font-size: .825rem;
    text-decoration: none
}

.footer-link:first-child {
    padding-left: 0
}

.footer-link:last-child {
    padding-right: 0
}

a.back-link {
    float: left;
    margin-left: 0;
    padding-left: 1.5rem;
    -ms-flex-item-align: center;
    align-self: center;
    width: 64px;
    height: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

body {
    font-family: Lato, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;
}

footer {
    color: #667284;
    background-color: #1a3c7b;
    min-height: 2.875rem;
    padding: 0 2rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .8275rem
}

.footer-right,
footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-right img {
    margin-right: 4px
}

@media (min-width:321px) {
    .footer-right {
        display: none;
        visibility: hidden
    }
}

form {
    width: 100%
}

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

.m-h1,
.m .m-h1,
.m h1 {
    font-weight: 400;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #c41a34;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 2rem
}

.m-h1.m-intro,
.m .m-h1.m-intro,
.m h1.m-intro {
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 5rem
}

.m-h2,
.m .m-h2,
.m h2 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: #c41a34
}

.m-h3,
.m .m-h3,
.m h3 {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #c41a34
}

.m-h4,
.m .m-h4,
.m h4 {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #c41a34
}

.m-h5,
.m .m-h5,
.m h5 {
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1.25rem;
    color: #001432
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #f2f3f5;
    margin: 1em 0;
    padding: 0
}

main {
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: 100%;
    height: 100vh;
    margin-bottom: 2rem
}

.m-p,
.m p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #001432
}

p.large {
    font-size: 1.25rem
}

p.light {
    font-weight: 400
}

img.full-width {
    max-width: 100%
}

[role=menubar],
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sub-navigation {
    line-height: 200%
}

@media (min-width:321px) {
    .sub-navigation {
        display: none;
        visibility: hidden
    }
}

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

.list-composite__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1.5rem
}

.mobile-navigation {
    z-index: 20;
    position: absolute;
    display: block;
    left: 0;
    top: 9rem;
    width: 100%;
    height: 100%
}

.content-list-item {
    max-width: 34rem;
    height: 6rem;
    border: 1px solid #ccd0d6;
    border-top: none
}

.content-list-item p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-list-item:first-child {
    border-top: 1px solid #ccd0d6;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.content-list-item:nth-last-child(-n+1) {
    border-bottom: 1px solid #ccd0d6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

@media (min-width:321px) {
    .content-list-item {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
        border-right: none;
        border-left: none
    }
    .content-list-item:first-child {
        border-top: none;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
    .content-list-item:nth-last-child(-n+1) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.navigation-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    height: 5rem;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eee;
    color: #c41a34;
    background-color: #fff
}

.navigation-list__item>img {
    margin-right: 1rem
}

.navigation-list__item span {
    -ms-flex-positive: 2;
    flex-grow: 2
}

.notifications-list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 5rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f2f3f5
}

.notifications-list__item:first-child {
    border-top: none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.notifications-list__item:nth-last-child(-n+1) {
    border-bottom: 1px solid #f2f3f5;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.notifications-list__item-content {
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin-left: 1rem
}

.notifications-list__item-controls {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0
}

@media (min-width:321px) {
    .notifications-list__item {
        padding: 0
    }
    .notifications-list__item-controls {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.custom-dropdown {
    overflow-y: scroll;
    min-height: 100px;
    box-shadow: 0 1px 2px 0 hsla(0, 0%, 50%, .2)
}

.custom-dropdown li {
    display: block;
    min-height: 2.625rem
}

.custom-dropdown li:hover {
    background-color: #f2f3f5
}

small {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.25rem;
    color: currentColor
}

.m-segmentedControl {
    margin-bottom: 1.5rem
}

.m-segmentedControl-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0;
    box-shadow: 0 0 0 1px #66a2fe;
    border-radius: .1875rem;
    margin-bottom: .1875rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    overflow: hidden
}

.m-segmentedControl-option {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin: 0;
    padding: .6875rem 0;
    height: 2.5rem;
    outline: none;
    text-align: center;
    font-family: inherit;
    font-weight: 400;
    font-size: 1rem;
    border: 0;
    border-radius: 0;
    color: #0064fe;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-segmentedControl-option+.m-segmentedControl-option {
    border-left: 1px solid #66a2fe
}

.m-segmentedControl-option:focus {
    outline: none
}

html:not(.touchevents) .m-segmentedControl-option:focus {
    color: #0050cb;
    font-weight: 700
}

html:not(.touchevents) .m-segmentedControl-option:hover {
    text-decoration: underline;
    outline: none
}

.m-segmentedControl-option-isActive {
    background-color: #e6f0ff;
    color: #003c98;
    font-weight: 700;
    pointer-events: none;
    border: none;
    box-shadow: inset 0 0 0 1px #66a2fe
}

.m-segmentedControl-option:last-child:not(.m-segmentedControl-option-isActive) {
    border-right: none
}

.m-segmentedControl-isVertical .m-segmentedControl-options {
    -ms-flex-direction: column;
    flex-direction: column
}

.m-segmentedControl-isVertical .m-segmentedControl-option {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.m-segmentedControl-isVertical .m-segmentedControl-option+.m-segmentedControl-option {
    border: 0;
    box-shadow: 0 0 0 1px #66a2fe
}

.m-segmentedControl-isVertical .m-segmentedControl-option+.m-segmentedControl-option-isActive {
    border: 0;
    box-shadow: inset 0 0 0 2px #66a2fe
}

.m-button {
    position: relative;
    height: 2.5rem;
    padding: 0 1rem;
    vertical-align: middle;
    border: 0;
    border-radius: .125rem;
    color: #fff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 125ms ease, box-shadow 125ms ease
}

.m-button .m-icon {
    margin: 0 .5rem;
    vertical-align: bottom;
    font-size: 1.25rem;
    width: 1em;
    height: 1em;
    transform: translateY(-.125rem)
}

.m-button-small .m-icon {
    font-size: 1rem
}

.m-button-large .m-icon {
    font-size: 1.5rem
}

.m-button.m-button-isDisabled,
.m-button:disabled {
    box-shadow: none;
    cursor: not-allowed
}

.m-button-disabledShaker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.m-button-isShaking {
    animation: a .5s cubic-bezier(.455, .03, .515, .955) both
}

@keyframes a {
    0% {
        transform: translateX(3px)
    }
    20% {
        transform: translateX(-2.5px)
    }
    40% {
        transform: translateX(1.5px)
    }
    60% {
        transform: translateX(-1px)
    }
    80% {
        transform: translateX(.5px)
    }
    to {
        transform: translateX(0)
    }
}

.m-button-primary,
.m-button-primaryRaised {
    color: #fff;
    background-color: #1a3c7b
}

    .m-button-primary:active,
    .m-button-primaryRaised:active,
    html:not(.touchevents) .m-button-primary:focus,
    html:not(.touchevents) .m-button-primary:hover,
    html:not(.touchevents) .m-button-primaryRaised:focus,
    html:not(.touchevents) .m-button-primaryRaised:hover {
        background-color: #1a3c7b
    }

.m-button-primaryRaised {
    box-shadow: 0 2px 4px 0 rgba(0, 45, 114, .2)
}

html:not(.touchevents) .m-button-primaryRaised:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 45, 114, .2)
}

.m-button-secondary {
    color: #c41a34;
    background-color: #e6f0ff
}

.m-button-secondary:active,
html:not(.touchevents) .m-button-secondary:focus,
html:not(.touchevents) .m-button-secondary:hover {
    background-color: #cce0ff
}

.m-button-primary.m-button-isDisabled,
.m-button-primary:disabled,
.m-button-primaryRaised.m-button-isDisabled,
.m-button-primaryRaised:disabled,
.m-button-primaryWarning.m-button-isDisabled,
.m-button-primaryWarning:disabled,
.m-button-secondary.m-button-isDisabled,
.m-button-secondary:disabled {
    color: #667284;
    background-color: #e6e8eb;
    background-image: repeating-linear-gradient(40deg, rgba(204, 208, 214, .5), rgba(204, 208, 214, .5) 2px, rgba(204, 208, 214, 0) 0, rgba(204, 208, 214, 0) 10px)
}

html:not(.touchevents) .m-button-primary.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-primary:disabled:hover,
html:not(.touchevents) .m-button-primaryRaised.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-primaryRaised:disabled:hover,
html:not(.touchevents) .m-button-primaryWarning.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-primaryWarning:disabled:hover,
html:not(.touchevents) .m-button-secondary.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-secondary:disabled:hover {
    background-color: #e6e8eb;
    text-decoration: none;
    box-shadow: none
}

.m-button-primaryWarning {
    color: #fff;
    background-color: #de351b
}

.m-button-primaryWarning:active,
html:not(.touchevents) .m-button-primaryWarning:focus,
html:not(.touchevents) .m-button-primaryWarning:hover {
    background-color: #b22a16
}

.m-button-ghost,
.m-button-ghostMuted,
.m-button-ghostWarning {
    color: #0064fe;
    background: transparent;
    font-weight: 700
}

.m-button-ghost:active,
.m-button-ghostMuted:active,
.m-button-ghostWarning:active,
html:not(.touchevents) .m-button-ghost:focus,
html:not(.touchevents) .m-button-ghost:hover,
html:not(.touchevents) .m-button-ghostMuted:focus,
html:not(.touchevents) .m-button-ghostMuted:hover,
html:not(.touchevents) .m-button-ghostWarning:focus,
html:not(.touchevents) .m-button-ghostWarning:hover {
    background-color: rgba(0, 100, 254, .05)
}

.m-button-ghost.m-button-isDisabled,
.m-button-ghost:disabled,
.m-button-ghostMuted.m-button-isDisabled,
.m-button-ghostMuted:disabled,
.m-button-ghostWarning.m-button-isDisabled,
.m-button-ghostWarning:disabled {
    color: #99a1ad
}

html:not(.touchevents) .m-button-ghost.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-ghost:disabled:hover,
html:not(.touchevents) .m-button-ghostMuted.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-ghostMuted:disabled:hover,
html:not(.touchevents) .m-button-ghostWarning.m-button-isDisabled:hover,
html:not(.touchevents) .m-button-ghostWarning:disabled:hover {
    background-color: transparent;
    color: #99a1ad
}

.m-button-ghostMuted {
    color: #001432;
    text-decoration: underline
}

.m-button-ghostWarning {
    color: #de351b
}

.m-button-ghostWarning:active,
html:not(.touchevents) .m-button-ghostWarning:focus,
html:not(.touchevents) .m-button-ghostWarning:hover {
    background-color: rgba(222, 53, 27, .05)
}

.m-button.m-button-waiting {
    position: relative;
    text-decoration: none
}

.m-button.m-button-waiting>span {
    color: transparent
}

.m-button.m-button-waiting .m-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .6875rem
}

html:not(.touchevents) .m-button.m-button-waiting:hover {
    text-decoration: none
}

.m-button-large {
    height: 3rem;
    padding: 0 2rem;
    font-size: 1.125rem
}

.m-button-small {
    height: 2rem;
    padding: 0 .75rem;
    font-size: .875rem
}

.m-button-block {
    display: block;
    width: 50%;
    margin: 1rem 0;
    padding: 0
}

.m-button-isWide {
    padding: 0 2.25em
}

.m-button-isDarkgreen {
    background-color: #002866;
    color: #fff
}

input.m-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none!important;
    color: #fff
}

.m-labelIcon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-labelIcon>.m-label {
    padding-right: 8px
}

.m-labelIcon>.m-Icon {
    max-height: 1.2rem
}

@media (max-width:321px) {
    .m-labelIcon .m-Icon {
        transform: scale(.7)
    }
}

a.m-button-block {
    -ms-flex-pack: center;
    justify-content: center
}

a.m-button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

a.m-button:hover {
    text-decoration: none!important
}

a.m-button:focus {
    text-decoration: none
}

.m-bottomNavigation {
    height: 4rem;
    height: calc(4rem + constant(safe-area-inset-bottom));
    height: calc(4rem + env(safe-area-inset-bottom))
}

.m-bottomNavigation-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    box-sizing: content-box;
    padding: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    height: 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #c41a34
}

.m-bottomNavigation-button {
    -ms-flex: 1;
    flex: 1 1 0%;
    margin: 0;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    height: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: #c41a34;
    color: #fff;
    font-size: .6875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html:not(.touchevents) .m-bottomNavigation-button:focus {
    color: #fff
}

.m-bottomNavigation-button:focus {
    outline: none
}

.m-bottomNavigation-button-isActive {
    color: #ffed00
}

.m-bottomNavigation-buttonLabel {
    display: block;
    margin-top: .125rem;
    font-weight: 700;
    text-transform: uppercase
}

.m-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    font-size: 1rem;
    cursor: pointer
}

html:not(.touchevents) .m-checkbox:hover .m-checkbox-input:not(:disabled)+.m-checkbox-inputIcon {
    border-color: #0064fe
}

.m-checkbox-inputIcon {
    position: relative;
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    border: .0625rem solid #99a1ad;
    border-radius: .125rem;
    box-shadow: 0 0 0 .0625rem #99a1ad;
    background-color: #fff;
    transition: background-color, border-color, box-shadow;
    transition-duration: .35s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: background-color, border-color;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.m-checkbox-inputIcon:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: .125rem;
    background-color: transparent;
    transition: width, height, background-color;
    transition-duration: .35s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.m-checkbox-inputIcon svg {
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    width: 1rem;
    height: 1rem
}

.m-checkbox-inputIcon svg path,
.m-checkbox-inputIcon svg polyline {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1.125rem;
    stroke-dashoffset: 1.125rem;
    will-change: stroke-dashoffset;
    transition: stroke-dashoffset .15s cubic-bezier(.4, 0, .2, 1);
    transition-delay: 0s
}

.m-checkbox-inputIcon:focus {
    box-shadow: 0 0 0 .0625rem #f0f;
    border: 1.0625rem solid #0f0
}

.m-checkbox-input {
    position: absolute;
    opacity: 0
}

.m-checkbox-input:focus+.m-checkbox-inputIcon:before {
    width: 2rem;
    height: 2rem;
    background-color: #cce0ff
}

.m-checkbox-input:checked+.m-checkbox-inputIcon,
.m-checkbox-isIndeterminate .m-checkbox-input+.m-checkbox-inputIcon {
    border-color: #0064fe;
    box-shadow: 0 0 0 .0625rem #0064fe;
    background-color: #0064fe;
    transition-delay: 0s
}

.m-checkbox-input:checked+.m-checkbox-inputIcon path,
.m-checkbox-input:checked+.m-checkbox-inputIcon polyline,
.m-checkbox-isIndeterminate .m-checkbox-input+.m-checkbox-inputIcon path,
.m-checkbox-isIndeterminate .m-checkbox-input+.m-checkbox-inputIcon polyline {
    stroke-dashoffset: 0;
    transition-delay: .15s
}

.m-checkbox-input:disabled:not(:checked)+.m-checkbox-inputIcon {
    box-shadow: none;
    padding: .0625rem
}

.m-checkbox-input:checked:disabled+.m-checkbox-inputIcon,
.m-checkbox-isIndeterminate .m-checkbox-input:disabled+.m-checkbox-inputIcon {
    border-color: #ccd0d6;
    box-shadow: 0 0 0 .0625rem #ccd0d6;
    background-color: #ccd0d6
}

.m-checkbox-input:disabled+.m-checkbox-inputIcon {
    border-color: #e6e8eb;
    background-color: #f2f3f5
}

.m-checkbox-input:disabled~.m-checkbox-label,
.m-checkbox-input:disabled~.m-checkbox-label strong {
    color: #ccd0d6
}

.m-checkbox-label {
    font-size: 1rem;
    line-height: 1.375rem;
    color: #33435b;
    margin-left: .75rem
}

.m-checkbox-label>strong {
    color: #c41a34
}

.m-choiceList {
    padding: 0;
    margin: 0;
    font-size: 1rem;
    list-style: none
}

.m-choiceList>li {
    transition: background-color .125s ease-in-out 0s;
    position: relative;
    padding: 1rem 1.5rem;
    width: 100%;
    box-shadow: inset 0 -1px 0 0 #f2f3f5
}

.m-choiceList>li>a:focus,
.m-choiceList>li>a:hover {
    text-decoration: none
}

.m-choiceList>li:not(.m-choiceList-header) {
    min-height: 4.25rem
}

.m-choiceList>li.m-choiceList-header {
    padding: .375rem 1.5rem .375rem .75rem;
    color: #6681aa;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #f2f3f5;
    border-top-right-radius: .1875rem;
    border-top-left-radius: .1875rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-transform: uppercase
}

.m-choiceList>.m-choiceList-linkItem {
    padding: 0
}

.m-choiceList-link {
    display: block;
    padding: 1rem 1.5rem;
    color: #667284;
    font-weight: 700
}

.m-choiceList-linkItem-isSelected .m-choiceList-link {
    color: #001432
}

.m-choiceList-link strong {
    color: #0064fe
}

.m-choiceList-linkItem-isSelected .m-choiceList-link strong {
    color: #001432
}

html:not(.touchevents) .m-choiceList:not(.m-choiceList-noHover) li:not(.m-choiceList-header):hover {
    background-color: #f2f7ff
}

.m-choiceList-bordered {
    border: 1px solid #ccd0d6;
    border-radius: 3px
}

.m-choiceList-bordered>li:not(:last-child) {
    box-shadow: inset 0 -1px 0 0 #ccd0d6
}

.m-choiceList-compact>li:not(.m-choiceList-header) {
    min-height: 0
}

.m-radioButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    font-size: 1rem;
    cursor: pointer
}

html:not(.touchevents) .m-radioButton:hover .m-radioButton-input:not(:disabled)+.m-radioButton-inputIcon {
    border-color: #0064fe
}

.m-radioButton-inputIcon {
    position: relative;
    float: left;
    width: 1.25rem;
    height: 1.25rem;
    padding: .3125rem;
    border: .125rem solid #99a1ad;
    border-radius: 50%;
    background-color: #fff;
    transition: background-color, border-color;
    transition-duration: .3s, .3s;
    transition-timing-function: ease, ease;
    will-change: background-color, border-color;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-radioButton-inputIcon:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: transparent;
    transition: width .3s, height .3s, background-color .3s;
    transition-timing-function: cubic-bezier(.77, 0, .32, 1)
}

.m-radioButton-inputIcon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 50%;
    background-color: #0064fe;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1)
}

.m-radioButton-input {
    position: absolute;
    opacity: 0
}

.m-radioButton-input:focus+.m-radioButton-inputIcon:before {
    width: 2rem;
    height: 2rem;
    background-color: #cce0ff
}

.m-radioButton-input:checked+.m-radioButton-inputIcon {
    border-color: #0064fe
}

.m-radioButton-input:checked+.m-radioButton-inputIcon:after {
    transform: scale(.625)
}

.m-radioButton-input:checked:disabled+.m-radioButton-inputIcon {
    border-color: #99a1ad;
    background-color: #fff
}

.m-radioButton-input:checked:disabled+.m-radioButton-inputIcon:after {
    background-color: #99a1ad
}

.m-radioButton-input:disabled+.m-radioButton-inputIcon {
    border-color: #e6e8eb;
    background-color: #f2f3f5
}

.m-radioButton-input:disabled:not(:checked)+.m-radioButton-inputIcon {
    border-width: 1px
}

.m-radioButton-input:disabled~.m-radioButton-label,
.m-radioButton-input:disabled~.m-radioButton-label strong {
    color: #99a1ad
}

.m-radioButton-label {
    font-size: 1rem;
    line-height: 1.375rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #33435b;
    margin-left: .75rem
}

.m-radioButton-label>strong {
    color: #c41a34
}

.m-radioButton-isReversed {
    text-align: left;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.m-radioButton-isReversed .m-radioButton-label {
    margin-left: 0;
    margin-right: .75rem
}

.m-errorMessage {
    padding: 11px 16px 9px;
    margin: 20px 0;
    font-weight: 700;
    color: #de351b;
    letter-spacing: 0;
    line-height: 20px;
    background: #ffebcc;
    border-radius: 3px
}

.m-row,
.m-row-fluid {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.m-row {
    display: flex;
    flex-flow: row wrap;
    max-width: 980px
}

@media (min-width:1024px) {
    .m-row {
        max-width: 1030px
    }
}

.m-row-centerVertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.m-row .m-col-centered:nth-child(1n) {
    margin: 0 auto;
    float: none
}

.m-col-xs1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xs1of1:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of1:last-child {
    margin-right: 0
}

.m-col-xs1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - 15px)
}

.m-col-xs1of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of2:last-child {
    margin-right: 0
}

.m-col-xs1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xs2of2:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs2of2:last-child {
    margin-right: 0
}

.m-col-xs2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - 20px)
}

.m-col-xs1of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of3:last-child {
    margin-right: 0
}

.m-col-xs1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - 10px)
}

.m-col-xs2of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs2of3:last-child {
    margin-right: 0
}

.m-col-xs2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xs3of3:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs3of3:last-child {
    margin-right: 0
}

.m-col-xs3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - 22.5px)
}

.m-col-xs1of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of4:last-child {
    margin-right: 0
}

.m-col-xs1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - 15px)
}

.m-col-xs2of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs2of4:last-child {
    margin-right: 0
}

.m-col-xs2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - 7.5px)
}

.m-col-xs3of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs3of4:last-child {
    margin-right: 0
}

.m-col-xs3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xs4of4:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs4of4:last-child {
    margin-right: 0
}

.m-col-xs4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - 24px)
}

.m-col-xs1of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of5:last-child {
    margin-right: 0
}

.m-col-xs1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - 18px)
}

.m-col-xs2of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs2of5:last-child {
    margin-right: 0
}

.m-col-xs2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - 12px)
}

.m-col-xs3of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs3of5:last-child {
    margin-right: 0
}

.m-col-xs3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - 6px)
}

.m-col-xs4of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs4of5:last-child {
    margin-right: 0
}

.m-col-xs4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xs5of5:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs5of5:last-child {
    margin-right: 0
}

.m-col-xs5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - 26.25px)
}

.m-col-xs1of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs1of8:last-child {
    margin-right: 0
}

.m-col-xs1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - 22.5px)
}

.m-col-xs2of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs2of8:last-child {
    margin-right: 0
}

.m-col-xs2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - 18.75px)
}

.m-col-xs3of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs3of8:last-child {
    margin-right: 0
}

.m-col-xs3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - 15px)
}

.m-col-xs4of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs4of8:last-child {
    margin-right: 0
}

.m-col-xs4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - 11.25px)
}

.m-col-xs5of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs5of8:last-child {
    margin-right: 0
}

.m-col-xs5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - 7.5px)
}

.m-col-xs6of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs6of8:last-child {
    margin-right: 0
}

.m-col-xs6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - 3.75px)
}

.m-col-xs7of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs7of8:last-child {
    margin-right: 0
}

.m-col-xs7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xs8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - 0px)
}

.m-col-xs8of8:nth-child(1n) {
    margin-right: 30px;
    margin-left: 0
}

.m-col-xs8of8:last-child {
    margin-right: 0
}

.m-col-xs8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsTight1of1:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of1:last-child {
    margin-right: 0
}

.m-col-xsTight1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - 8px)
}

.m-col-xsTight1of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of2:last-child {
    margin-right: 0
}

.m-col-xsTight1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsTight2of2:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight2of2:last-child {
    margin-right: 0
}

.m-col-xsTight2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - 10.666666666666668px)
}

.m-col-xsTight1of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of3:last-child {
    margin-right: 0
}

.m-col-xsTight1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - 5.333333333333334px)
}

.m-col-xsTight2of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight2of3:last-child {
    margin-right: 0
}

.m-col-xsTight2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsTight3of3:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight3of3:last-child {
    margin-right: 0
}

.m-col-xsTight3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - 12px)
}

.m-col-xsTight1of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of4:last-child {
    margin-right: 0
}

.m-col-xsTight1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - 8px)
}

.m-col-xsTight2of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight2of4:last-child {
    margin-right: 0
}

.m-col-xsTight2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - 4px)
}

.m-col-xsTight3of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight3of4:last-child {
    margin-right: 0
}

.m-col-xsTight3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsTight4of4:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight4of4:last-child {
    margin-right: 0
}

.m-col-xsTight4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - 12.8px)
}

.m-col-xsTight1of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of5:last-child {
    margin-right: 0
}

.m-col-xsTight1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - 9.6px)
}

.m-col-xsTight2of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight2of5:last-child {
    margin-right: 0
}

.m-col-xsTight2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - 6.4px)
}

.m-col-xsTight3of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight3of5:last-child {
    margin-right: 0
}

.m-col-xsTight3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - 3.199999999999999px)
}

.m-col-xsTight4of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight4of5:last-child {
    margin-right: 0
}

.m-col-xsTight4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsTight5of5:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight5of5:last-child {
    margin-right: 0
}

.m-col-xsTight5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - 14px)
}

.m-col-xsTight1of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight1of8:last-child {
    margin-right: 0
}

.m-col-xsTight1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - 12px)
}

.m-col-xsTight2of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight2of8:last-child {
    margin-right: 0
}

.m-col-xsTight2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - 10px)
}

.m-col-xsTight3of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight3of8:last-child {
    margin-right: 0
}

.m-col-xsTight3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - 8px)
}

.m-col-xsTight4of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight4of8:last-child {
    margin-right: 0
}

.m-col-xsTight4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - 6px)
}

.m-col-xsTight5of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight5of8:last-child {
    margin-right: 0
}

.m-col-xsTight5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - 4px)
}

.m-col-xsTight6of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight6of8:last-child {
    margin-right: 0
}

.m-col-xsTight6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - 2px)
}

.m-col-xsTight7of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight7of8:last-child {
    margin-right: 0
}

.m-col-xsTight7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsTight8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - 0px)
}

.m-col-xsTight8of8:nth-child(1n) {
    margin-right: 16px;
    margin-left: 0
}

.m-col-xsTight8of8:last-child {
    margin-right: 0
}

.m-col-xsTight8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of1 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsWide1of1:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of1:last-child {
    margin-right: 0
}

.m-col-xsWide1of1:nth-child(1n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/2 - 30px)
}

.m-col-xsWide1of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of2:last-child {
    margin-right: 0
}

.m-col-xsWide1of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide2of2 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsWide2of2:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide2of2:last-child {
    margin-right: 0
}

.m-col-xsWide2of2:nth-child(2n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/3 - 40px)
}

.m-col-xsWide1of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of3:last-child {
    margin-right: 0
}

.m-col-xsWide1of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide2of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/3 - 20px)
}

.m-col-xsWide2of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide2of3:last-child {
    margin-right: 0
}

.m-col-xsWide2of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide3of3 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsWide3of3:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide3of3:last-child {
    margin-right: 0
}

.m-col-xsWide3of3:nth-child(3n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/4 - 45px)
}

.m-col-xsWide1of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of4:last-child {
    margin-right: 0
}

.m-col-xsWide1of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide2of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/4 - 30px)
}

.m-col-xsWide2of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide2of4:last-child {
    margin-right: 0
}

.m-col-xsWide2of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide3of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/4 - 15px)
}

.m-col-xsWide3of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide3of4:last-child {
    margin-right: 0
}

.m-col-xsWide3of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide4of4 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsWide4of4:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide4of4:last-child {
    margin-right: 0
}

.m-col-xsWide4of4:nth-child(4n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/5 - 48px)
}

.m-col-xsWide1of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of5:last-child {
    margin-right: 0
}

.m-col-xsWide1of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide2of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/5 - 36px)
}

.m-col-xsWide2of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide2of5:last-child {
    margin-right: 0
}

.m-col-xsWide2of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide3of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/5 - 24px)
}

.m-col-xsWide3of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide3of5:last-child {
    margin-right: 0
}

.m-col-xsWide3of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide4of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/5 - 12px)
}

.m-col-xsWide4of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide4of5:last-child {
    margin-right: 0
}

.m-col-xsWide4of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide5of5 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/1 - 0px)
}

.m-col-xsWide5of5:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide5of5:last-child {
    margin-right: 0
}

.m-col-xsWide5of5:nth-child(5n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide1of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 1/8 - 52.5px)
}

.m-col-xsWide1of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide1of8:last-child {
    margin-right: 0
}

.m-col-xsWide1of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide2of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 2/8 - 45px)
}

.m-col-xsWide2of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide2of8:last-child {
    margin-right: 0
}

.m-col-xsWide2of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide3of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 3/8 - 37.5px)
}

.m-col-xsWide3of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide3of8:last-child {
    margin-right: 0
}

.m-col-xsWide3of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide4of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 4/8 - 30px)
}

.m-col-xsWide4of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide4of8:last-child {
    margin-right: 0
}

.m-col-xsWide4of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide5of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 5/8 - 22.5px)
}

.m-col-xsWide5of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide5of8:last-child {
    margin-right: 0
}

.m-col-xsWide5of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide6of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 6/8 - 15px)
}

.m-col-xsWide6of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide6of8:last-child {
    margin-right: 0
}

.m-col-xsWide6of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide7of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 7/8 - 7.5px)
}

.m-col-xsWide7of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide7of8:last-child {
    margin-right: 0
}

.m-col-xsWide7of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

.m-col-xsWide8of8 {
    flex: 0 0 auto;
    width: calc(99.9% * 8/8 - 0px)
}

.m-col-xsWide8of8:nth-child(1n) {
    margin-right: 60px;
    margin-left: 0
}

.m-col-xsWide8of8:last-child {
    margin-right: 0
}

.m-col-xsWide8of8:nth-child(8n) {
    margin-right: 0;
    margin-left: auto
}

@media (min-width:420px) {
    .m-col-sm1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-sm1of1:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of1:last-child {
        margin-right: 0
    }
    .m-col-sm1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 15px)
    }
    .m-col-sm1of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of2:last-child {
        margin-right: 0
    }
    .m-col-sm1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-sm2of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm2of2:last-child {
        margin-right: 0
    }
    .m-col-sm2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 20px)
    }
    .m-col-sm1of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of3:last-child {
        margin-right: 0
    }
    .m-col-sm1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 10px)
    }
    .m-col-sm2of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm2of3:last-child {
        margin-right: 0
    }
    .m-col-sm2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-sm3of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm3of3:last-child {
        margin-right: 0
    }
    .m-col-sm3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 22.5px)
    }
    .m-col-sm1of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of4:last-child {
        margin-right: 0
    }
    .m-col-sm1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 15px)
    }
    .m-col-sm2of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm2of4:last-child {
        margin-right: 0
    }
    .m-col-sm2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 7.5px)
    }
    .m-col-sm3of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm3of4:last-child {
        margin-right: 0
    }
    .m-col-sm3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-sm4of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm4of4:last-child {
        margin-right: 0
    }
    .m-col-sm4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 24px)
    }
    .m-col-sm1of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of5:last-child {
        margin-right: 0
    }
    .m-col-sm1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 18px)
    }
    .m-col-sm2of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm2of5:last-child {
        margin-right: 0
    }
    .m-col-sm2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 12px)
    }
    .m-col-sm3of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm3of5:last-child {
        margin-right: 0
    }
    .m-col-sm3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 6px)
    }
    .m-col-sm4of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm4of5:last-child {
        margin-right: 0
    }
    .m-col-sm4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-sm5of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm5of5:last-child {
        margin-right: 0
    }
    .m-col-sm5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 26.25px)
    }
    .m-col-sm1of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm1of8:last-child {
        margin-right: 0
    }
    .m-col-sm1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 22.5px)
    }
    .m-col-sm2of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm2of8:last-child {
        margin-right: 0
    }
    .m-col-sm2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 18.75px)
    }
    .m-col-sm3of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm3of8:last-child {
        margin-right: 0
    }
    .m-col-sm3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 15px)
    }
    .m-col-sm4of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm4of8:last-child {
        margin-right: 0
    }
    .m-col-sm4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 11.25px)
    }
    .m-col-sm5of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm5of8:last-child {
        margin-right: 0
    }
    .m-col-sm5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 7.5px)
    }
    .m-col-sm6of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm6of8:last-child {
        margin-right: 0
    }
    .m-col-sm6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 3.75px)
    }
    .m-col-sm7of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm7of8:last-child {
        margin-right: 0
    }
    .m-col-sm7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-sm8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-sm8of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-sm8of8:last-child {
        margin-right: 0
    }
    .m-col-sm8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smTight1of1:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of1:last-child {
        margin-right: 0
    }
    .m-col-smTight1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 8px)
    }
    .m-col-smTight1of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of2:last-child {
        margin-right: 0
    }
    .m-col-smTight1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smTight2of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight2of2:last-child {
        margin-right: 0
    }
    .m-col-smTight2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 10.666666666666668px)
    }
    .m-col-smTight1of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of3:last-child {
        margin-right: 0
    }
    .m-col-smTight1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 5.333333333333334px)
    }
    .m-col-smTight2of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight2of3:last-child {
        margin-right: 0
    }
    .m-col-smTight2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smTight3of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight3of3:last-child {
        margin-right: 0
    }
    .m-col-smTight3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 12px)
    }
    .m-col-smTight1of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of4:last-child {
        margin-right: 0
    }
    .m-col-smTight1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 8px)
    }
    .m-col-smTight2of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight2of4:last-child {
        margin-right: 0
    }
    .m-col-smTight2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 4px)
    }
    .m-col-smTight3of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight3of4:last-child {
        margin-right: 0
    }
    .m-col-smTight3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smTight4of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight4of4:last-child {
        margin-right: 0
    }
    .m-col-smTight4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 12.8px)
    }
    .m-col-smTight1of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of5:last-child {
        margin-right: 0
    }
    .m-col-smTight1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 9.6px)
    }
    .m-col-smTight2of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight2of5:last-child {
        margin-right: 0
    }
    .m-col-smTight2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 6.4px)
    }
    .m-col-smTight3of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight3of5:last-child {
        margin-right: 0
    }
    .m-col-smTight3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 3.199999999999999px)
    }
    .m-col-smTight4of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight4of5:last-child {
        margin-right: 0
    }
    .m-col-smTight4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smTight5of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight5of5:last-child {
        margin-right: 0
    }
    .m-col-smTight5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 14px)
    }
    .m-col-smTight1of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight1of8:last-child {
        margin-right: 0
    }
    .m-col-smTight1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 12px)
    }
    .m-col-smTight2of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight2of8:last-child {
        margin-right: 0
    }
    .m-col-smTight2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 10px)
    }
    .m-col-smTight3of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight3of8:last-child {
        margin-right: 0
    }
    .m-col-smTight3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 8px)
    }
    .m-col-smTight4of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight4of8:last-child {
        margin-right: 0
    }
    .m-col-smTight4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 6px)
    }
    .m-col-smTight5of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight5of8:last-child {
        margin-right: 0
    }
    .m-col-smTight5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 4px)
    }
    .m-col-smTight6of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight6of8:last-child {
        margin-right: 0
    }
    .m-col-smTight6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 2px)
    }
    .m-col-smTight7of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight7of8:last-child {
        margin-right: 0
    }
    .m-col-smTight7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smTight8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-smTight8of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-smTight8of8:last-child {
        margin-right: 0
    }
    .m-col-smTight8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smWide1of1:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of1:last-child {
        margin-right: 0
    }
    .m-col-smWide1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 30px)
    }
    .m-col-smWide1of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of2:last-child {
        margin-right: 0
    }
    .m-col-smWide1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smWide2of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide2of2:last-child {
        margin-right: 0
    }
    .m-col-smWide2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 40px)
    }
    .m-col-smWide1of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of3:last-child {
        margin-right: 0
    }
    .m-col-smWide1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 20px)
    }
    .m-col-smWide2of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide2of3:last-child {
        margin-right: 0
    }
    .m-col-smWide2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smWide3of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide3of3:last-child {
        margin-right: 0
    }
    .m-col-smWide3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 45px)
    }
    .m-col-smWide1of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of4:last-child {
        margin-right: 0
    }
    .m-col-smWide1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 30px)
    }
    .m-col-smWide2of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide2of4:last-child {
        margin-right: 0
    }
    .m-col-smWide2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 15px)
    }
    .m-col-smWide3of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide3of4:last-child {
        margin-right: 0
    }
    .m-col-smWide3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smWide4of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide4of4:last-child {
        margin-right: 0
    }
    .m-col-smWide4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 48px)
    }
    .m-col-smWide1of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of5:last-child {
        margin-right: 0
    }
    .m-col-smWide1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 36px)
    }
    .m-col-smWide2of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide2of5:last-child {
        margin-right: 0
    }
    .m-col-smWide2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 24px)
    }
    .m-col-smWide3of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide3of5:last-child {
        margin-right: 0
    }
    .m-col-smWide3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 12px)
    }
    .m-col-smWide4of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide4of5:last-child {
        margin-right: 0
    }
    .m-col-smWide4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-smWide5of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide5of5:last-child {
        margin-right: 0
    }
    .m-col-smWide5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 52.5px)
    }
    .m-col-smWide1of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide1of8:last-child {
        margin-right: 0
    }
    .m-col-smWide1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 45px)
    }
    .m-col-smWide2of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide2of8:last-child {
        margin-right: 0
    }
    .m-col-smWide2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 37.5px)
    }
    .m-col-smWide3of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide3of8:last-child {
        margin-right: 0
    }
    .m-col-smWide3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 30px)
    }
    .m-col-smWide4of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide4of8:last-child {
        margin-right: 0
    }
    .m-col-smWide4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 22.5px)
    }
    .m-col-smWide5of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide5of8:last-child {
        margin-right: 0
    }
    .m-col-smWide5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 15px)
    }
    .m-col-smWide6of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide6of8:last-child {
        margin-right: 0
    }
    .m-col-smWide6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 7.5px)
    }
    .m-col-smWide7of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide7of8:last-child {
        margin-right: 0
    }
    .m-col-smWide7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-smWide8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-smWide8of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-smWide8of8:last-child {
        margin-right: 0
    }
    .m-col-smWide8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width:1024px) {
    .m-col-md1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-md1of1:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of1:last-child {
        margin-right: 0
    }
    .m-col-md1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 15px)
    }
    .m-col-md1of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of2:last-child {
        margin-right: 0
    }
    .m-col-md1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-md2of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md2of2:last-child {
        margin-right: 0
    }
    .m-col-md2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 20px)
    }
    .m-col-md1of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of3:last-child {
        margin-right: 0
    }
    .m-col-md1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 10px)
    }
    .m-col-md2of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md2of3:last-child {
        margin-right: 0
    }
    .m-col-md2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-md3of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md3of3:last-child {
        margin-right: 0
    }
    .m-col-md3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 22.5px)
    }
    .m-col-md1of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of4:last-child {
        margin-right: 0
    }
    .m-col-md1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 15px)
    }
    .m-col-md2of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md2of4:last-child {
        margin-right: 0
    }
    .m-col-md2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 7.5px)
    }
    .m-col-md3of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md3of4:last-child {
        margin-right: 0
    }
    .m-col-md3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-md4of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md4of4:last-child {
        margin-right: 0
    }
    .m-col-md4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 24px)
    }
    .m-col-md1of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of5:last-child {
        margin-right: 0
    }
    .m-col-md1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 18px)
    }
    .m-col-md2of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md2of5:last-child {
        margin-right: 0
    }
    .m-col-md2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 12px)
    }
    .m-col-md3of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md3of5:last-child {
        margin-right: 0
    }
    .m-col-md3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 6px)
    }
    .m-col-md4of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md4of5:last-child {
        margin-right: 0
    }
    .m-col-md4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-md5of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md5of5:last-child {
        margin-right: 0
    }
    .m-col-md5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 26.25px)
    }
    .m-col-md1of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md1of8:last-child {
        margin-right: 0
    }
    .m-col-md1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 22.5px)
    }
    .m-col-md2of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md2of8:last-child {
        margin-right: 0
    }
    .m-col-md2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 18.75px)
    }
    .m-col-md3of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md3of8:last-child {
        margin-right: 0
    }
    .m-col-md3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 15px)
    }
    .m-col-md4of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md4of8:last-child {
        margin-right: 0
    }
    .m-col-md4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 11.25px)
    }
    .m-col-md5of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md5of8:last-child {
        margin-right: 0
    }
    .m-col-md5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 7.5px)
    }
    .m-col-md6of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md6of8:last-child {
        margin-right: 0
    }
    .m-col-md6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 3.75px)
    }
    .m-col-md7of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md7of8:last-child {
        margin-right: 0
    }
    .m-col-md7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-md8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-md8of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-md8of8:last-child {
        margin-right: 0
    }
    .m-col-md8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdTight1of1:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of1:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 8px)
    }
    .m-col-mdTight1of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of2:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdTight2of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight2of2:last-child {
        margin-right: 0
    }
    .m-col-mdTight2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 10.666666666666668px)
    }
    .m-col-mdTight1of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of3:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 5.333333333333334px)
    }
    .m-col-mdTight2of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight2of3:last-child {
        margin-right: 0
    }
    .m-col-mdTight2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdTight3of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight3of3:last-child {
        margin-right: 0
    }
    .m-col-mdTight3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 12px)
    }
    .m-col-mdTight1of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of4:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 8px)
    }
    .m-col-mdTight2of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight2of4:last-child {
        margin-right: 0
    }
    .m-col-mdTight2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 4px)
    }
    .m-col-mdTight3of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight3of4:last-child {
        margin-right: 0
    }
    .m-col-mdTight3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdTight4of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight4of4:last-child {
        margin-right: 0
    }
    .m-col-mdTight4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 12.8px)
    }
    .m-col-mdTight1of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of5:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 9.6px)
    }
    .m-col-mdTight2of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight2of5:last-child {
        margin-right: 0
    }
    .m-col-mdTight2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 6.4px)
    }
    .m-col-mdTight3of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight3of5:last-child {
        margin-right: 0
    }
    .m-col-mdTight3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 3.199999999999999px)
    }
    .m-col-mdTight4of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight4of5:last-child {
        margin-right: 0
    }
    .m-col-mdTight4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdTight5of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight5of5:last-child {
        margin-right: 0
    }
    .m-col-mdTight5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 14px)
    }
    .m-col-mdTight1of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight1of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 12px)
    }
    .m-col-mdTight2of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight2of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 10px)
    }
    .m-col-mdTight3of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight3of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 8px)
    }
    .m-col-mdTight4of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight4of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 6px)
    }
    .m-col-mdTight5of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight5of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 4px)
    }
    .m-col-mdTight6of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight6of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 2px)
    }
    .m-col-mdTight7of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight7of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdTight8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-mdTight8of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-mdTight8of8:last-child {
        margin-right: 0
    }
    .m-col-mdTight8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdWide1of1:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of1:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 30px)
    }
    .m-col-mdWide1of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of2:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdWide2of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide2of2:last-child {
        margin-right: 0
    }
    .m-col-mdWide2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 40px)
    }
    .m-col-mdWide1of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of3:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 20px)
    }
    .m-col-mdWide2of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide2of3:last-child {
        margin-right: 0
    }
    .m-col-mdWide2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdWide3of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide3of3:last-child {
        margin-right: 0
    }
    .m-col-mdWide3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 45px)
    }
    .m-col-mdWide1of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of4:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 30px)
    }
    .m-col-mdWide2of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide2of4:last-child {
        margin-right: 0
    }
    .m-col-mdWide2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 15px)
    }
    .m-col-mdWide3of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide3of4:last-child {
        margin-right: 0
    }
    .m-col-mdWide3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdWide4of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide4of4:last-child {
        margin-right: 0
    }
    .m-col-mdWide4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 48px)
    }
    .m-col-mdWide1of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of5:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 36px)
    }
    .m-col-mdWide2of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide2of5:last-child {
        margin-right: 0
    }
    .m-col-mdWide2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 24px)
    }
    .m-col-mdWide3of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide3of5:last-child {
        margin-right: 0
    }
    .m-col-mdWide3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 12px)
    }
    .m-col-mdWide4of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide4of5:last-child {
        margin-right: 0
    }
    .m-col-mdWide4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-mdWide5of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide5of5:last-child {
        margin-right: 0
    }
    .m-col-mdWide5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 52.5px)
    }
    .m-col-mdWide1of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide1of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 45px)
    }
    .m-col-mdWide2of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide2of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 37.5px)
    }
    .m-col-mdWide3of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide3of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 30px)
    }
    .m-col-mdWide4of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide4of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 22.5px)
    }
    .m-col-mdWide5of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide5of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 15px)
    }
    .m-col-mdWide6of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide6of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 7.5px)
    }
    .m-col-mdWide7of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide7of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-mdWide8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-mdWide8of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-mdWide8of8:last-child {
        margin-right: 0
    }
    .m-col-mdWide8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width:1280px) {
    .m-col-lg1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lg1of1:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of1:last-child {
        margin-right: 0
    }
    .m-col-lg1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 15px)
    }
    .m-col-lg1of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of2:last-child {
        margin-right: 0
    }
    .m-col-lg1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lg2of2:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg2of2:last-child {
        margin-right: 0
    }
    .m-col-lg2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 20px)
    }
    .m-col-lg1of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of3:last-child {
        margin-right: 0
    }
    .m-col-lg1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 10px)
    }
    .m-col-lg2of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg2of3:last-child {
        margin-right: 0
    }
    .m-col-lg2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lg3of3:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg3of3:last-child {
        margin-right: 0
    }
    .m-col-lg3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 22.5px)
    }
    .m-col-lg1of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of4:last-child {
        margin-right: 0
    }
    .m-col-lg1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 15px)
    }
    .m-col-lg2of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg2of4:last-child {
        margin-right: 0
    }
    .m-col-lg2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 7.5px)
    }
    .m-col-lg3of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg3of4:last-child {
        margin-right: 0
    }
    .m-col-lg3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lg4of4:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg4of4:last-child {
        margin-right: 0
    }
    .m-col-lg4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 24px)
    }
    .m-col-lg1of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of5:last-child {
        margin-right: 0
    }
    .m-col-lg1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 18px)
    }
    .m-col-lg2of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg2of5:last-child {
        margin-right: 0
    }
    .m-col-lg2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 12px)
    }
    .m-col-lg3of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg3of5:last-child {
        margin-right: 0
    }
    .m-col-lg3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 6px)
    }
    .m-col-lg4of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg4of5:last-child {
        margin-right: 0
    }
    .m-col-lg4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lg5of5:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg5of5:last-child {
        margin-right: 0
    }
    .m-col-lg5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 26.25px)
    }
    .m-col-lg1of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg1of8:last-child {
        margin-right: 0
    }
    .m-col-lg1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 22.5px)
    }
    .m-col-lg2of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg2of8:last-child {
        margin-right: 0
    }
    .m-col-lg2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 18.75px)
    }
    .m-col-lg3of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg3of8:last-child {
        margin-right: 0
    }
    .m-col-lg3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 15px)
    }
    .m-col-lg4of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg4of8:last-child {
        margin-right: 0
    }
    .m-col-lg4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 11.25px)
    }
    .m-col-lg5of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg5of8:last-child {
        margin-right: 0
    }
    .m-col-lg5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 7.5px)
    }
    .m-col-lg6of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg6of8:last-child {
        margin-right: 0
    }
    .m-col-lg6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 3.75px)
    }
    .m-col-lg7of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg7of8:last-child {
        margin-right: 0
    }
    .m-col-lg7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lg8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-lg8of8:nth-child(1n) {
        margin-right: 30px;
        margin-left: 0
    }
    .m-col-lg8of8:last-child {
        margin-right: 0
    }
    .m-col-lg8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgTight1of1:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of1:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 8px)
    }
    .m-col-lgTight1of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of2:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgTight2of2:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight2of2:last-child {
        margin-right: 0
    }
    .m-col-lgTight2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 10.666666666666668px)
    }
    .m-col-lgTight1of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of3:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 5.333333333333334px)
    }
    .m-col-lgTight2of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight2of3:last-child {
        margin-right: 0
    }
    .m-col-lgTight2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgTight3of3:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight3of3:last-child {
        margin-right: 0
    }
    .m-col-lgTight3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 12px)
    }
    .m-col-lgTight1of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of4:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 8px)
    }
    .m-col-lgTight2of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight2of4:last-child {
        margin-right: 0
    }
    .m-col-lgTight2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 4px)
    }
    .m-col-lgTight3of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight3of4:last-child {
        margin-right: 0
    }
    .m-col-lgTight3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgTight4of4:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight4of4:last-child {
        margin-right: 0
    }
    .m-col-lgTight4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 12.8px)
    }
    .m-col-lgTight1of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of5:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 9.6px)
    }
    .m-col-lgTight2of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight2of5:last-child {
        margin-right: 0
    }
    .m-col-lgTight2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 6.4px)
    }
    .m-col-lgTight3of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight3of5:last-child {
        margin-right: 0
    }
    .m-col-lgTight3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 3.199999999999999px)
    }
    .m-col-lgTight4of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight4of5:last-child {
        margin-right: 0
    }
    .m-col-lgTight4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgTight5of5:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight5of5:last-child {
        margin-right: 0
    }
    .m-col-lgTight5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 14px)
    }
    .m-col-lgTight1of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight1of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 12px)
    }
    .m-col-lgTight2of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight2of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 10px)
    }
    .m-col-lgTight3of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight3of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 8px)
    }
    .m-col-lgTight4of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight4of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 6px)
    }
    .m-col-lgTight5of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight5of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 4px)
    }
    .m-col-lgTight6of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight6of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 2px)
    }
    .m-col-lgTight7of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight7of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgTight8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-lgTight8of8:nth-child(1n) {
        margin-right: 16px;
        margin-left: 0
    }
    .m-col-lgTight8of8:last-child {
        margin-right: 0
    }
    .m-col-lgTight8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of1 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgWide1of1:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of1:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of1:nth-child(1n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/2 - 30px)
    }
    .m-col-lgWide1of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of2:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide2of2 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgWide2of2:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide2of2:last-child {
        margin-right: 0
    }
    .m-col-lgWide2of2:nth-child(2n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/3 - 40px)
    }
    .m-col-lgWide1of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of3:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide2of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/3 - 20px)
    }
    .m-col-lgWide2of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide2of3:last-child {
        margin-right: 0
    }
    .m-col-lgWide2of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide3of3 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgWide3of3:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide3of3:last-child {
        margin-right: 0
    }
    .m-col-lgWide3of3:nth-child(3n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/4 - 45px)
    }
    .m-col-lgWide1of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of4:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide2of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/4 - 30px)
    }
    .m-col-lgWide2of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide2of4:last-child {
        margin-right: 0
    }
    .m-col-lgWide2of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide3of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/4 - 15px)
    }
    .m-col-lgWide3of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide3of4:last-child {
        margin-right: 0
    }
    .m-col-lgWide3of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide4of4 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgWide4of4:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide4of4:last-child {
        margin-right: 0
    }
    .m-col-lgWide4of4:nth-child(4n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/5 - 48px)
    }
    .m-col-lgWide1of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of5:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide2of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/5 - 36px)
    }
    .m-col-lgWide2of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide2of5:last-child {
        margin-right: 0
    }
    .m-col-lgWide2of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide3of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/5 - 24px)
    }
    .m-col-lgWide3of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide3of5:last-child {
        margin-right: 0
    }
    .m-col-lgWide3of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide4of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/5 - 12px)
    }
    .m-col-lgWide4of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide4of5:last-child {
        margin-right: 0
    }
    .m-col-lgWide4of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide5of5 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/1 - 0px)
    }
    .m-col-lgWide5of5:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide5of5:last-child {
        margin-right: 0
    }
    .m-col-lgWide5of5:nth-child(5n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide1of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 1/8 - 52.5px)
    }
    .m-col-lgWide1of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide1of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide1of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide2of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 2/8 - 45px)
    }
    .m-col-lgWide2of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide2of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide2of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide3of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 3/8 - 37.5px)
    }
    .m-col-lgWide3of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide3of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide3of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide4of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 4/8 - 30px)
    }
    .m-col-lgWide4of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide4of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide4of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide5of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 5/8 - 22.5px)
    }
    .m-col-lgWide5of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide5of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide5of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide6of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 6/8 - 15px)
    }
    .m-col-lgWide6of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide6of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide6of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide7of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 7/8 - 7.5px)
    }
    .m-col-lgWide7of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide7of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide7of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
    .m-col-lgWide8of8 {
        flex: 0 0 auto;
        width: calc(99.9% * 8/8 - 0px)
    }
    .m-col-lgWide8of8:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0
    }
    .m-col-lgWide8of8:last-child {
        margin-right: 0
    }
    .m-col-lgWide8of8:nth-child(8n) {
        margin-right: 0;
        margin-left: auto
    }
}

.m-toggleButton {
    position: relative;
    min-height: 2em;
    margin: 1rem 0;
    font-size: 1rem
}

.m-toggleButton-label {
    display: block;
    margin-right: 5.3125em;
    padding: .5em 1.25em .5em 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: #001432;
    line-height: 1.5
}

.m-toggleButton-input {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding: .2em;
    width: 4.8em;
    height: auto;
    border: none;
    border-radius: 1.625em;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    background-color: #e6e8eb;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25);
    transition-property: background-color;
    transition-duration: .18s;
    transition-timing-function: ease-out;
    will-change: background-color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent
}

.m-toggleButton-input:focus {
    outline: none
}

html:not(.touchevents) .m-toggleButton-input:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25), 0 0 0 2px rgba(86, 119, 252, .5)
}

.m-toggleButton-input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.m-toggleButton-isActive .m-toggleButton-input {
    background-color: #34c082
}

.m-toggleButton-switch {
    position: relative;
    width: 1.602em;
    height: 1.602em;
    border-radius: 1.602em;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    transition-property: transform, width;
    transition-duration: inherit;
    transition-timing-function: inherit;
    will-change: transform;
    pointer-events: none
}

.m-toggleButton:not(.m-toggleButton-isBlocked) .m-toggleButton-input:active .m-toggleButton-switch {
    width: 2em
}

.m-toggleButton-isActive .m-toggleButton-switch {
    transform: translateX(2.8em)
}

.m-toggleButton-isActive:not(.m-toggleButton-isBlocked) .m-toggleButton-input:active .m-toggleButton-switch {
    transform: translateX(2.402em)
}

.m-toggleButton-isBlocked .m-toggleButton-switch {
    line-height: 1.5em;
    text-align: center;
    color: #99a1ad;
    background-color: #fff
}

.m-toggleButton-isBlocked .m-toggleButton-switch .icon {
    font-size: inherit;
    line-height: inherit
}

.m-toggleButton-isShaking .m-toggleButton-switch {
    animation: .4s b
}

@keyframes b {
    0% {
        left: 3px
    }
    20% {
        left: -2.5px
    }
    40% {
        left: 1.5px
    }
    60% {
        left: -1px
    }
    80% {
        left: .5px
    }
    to {
        left: 0
    }
}

.m-toggleButton-option {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0 .6875em;
    line-height: 2.1em;
    text-align: center;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    color: #667284;
    transition-property: opacity;
    transition-duration: inherit;
    transition-timing-function: inherit;
    will-change: opacity;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-toggleButton-option-isTrue {
    padding-right: 2.1875em;
    opacity: 0
}

.m-toggleButton-option-isFalse {
    padding-left: 2.1875em
}

.m-toggleButton-isActive .m-toggleButton-option-isTrue {
    color: #fff;
    opacity: 1
}

.m-toggleButton-isActive .m-toggleButton-option-isFalse {
    opacity: 0
}

.m-toggleButton-isDecision.m-toggleButton-isActive .m-toggleButton-input {
    background-color: #0064fe
}

.m-toggleButton-hasError .m-toggleButton-input {
    background-color: #de351b
}

.m-toggleButton-hasError .m-toggleButton-option-isFalse {
    color: #fff
}

.m-toggleButton-isCompact .m-toggleButton-input {
    font-size: 16px;
    width: 3em
}

.m-toggleButton-isCompact.m-toggleButton-isActive .m-toggleButton-switch {
    transform: translateX(1.1em)
}

.m-toggleButton-isCompact.m-toggleButton-isActive:not(.m-toggleButton-isBlocked) .m-toggleButton-input:active .m-toggleButton-switch {
    transform: translateX(1.052em)
}

.m-toggleButton-isCompact .m-toggleButton-option {
    display: none
}

.m-toggleButton-isCompact .m-toggleButton-switch {
    width: 1.525em;
    height: 1.525em
}

.popover {
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 8px 32px 0 hsla(0, 0%, 50%, .2)
}

.popover,
.popoverHeader {
    display: -ms-flexbox;
    display: flex
}

.popoverHeader {
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #f2f3f5;
    border-top-right-radius: .1875rem;
    border-top-left-radius: .1875rem;
    height: 32px;
    padding: 0 8px
}

.popoverContent_padding+.popoverHeader {
    border-top: 1px solid #f2f3f5
}

.popoverHeader-headline {
    font-size: .8125rem;
    font-weight: 700;
    color: #99a1ad;
    margin-left: .25rem;
    padding: .5rem 0
}

.popoverContent {
    font-size: 1rem
}

.popoverContent-padding {
    padding: 1rem
}

.popoverFooter {
    height: 64px;
    margin-top: 0;
    padding: 0 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f2f3f5
}

.profilePopover {
    position: absolute;
    right: 1rem;
    top: 4.5rem;
    background-color: #fff;
    border-radius: .1875rem;
    width: 23.75rem;
    z-index: 2001
}

@media (min-width:321px) {
    .profilePopover {
        position: absolute;
        right: 0;
        left: 0;
        top: 4.5rem;
        width: 100%
    }
    .popoverHeader {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

.arrow_box_ne,
.arrow_box_nw {
    position: relative;
    background-color: #fff;
    border-radius: .1875rem
}

.arrow_box:after,
.arrow_box:before,
.arrow_box_ne:after,
.arrow_box_ne:before,
.arrow_box_nw:after,
.arrow_box_nw:before {
    bottom: 100%;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    content: " ";
    height: 0;
    width: 0
}

.arrow_box:after,
.arrow_box:before {
    left: 1rem;
    content: " "
}

.arrow_box_nw:after,
.arrow_box_nw:before {
    left: 8rem;
    content: " "
}

.arrow_box_ne:after,
.arrow_box_ne:before {
    right: 1rem
}

.arrow_box_ne:after,
.arrow_box_nw:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: .5rem;
    margin-left: -10px
}

.m-tabPanel {
    border-top: 1px solid #f2f3f5
}

.m-tabPanel-isPadded {
    padding: 32px
}

@media (max-width:321px) {
    .m-tabPanel-isPadded {
        padding: 16px
    }
}

.m-tabPanel-list {
    padding: 0;
    display: -ms-flexbox;
    display: flex
}

.m-tabPanel-list-isSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .1)
}

@media (max-width:321px) {
    .m-tabPanel-list-isSticky {
        top: 4rem
    }
}

.m-tabPanel-tab {
    border-radius: 0;
    background-color: #fff;
    height: 4rem;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.625rem;
    font-weight: 700;
    color: #0064fe;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 transparent;
    transition: box-shadow .3s
}

.m-tabPanel-tab:focus {
    outline: 0 none
}

.m-tabPanel-tab:disabled {
    cursor: not-allowed;
    color: #99a1ad;
    text-decoration: none!important
}

html:not(.touchevents) .m-tabPanel-tab:hover {
    text-decoration: underline
}

.m-tabPanel-tab-selected {
    color: #c41a34;
    pointer-events: none;
    box-shadow: inset 0 -4px 0 0 #c41a34
}

.m-tabPanel-tab-selected#loginbutton {
    box-shadow: inset 0 -6px 0 0 #34c082
}

.m-tabPanel-tab-selected#signupbutton {
    box-shadow: inset 0 -6px 0 0 #0064fe
}

.card {
    border-radius: 2px;
    border: 1px solid #ccd0d6;
    margin: 2rem 0
}

.card,
.card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.card-header {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #c41a34;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #f2f3f5;
    min-height: 110px;
    padding: 16px
}

.card-header__headline {
    font-weight: 400;
    font-size: 1.25rem
}

.card-content {
    padding: 0 0 1rem 1rem
}

.card-footer {
    height: 4rem;
    margin-top: 2rem;
    padding: 0 2rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #f2f3f5
}

.m-notificationDeprecated {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    pointer-events: none
}

.m-notificationDeprecated a {
    color: #fff!important
}

.m-notificationDeprecated a.m-close-notification {
    width: 2rem;
    height: 2rem;
    line-height: 25px;
    font-size: 2.5rem;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    color: #667284;
    margin-left: 1rem;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.m-notificationDeprecated a.m-close-notification:hover {
    text-decoration: none
}

.m-notificationDeprecated--active {
    pointer-events: auto
}

.m-notificationDeprecated--blocking:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: -1;
    visibility: hidden;
    background-color: hsla(0, 0%, 100%, 0);
    transition: background-color, visibility, z-index;
    transition-duration: .4s, 0s, 0s;
    transition-delay: .2s, .6s, .6s
}

.m-notificationDeprecated--blocking.m-notificationDeprecated--active:before {
    z-index: 1;
    visibility: visible;
    transition-delay: 0s, 0s, 0s;
    background-color: hsla(0, 0%, 100%, .4)
}

.m-notificationDeprecated__action {
    white-space: nowrap
}

.m-notificationDeprecated__message {
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5
}

.m-notificationDeprecated__message a {
    text-decoration: underline
}

.m-notificationDeprecated__content {
    position: relative;
    min-height: 4rem;
    color: #fff;
    padding: 1rem 1.5rem;
    z-index: 2;
    opacity: .5;
    transform: translateY(100%);
    transition: opacity .2s, transform .2s
}

.m-notificationDeprecated--active .m-notificationDeprecated__content {
    transform: translateY(0);
    opacity: 1
}

.m-notificationDeprecated--message {
    background-color: #6681aa
}

.m-notificationDeprecated--error {
    background-color: #de351b
}

.m-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .25rem 1rem;
    width: 100%;
    height: 3rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    color: #667284;
    background-color: #fff
}

.m-footer-isCentered {
    -ms-flex-pack: center;
    justify-content: center
}

.m-footer-istransparent {
    background-color: transparent
}

.m-footer-select {
    position: relative
}

.m-footer-selectInput {
    color: inherit;
    margin: 0;
    height: 1.25rem;
    padding: 0 .75rem 0 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent
}

.m-footer-select .m-icon {
    position: absolute;
    right: 0;
    top: .1875rem;
    font-size: .625rem
}

.m-footer-link {
    padding-left: .5rem;
    color: inherit;
    text-decoration: underline
}

.m-footer-link-isActive {
    color: #001432;
    font-weight: 700;
    text-decoration: none
}

@media (min-width:768px) {
    .m-footer {
        padding: .875rem 1.5rem
    }
}

.m-barcodeCard {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    bottom: 0;
    max-height: 100vh;
    margin-bottom: 2rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 8px 32px 0 #ccd0d6;
    border-radius: 16px;
    overflow: hidden
}

.m-barcodeCard-section {
    padding: 0 16px;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.m-barcodeCard-section+.m-barcodeCard-section {
    padding-top: 1px;
    box-shadow: inset 0 1px 0 0 #f2f3f5
}

.m-barcodeCard-section>p {
    padding-bottom: 0;
    color: #33435b
}

@media (min-height:620px) {
    .m-barcodeCard-section>p {
        padding-bottom: .5rem
    }
}

.m-barcodeCard-section>small {
    color: #33435b
}

.m-barcodeCard-section>a {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.m-barcodeCard-hasImage.m-barcodeCard-section,
.m-barcodeCard-section>a {
    display: -ms-flexbox;
    display: flex
}

.m-barcodeCard-hasImage.m-barcodeCard-section>p {
    margin-right: auto;
    min-width: 0
}

.m-barcodeCard-icon {
    display: none
}

@media (min-height:620px) {
    .m-barcodeCard-icon {
        display: block;
        margin: 18px auto 0
    }
}

.m-barcodeCard-code {
    position: relative;
    margin: 18px 16px 0;
    max-height: 180px;
    min-height: 20px;
    overflow: hidden;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center
}

.m-barcodeCard-code img,
.m-barcodeCard-code svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.m-barcodeCard-code svg {
    height: 100%
}

.m-barcodeCard-secure {
    position: relative;
    height: 48px;
    overflow: hidden;
    border-radius: 0 0 16px 16px;
    -ms-flex-positive: 0;
    flex-grow: 0;
    transform: translateZ(0)
}

@media (min-height:620px) {
    .m-barcodeCard-secure {
        height: 65px
    }
}

.m-barcodeCard-secure strong {
    position: relative;
    display: block;
    text-align: center;
    padding: 16px 0;
    color: #fff;
    font-weight: 700;
    z-index: 1
}

@media (min-height:620px) {
    .m-barcodeCard-secure strong {
        padding: 23px 0
    }
}

.m-barcodeCard-secure span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 20%;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.m-barcodeCard-secure span:first-child {
    left: -14.28571%;
    width: 30.28571%;
    animation-name: c;
    animation-duration: 4.5s
}

@keyframes c {
    0%,
    to {
        transform: translateX(93.28571%) scaleX(1.11)
    }
    50% {
        transform: translateX(-61.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(2) {
    left: 0;
    width: 15.28571%;
    animation-name: d;
    animation-duration: 4.4s
}

@keyframes d {
    0%,
    to {
        transform: translateX(68.28571%) scaleX(.83)
    }
    50% {
        transform: translateX(-75.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(3) {
    left: 14.28571%;
    width: 29.28571%;
    animation-name: e;
    animation-duration: 5.3s
}

@keyframes e {
    0%,
    to {
        transform: translateX(162.28571%) scaleX(1.1)
    }
    50% {
        transform: translateX(-78.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(4) {
    left: 28.57143%;
    width: 28.28571%;
    animation-name: f;
    animation-duration: 5.3s
}

@keyframes f {
    0%,
    to {
        transform: translateX(65.28571%) scaleX(.8)
    }
    50% {
        transform: translateX(-73.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(5) {
    left: 42.85714%;
    width: 17.28571%;
    animation-name: g;
    animation-duration: 6.8s
}

@keyframes g {
    0%,
    to {
        transform: translateX(113.28571%) scaleX(1.11)
    }
    50% {
        transform: translateX(-84.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(6) {
    left: 57.14286%;
    width: 29.28571%;
    animation-name: h;
    animation-duration: 7.7s
}

@keyframes h {
    0%,
    to {
        transform: translateX(69.28571%) scaleX(.89)
    }
    50% {
        transform: translateX(-61.71429%) scaleX(1)
    }
}

.m-barcodeCard-secure span:nth-child(7) {
    left: 71.42857%;
    width: 30.28571%;
    animation-name: i;
    animation-duration: 8.5s
}

@keyframes i {
    0%,
    to {
        transform: translateX(154.28571%) scaleX(1.37)
    }
    50% {
        transform: translateX(-28.71429%) scaleX(1)
    }
}

.m-barcodeCard-green {
    background-color: #48b0ff;
    content: "#48b0ff";
    content: "#39f";
    content: "#247bff";
    content: "#113dff";
    content: "#4ba5ff"
}

.m-barcodeCard-green span {
    background-color: rgba(72, 176, 255, .8)
}

.m-barcodeCard-green span:nth-child(5n+1) {
    background-color: rgba(72, 176, 255, .5)
}

.m-barcodeCard-green span:nth-child(5n+2) {
    background-color: rgba(51, 153, 255, .5)
}

.m-barcodeCard-green span:nth-child(5n+3) {
    background-color: rgba(36, 123, 255, .5)
}

.m-barcodeCard-green span:nth-child(5n+4) {
    background-color: rgba(17, 61, 255, .5)
}

.m-barcodeCard-green span:nth-child(5n+5) {
    background-color: rgba(75, 165, 255, .5)
}

.m-barcodeCard-gold {
    background-color: #f5cd47;
    content: "#f5cd47";
    content: "#c58700";
    content: "#d19f07";
    content: "#deb630";
    content: "#ba7900"
}

.m-barcodeCard-gold span {
    background-color: rgba(245, 205, 71, .8)
}

.m-barcodeCard-gold span:nth-child(5n+1) {
    background-color: rgba(245, 205, 71, .5)
}

.m-barcodeCard-gold span:nth-child(5n+2) {
    background-color: rgba(197, 135, 0, .5)
}

.m-barcodeCard-gold span:nth-child(5n+3) {
    background-color: rgba(209, 159, 7, .5)
}

.m-barcodeCard-gold span:nth-child(5n+4) {
    background-color: rgba(222, 182, 48, .5)
}

.m-barcodeCard-gold span:nth-child(5n+5) {
    background-color: rgba(186, 121, 0, .5)
}

.m-barcodeCard-red {
    background-color: #c80000;
    content: "#c80000";
    content: "#ab0000";
    content: "#b90000";
    content: "#920000";
    content: "#e60000"
}

.m-barcodeCard-red span {
    background-color: rgba(200, 0, 0, .8)
}

.m-barcodeCard-red span:nth-child(5n+1) {
    background-color: rgba(200, 0, 0, .5)
}

.m-barcodeCard-red span:nth-child(5n+2) {
    background-color: rgba(171, 0, 0, .5)
}

.m-barcodeCard-red span:nth-child(5n+3) {
    background-color: rgba(185, 0, 0, .5)
}

.m-barcodeCard-red span:nth-child(5n+4) {
    background-color: rgba(146, 0, 0, .5)
}

.m-barcodeCard-red span:nth-child(5n+5) {
    background-color: rgba(230, 0, 0, .5)
}

.m-barcodeCard-green {
    background-color: #95ce00;
    content: "#95ce00";
    content: "#c9e600";
    content: "#b3dc00";
    content: "#d8ed00";
    content: "#e3f200"
}

.m-barcodeCard-green span {
    background-color: rgba(149, 206, 0, .8)
}

.m-barcodeCard-green span:nth-child(5n+1) {
    background-color: rgba(149, 206, 0, .5)
}

.m-barcodeCard-green span:nth-child(5n+2) {
    background-color: rgba(201, 230, 0, .5)
}

.m-barcodeCard-green span:nth-child(5n+3) {
    background-color: rgba(179, 220, 0, .5)
}

.m-barcodeCard-green span:nth-child(5n+4) {
    background-color: rgba(216, 237, 0, .5)
}

.m-barcodeCard-green span:nth-child(5n+5) {
    background-color: rgba(227, 242, 0, .5)
}

.m-barcodeCard-tr-bl {
    background-color: #002470;
    content: "#002470";
    content: "#153d8c";
    content: "#224e9d";
    content: "#001052";
    content: "#2e5cb0"
}

.m-barcodeCard-tr-bl span {
    background-color: rgba(0, 36, 112, .8)
}

.m-barcodeCard-tr-bl span:nth-child(5n+1) {
    background-color: rgba(0, 36, 112, .5)
}

.m-barcodeCard-tr-bl span:nth-child(5n+2) {
    background-color: rgba(21, 61, 140, .5)
}

.m-barcodeCard-tr-bl span:nth-child(5n+3) {
    background-color: rgba(34, 78, 157, .5)
}

.m-barcodeCard-tr-bl span:nth-child(5n+4) {
    background-color: rgba(0, 16, 82, .5)
}

.m-barcodeCard-tr-bl span:nth-child(5n+5) {
    background-color: rgba(46, 92, 176, .5)
}

.m-barcodeCard-tr-pc {
    background-color: #fbcc2e;
    content: "#fbcc2e";
    content: "#fcd956";
    content: "#fce171";
    content: "#fbc828";
    content: "#fbbd16"
}

.m-barcodeCard-tr-pc span {
    background-color: rgba(251, 204, 46, .8)
}

.m-barcodeCard-tr-pc span:nth-child(5n+1) {
    background-color: rgba(251, 204, 46, .5)
}

.m-barcodeCard-tr-pc span:nth-child(5n+2) {
    background-color: rgba(252, 217, 86, .5)
}

.m-barcodeCard-tr-pc span:nth-child(5n+3) {
    background-color: hsla(48, 96%, 72%, .5)
}

.m-barcodeCard-tr-pc span:nth-child(5n+4) {
    background-color: rgba(251, 200, 40, .5)
}

.m-barcodeCard-tr-pc span:nth-child(5n+5) {
    background-color: rgba(251, 189, 22, .5)
}

.m-barcodeCard-nl-bl {
    background-color: #0097ff;
    content: "#0097ff";
    content: "#2cb0ff";
    content: "#52c0ff";
    content: "#63c8ff";
    content: "#008eff"
}

.m-barcodeCard-nl-bl span {
    background-color: rgba(0, 151, 255, .8)
}

.m-barcodeCard-nl-bl span:nth-child(5n+1) {
    background-color: rgba(0, 151, 255, .5)
}

.m-barcodeCard-nl-bl span:nth-child(5n+2) {
    background-color: rgba(44, 176, 255, .5)
}

.m-barcodeCard-nl-bl span:nth-child(5n+3) {
    background-color: rgba(82, 192, 255, .5)
}

.m-barcodeCard-nl-bl span:nth-child(5n+4) {
    background-color: rgba(99, 200, 255, .5)
}

.m-barcodeCard-nl-bl span:nth-child(5n+5) {
    background-color: rgba(0, 142, 255, .5)
}

.m-barcodeCard-nl-si {
    background-color: #d1d7e4;
    content: "#d1d7e4";
    content: "#eef1f6";
    content: "#c4cbd9";
    content: "#dadfea"
}

.m-barcodeCard-nl-si span {
    background-color: rgba(209, 215, 228, .8)
}

.m-barcodeCard-nl-si span:nth-child(5n+1) {
    background-color: rgba(209, 215, 228, .5)
}

.m-barcodeCard-nl-si span:nth-child(5n+3) {
    background-color: rgba(238, 241, 246, .5)
}

.m-barcodeCard-nl-si span:nth-child(5n+4) {
    background-color: rgba(196, 203, 217, .5)
}

.m-barcodeCard-nl-si span:nth-child(5n+2) {
    background-color: rgba(218, 223, 234, .5)
}

.m-barcodeCard-nl-vp {
    background-color: #152a40;
    content: "#152a40";
    content: "#2d4965";
    content: "#0f2032";
    content: "#203850"
}

.m-barcodeCard-nl-vp span {
    background-color: rgba(21, 42, 64, .8)
}

.m-barcodeCard-nl-vp span:nth-child(5n+1) {
    background-color: rgba(21, 42, 64, .5)
}

.m-barcodeCard-nl-vp span:nth-child(5n+3) {
    background-color: rgba(45, 73, 101, .5)
}

.m-barcodeCard-nl-vp span:nth-child(5n+4) {
    background-color: rgba(15, 32, 50, .5)
}

.m-barcodeCard-nl-vp span:nth-child(5n+2) {
    background-color: rgba(32, 56, 80, .5)
}

.m-barcodeCard-nl-go {
    background-color: #fce600;
    content: "#fce600";
    content: "#fcd300";
    content: "#fac700";
    content: "#fcec21";
    content: "#fbb800"
}

.m-barcodeCard-nl-go span {
    background-color: rgba(252, 230, 0, .8)
}

.m-barcodeCard-nl-go span:nth-child(5n+1) {
    background-color: rgba(252, 230, 0, .5)
}

.m-barcodeCard-nl-go span:nth-child(5n+2) {
    background-color: rgba(252, 211, 0, .5)
}

.m-barcodeCard-nl-go span:nth-child(5n+3) {
    background-color: rgba(250, 199, 0, .5)
}

.m-barcodeCard-nl-go span:nth-child(5n+4) {
    background-color: rgba(252, 236, 33, .5)
}

.m-barcodeCard-nl-go span:nth-child(5n+5) {
    background-color: rgba(251, 184, 0, .5)
}

.m-barcodeCard-nl-pc {
    background-color: #73bc00;
    content: "#73bc00";
    content: "#93cd23";
    content: "#a8d84e";
    content: "#bae06e";
    content: "#6bae00"
}

.m-barcodeCard-nl-pc span {
    background-color: rgba(115, 188, 0, .8)
}

.m-barcodeCard-nl-pc span:nth-child(5n+1) {
    background-color: rgba(115, 188, 0, .5)
}

.m-barcodeCard-nl-pc span:nth-child(5n+2) {
    background-color: rgba(147, 205, 35, .5)
}

.m-barcodeCard-nl-pc span:nth-child(5n+3) {
    background-color: rgba(168, 216, 78, .5)
}

.m-barcodeCard-nl-pc span:nth-child(5n+4) {
    background-color: hsla(80, 65%, 65%, .5)
}

.m-barcodeCard-nl-pc span:nth-child(5n+5) {
    background-color: rgba(107, 174, 0, .5)
}

.m-barcodeCard-de-bl {
    background-color: #0097ff;
    content: "#0097ff";
    content: "#2cb0ff";
    content: "#52c0ff";
    content: "#63c8ff";
    content: "#008eff"
}

.m-barcodeCard-de-bl span {
    background-color: rgba(0, 151, 255, .8)
}

.m-barcodeCard-de-bl span:nth-child(5n+1) {
    background-color: rgba(0, 151, 255, .5)
}

.m-barcodeCard-de-bl span:nth-child(5n+2) {
    background-color: rgba(44, 176, 255, .5)
}

.m-barcodeCard-de-bl span:nth-child(5n+3) {
    background-color: rgba(82, 192, 255, .5)
}

.m-barcodeCard-de-bl span:nth-child(5n+4) {
    background-color: rgba(99, 200, 255, .5)
}

.m-barcodeCard-de-bl span:nth-child(5n+5) {
    background-color: rgba(0, 142, 255, .5)
}

.m-barcodeCard-de-si {
    background-color: #d1d7e4;
    content: "#d1d7e4";
    content: "#eef1f6";
    content: "#c4cbd9";
    content: "#dadfea"
}

.m-barcodeCard-de-si span {
    background-color: rgba(209, 215, 228, .8)
}

.m-barcodeCard-de-si span:nth-child(5n+1) {
    background-color: rgba(209, 215, 228, .5)
}

.m-barcodeCard-de-si span:nth-child(5n+3) {
    background-color: rgba(238, 241, 246, .5)
}

.m-barcodeCard-de-si span:nth-child(5n+4) {
    background-color: rgba(196, 203, 217, .5)
}

.m-barcodeCard-de-si span:nth-child(5n+2) {
    background-color: rgba(218, 223, 234, .5)
}

.m-barcodeCard-de-go {
    background-color: #fce600;
    content: "#fce600";
    content: "#fcd300";
    content: "#fac700";
    content: "#fcec21";
    content: "#fbb800"
}

.m-barcodeCard-de-go span {
    background-color: rgba(252, 230, 0, .8)
}

.m-barcodeCard-de-go span:nth-child(5n+1) {
    background-color: rgba(252, 230, 0, .5)
}

.m-barcodeCard-de-go span:nth-child(5n+2) {
    background-color: rgba(252, 211, 0, .5)
}

.m-barcodeCard-de-go span:nth-child(5n+3) {
    background-color: rgba(250, 199, 0, .5)
}

.m-barcodeCard-de-go span:nth-child(5n+4) {
    background-color: rgba(252, 236, 33, .5)
}

.m-barcodeCard-de-go span:nth-child(5n+5) {
    background-color: rgba(251, 184, 0, .5)
}

.m-barcodeCard-de-pc {
    background-color: #0097ff;
    content: "#0097ff";
    content: "#2cb0ff";
    content: "#52c0ff";
    content: "#63c8ff";
    content: "#008eff"
}

.m-barcodeCard-de-pc span {
    background-color: rgba(0, 151, 255, .8)
}

.m-barcodeCard-de-pc span:nth-child(5n+1) {
    background-color: rgba(0, 151, 255, .5)
}

.m-barcodeCard-de-pc span:nth-child(5n+2) {
    background-color: rgba(44, 176, 255, .5)
}

.m-barcodeCard-de-pc span:nth-child(5n+3) {
    background-color: rgba(82, 192, 255, .5)
}

.m-barcodeCard-de-pc span:nth-child(5n+4) {
    background-color: rgba(99, 200, 255, .5)
}

.m-barcodeCard-de-pc span:nth-child(5n+5) {
    background-color: rgba(0, 142, 255, .5)
}

.m-barcodeCard-de-eu {
    background-color: #fbcc2e;
    content: "#fbcc2e";
    content: "#fcd956";
    content: "#fce171";
    content: "#fbc828";
    content: "#fbbd16"
}

.m-barcodeCard-de-eu span {
    background-color: rgba(251, 204, 46, .8)
}

.m-barcodeCard-de-eu span:nth-child(5n+1) {
    background-color: rgba(251, 204, 46, .5)
}

.m-barcodeCard-de-eu span:nth-child(5n+2) {
    background-color: rgba(252, 217, 86, .5)
}

.m-barcodeCard-de-eu span:nth-child(5n+3) {
    background-color: hsla(48, 96%, 72%, .5)
}

.m-barcodeCard-de-eu span:nth-child(5n+4) {
    background-color: rgba(251, 200, 40, .5)
}

.m-barcodeCard-de-eu span:nth-child(5n+5) {
    background-color: rgba(251, 189, 22, .5)
}

.m-page {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-page--grey {
    background-color: #f2f3f5
}

.m-page--lightgreen {
    background-color: #f2f7ff
}

.m-page-container {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 2rem;
    padding: 0 1rem 1rem
}

.m-page-container-isCentered {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.authentication-container,
.m-page-container-isCentered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.authentication-container {
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin: 0 1rem 1rem
}

.authentication-container:first-child {
    margin-right: .5rem
}

.authentication-container:last-child {
    margin-left: .5rem
}

@media (max-width:321px) {
    .authentication-container {
        margin: 1rem
    }
    .authentication-container button {
        font-size: 90%
    }
}

.intro-header {
    margin-top: 3.75rem
}

.intro-title {
    font-size: 1.625rem;
    font-weight: 600;
    color: #fff;
    margin-top: 1rem
}

.info-icon {
    position: absolute;
    top: 3rem;
    right: 2rem
}

.m-panel {
    display: block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 hsla(0, 0%, 50%, .2);
    border-radius: 3px
}

@supports (display:flex) {
    .m-panel {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        flex: 1 1 0%;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.m-panel+.m-panel {
    margin-top: 3rem
}

.m-panel-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #c41a34;
    background-color: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #e6e8eb;
    height: 4rem;
    padding: 0 .75rem 0 1.5rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media (min-width:768px) {
    .m-panel-header {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.5rem
    }
}

.m-panel-content {
    font-size: 1rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.m-panel-content:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden
}

.m-panel-contentPadding {
    margin: 1.5rem
}

@media (min-width:1024px) {
    .m-panel-contentPadding {
        margin: 3rem 6rem
    }
}

.m-panel-footer {
    height: 64px;
    padding: 0 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e6e8eb
}

.m-panel-footer-isStack {
    height: auto;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-panel-footer-isStack .m-button-block:not(:last-child) {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .m-panel .m-panel {
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none
    }
    .m-panel .m-panel-content {
        padding: 0
    }
    .m-panel .m-panel-contentPadding {
        margin: 1rem 1.5rem
    }
    .m-panel-footer {
        padding: 0 1rem;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.m-icon {
    width: 1.5em;
    height: 1.5em
}

.m-icon-isRotate {
    animation: 1s j ease-in-out infinite
}

@keyframes j {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

.m-icon * {
    fill: #667284;
    fill: currentColor!important;
    stroke-width: 1.5px!important
}

.m-input {
    margin-bottom: 1.5rem
}

.m-input-isStandalone {
    margin-bottom: 0
}

.m-input::-webkit-input-placeholder {
    color: #667284;
    font-style: italic
}

.m-input::-moz-placeholder {
    color: #667284;
    font-style: italic
}

.m-input:-ms-input-placeholder {
    color: #667284;
    font-style: italic
}

.m-input:-moz-placeholder {
    color: #667284;
    font-style: italic
}

.m-input-elementWrapper {
    position: relative
}

.m-input-element {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ccd0d6;
    font-size: 1rem;
    font-family: inherit;
    padding: 0 .75rem;
    height: 2.5rem;
    color: #001432;
    border-radius: 2px;
    transition: .125s ease-in-out 0s;
    transition-property: border-color
}

.m-input-element:focus {
    color: #33435b;
    outline: none;
    border: 1px solid #66a2fe;
    box-shadow: 0 0 0 1px #66a2fe
}

.m-input-element:disabled {
    pointer-events: none;
    color: #99a1ad;
    background-color: #f2f3f5;
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px #ccd0d6
}

.m-input-element:before {
    content: ""
}

.m-input-element[aria-readonly=true] {
    padding-left: 2rem;
    background-color: #f2f3f5;
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px #ccd0d6;
    pointer-events: none
}

.m-input-element[aria-readonly=true]:focus {
    outline: 0 none;
    box-shadow: 0 0 0 1px #ccd0d6
}

.m-input-element.m-input-isValid {
    border: 1px solid #85d9b4;
    box-shadow: 0 0 0 1px #85d9b4
}

.m-input-element.m-input-hasInfo {
    border: 1px solid #66a2fe;
    box-shadow: none
}

.m-input-element.m-input-hasError,
.m-input-element.m-input-hasWarning {
    border: 1px solid #eb8676;
    box-shadow: 0 0 0 1px #eb8676
}

.m-input-element.m-input-hasIcon {
    padding-right: 2.75rem
}

.m-input input[type=search] {
    -webkit-appearance: textfield
}

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

.m-input input::-ms-clear,
.m-input input::-ms-reveal {
    display: none
}

.m-input textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    min-height: 10rem;
    padding-top: 1rem
}

.m-input-errorMessage {
    display: block;
    visibility: visible;
    font-size: .8125rem;
    line-height: 1.125rem;
    margin-top: .375rem;
    color: #de351b
}

.m-input-errorMessage-isInfo {
    position: relative;
    padding: .4375rem .75rem .4375rem .625rem;
    border-radius: .125rem;
    color: #003c98;
    background-color: #cce0ff;
    font-size: .8125rem
}

.m-input-errorMessage-isInfo:after {
    content: "";
    position: absolute;
    top: -.75rem;
    right: .75rem;
    border: .5rem solid transparent;
    border-bottom-color: #cce0ff
}

.m-input-errorMessage-isInfo .m-icon {
    font-size: 1rem;
    width: 1em;
    height: 1em;
    vertical-align: text-top;
    margin-right: .375rem
}

.m-input .m-input-readOnlyIcon {
    position: absolute;
    top: 0;
    left: .5rem;
    height: 2.5rem;
    width: 1rem;
    color: #99a1ad
}

.m-input-iconLink {
    position: absolute;
    right: 0;
    top: 0;
    padding: .625rem .75rem .5rem;
    color: #33435b;
    font-size: .83331rem;
    border: 1px solid transparent
}

.m-input-iconLink:focus {
    outline: none
}

html:not(.touchevents) .m-input-iconLink:focus {
    outline: none;
    background-color: #0064fe;
    color: #fff;
    border-radius: 0 2px 2px 0
}

.m-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.m-label label {
    color: #001432;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
    display: block;
    padding-bottom: .3125rem
}

.m-label-link,
.m-label label {
    font-size: .8125rem;
    line-height: 1.125rem;
    font-weight: 400
}

.m-label-link {
    color: #0064fe
}

.m-logo {
    height: 2.25rem;
    width: 9.1906rem
}

.m-logo-isSmall {
    height: 1.6875rem;
    width: 5.9063rem
}

.m-logo-isSmall.m-logo-isIFNCATr {
    height: 2.25rem;
    width: 7.9225rem
}

.m-logo-isSmall.m-logo-isIFNCA,
.m-logo-isSmall.m-logo-isIFNCAUnited,
.m-logo-isSmall.m-logo-isIFNCAUnitedInverted {
    height: 2.25rem;
    width: 9.1906rem
}

.m-logo-isSmall.m-logo-isIFNCA {
    height: 3.5rem;
    width: 5.9063rem
}

.m-logo-isSmall.m-logo-isIFNCAZA {
    height: 3rem;
    width: 6.7175rem
}

.m-logo-isLarge {
    height: 3.5rem;
    max-height: none
}

.m-logo-isLarge.m-logo-isIFNCATr {
    height: 3.3rem;
    width: 11.75rem
}

.m-logo-isLarge.m-logo-isIFNCA,
.m-logo-isLarge.m-logo-isIFNCAUnited,
.m-logo-isLarge.m-logo-isIFNCAUnitedInverted {
    height: 2.25rem;
    width: 12.2538rem
}

.m-logo-isLarge.m-logo-isIFNCA {
    height: 3.5rem;
    width: 12.25rem
}

.m-logo-isLarge.m-logo-isIFNCAZA {
    height: 3rem;
    width: 11.9431rem
}

.m-mainNavigation {
    padding: 0 1.5rem;
    background-color: #fff
}

.m-mainNavigation [role=menubar] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.m-mainNavigation li {
    display: inline;
    padding-right: 1rem
}

.m-mainNavigation li a {
    color: #c41a34;
    line-height: 4.65rem;
    display: inline-block;
    text-decoration: none;
    margin-top: .1875rem
}

.m-mainNavigation li a.m-mainNavigation-isActive,
.m-mainNavigation li a:hover {
    text-decoration: none;
    border-bottom: 3px solid #0064fe
}

.m-page-top,
.m-page-top-inner {
    height: 4rem
}

.m-page-top {
    position: relative;
    z-index: 30
}

.m-header+.m-page-top {
    z-index: 10
}

.m-page-top-inner {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0064fe;
    color: #fff;
    text-align: left;
    z-index: 2
}

.m-page-top-isRelative .m-page-top-inner {
    position: relative
}

.m-page-top-isAbsolute .m-page-top-inner {
    position: absolute
}

.m-page-top-isLight .m-page-top-inner {
    background-color: #fff;
    color: #c41a34
}

.m-page-top-isDark .m-page-top-inner {
    background-color: #c41a34;
    color: #ffed00
}

.m-page-top-isDark .m-page-top-inner .m-page-top-iconButton {
    color: #fff
}

.m-page-top-content {
    padding: 0 1.5rem;
    line-height: 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.25rem
}

@media (min-width:768px) {
    .m-page-top-content {
        font-size: 1rem
    }
}

.m-page-top-iconButton {
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem
}

@media (max-width:321px) {
    .m-page-top {
        min-height: 3rem
    }
}

.m-niceHtml {
    box-shadow: 0 1px 2px 0 rgba(0, 45, 114, .2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 2.25rem;
    margin-bottom: 2.2rem;
    border-radius: 3px;
    text-align: center;
    background-color: #fff
}

.m-niceHtml-isGrey {
    box-shadow: none;
    background-color: #f2f3f5
}

.m-niceHtml-isLightgreen {
    box-shadow: none;
    background-color: #f2f7ff
}

.m-niceHtml dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 150%;
    color: #667284;
    font-style: italic;
    text-align: left
}

.m-niceHtml dl dt {
    width: 60%
}

.m-niceHtml dl dd {
    width: 40%;
    margin-left: 0
}

.m-niceHtml h1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 1rem;
    font-size: 7vw;
    font-weight: 700;
    line-height: 1.3;
    color: #0064fe
}

@media (min-width:321px) {
    .m-niceHtml h1 {
        font-size: 5vw
    }
}

@media (min-width:550px) {
    .m-niceHtml h1 {
        font-size: 1.875rem
    }
}

.m-niceHtml h1 .m-icon {
    font-size: .8em
}

.m-niceHtml h2 {
    margin: 0 0 .5rem;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #c41a34
}

.m-niceHtml small {
    font-size: .875rem;
    font-weight: 300;
    color: #666
}

.m-niceHtml p {
    font-size: 1rem;
    color: #666;
    margin: 1.2rem 0
}

.m-progressNavigation-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    color: #0064fe;
    border-radius: 3px;
    line-height: 1.375;
    padding: .375rem 1rem .25rem;
    transition: color .2s
}

html:not(.touchevents) .m-progressNavigation-link:hover {
    text-decoration: underline
}

html:not(.touchevents) .m-progressNavigation-link:focus {
    text-decoration: none
}

.m-progressNavigation-isActive {
    color: #c41a34;
    background-color: #ccd5e3;
    pointer-events: none
}

html:not(.touchevents) .m-progressNavigation-isActive:hover {
    text-decoration: none
}

.m-progressNavigation-isComplete {
    background: transparent;
    color: #34c082
}

html:not(.touchevents) .m-progressNavigation-isComplete:hover {
    color: #34c082;
    text-decoration: underline
}

.m-progressNavigation-isIncomplete {
    background: transparent;
    color: #de351b
}

html:not(.touchevents) .m-progressNavigation-isIncomplete:hover {
    color: #de351b;
    text-decoration: underline
}

.m-progressNavigation-isIncomplete .m-progressNavigation-checkIcon {
    color: #de351b
}

.m-progressNavigation-checkIcon {
    position: relative;
    display: inline-block;
    margin-left: .375rem;
    font-size: .6667rem;
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s, transform .2s
}

.m-progressNavigation-isComplete .m-progressNavigation-checkIcon,
.m-progressNavigation-isIncomplete .m-progressNavigation-checkIcon {
    opacity: 1;
    transform: scale(1)
}

.profileDropdown {
    position: absolute;
    right: 0;
    top: 2.6rem;
    min-width: 12rem;
    z-index: 2;
    box-shadow: 0 8px 32px 0 rgba(0, 45, 114, .2);
    border-radius: 3px
}

.profileDropdown-trigger {
    background: transparent;
    border: 0 none;
    padding: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.profileDropdown-listItem {
    padding: .85rem 1rem;
    border-bottom: 1px solid #f2f3f5
}

.profileDropdown-listItem:first-child {
    border-top: none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.profileDropdown-listItem:nth-last-child(-n+1) {
    border-bottom: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.profileDropdown .arrow_box_ne,
.profileDropdown .arrow_box_nw {
    position: relative;
    background-color: #fff;
    border-radius: .1875rem
}

.profileDropdown .arrow_box:after,
.profileDropdown .arrow_box:before,
.profileDropdown .arrow_box_ne:after,
.profileDropdown .arrow_box_ne:before,
.profileDropdown .arrow_box_nw:after,
.profileDropdown .arrow_box_nw:before {
    bottom: 100%;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    content: " ";
    height: 0;
    width: 0
}

.profileDropdown .arrow_box:after,
.profileDropdown .arrow_box:before {
    left: 1rem;
    content: " "
}

.profileDropdown .arrow_box_nw:after,
.profileDropdown .arrow_box_nw:before {
    left: 8rem;
    content: " "
}

.profileDropdown .arrow_box_ne:after,
.profileDropdown .arrow_box_ne:before {
    right: .5rem
}

.profileDropdown .arrow_box_ne:after,
.profileDropdown .arrow_box_nw:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: .5rem;
    margin-left: 0
}

.m-spinner {
    position: relative;
    margin: 0 auto;
    width: 2em;
    stroke-width: .18rem;
    color: currentColor
}

.m-spinner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.m-spinner-svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    animation: k 2s linear infinite;
    transform-origin: center center
}

.m-spinner-path {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    color: inherit;
    stroke: currentColor;
    stroke-width: inherit;
    animation: l 1.5s ease-in-out infinite;
    stroke-linecap: round
}

.m-spinner .au-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: inherit;
    font-size: inherit
}

@keyframes k {
    to {
        transform: rotate(1turn)
    }
}

@keyframes l {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

svg:not(:root) {
    overflow: hidden;
    vertical-align: middle
}

@media screen and (max-width:320px) {
    img[src*=".svg"] {
        transform: scale(.85)
    }
}

.m-thumbnail {
    position: relative;
    display: block;
    margin: .8rem 0 .4rem;
    text-align: center;
    color: #c41a34
}

.m-thumbnail-spinner {
    position: relative;
    padding-top: 50%;
    box-shadow: 0 1px 4px 0 rgba(33, 33, 33, .2)
}

.m-thumbnail-spinner .m-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1em;
    margin-top: -1em
}

.m-thumbnail-image {
    display: block;
    width: 100%;
    border: none;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(33, 33, 33, .2)
}

.m-thumbnail-label {
    display: block;
    color: #33435b;
    margin-top: .4rem
}

.m-thumbnail-label>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.m-thumbnail-title {
    font-weight: 700;
    line-height: 1.4;
    color: #c41a34
}

.m-thumbnail-subTitle {
    font-size: .95rem
}

.m-ruleChecklist {
    margin: 0;
    max-height: 0;
    padding: 0 1rem;
    border-radius: 3px;
    background: #f2f3f5;
    color: #33435b;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 700;
    overflow: hidden;
    transition: max-height .3s, padding .3s
}

.m-ruleChecklist-visible {
    padding: .5625rem 1rem;
    max-height: 15rem;
    margin-bottom: 1rem
}

.m-ruleChecklist-content {
    opacity: 0;
    transition: opacity .3s
}

.m-ruleChecklist-visible .m-ruleChecklist-content {
    opacity: 1
}

.m-ruleChecklist-list {
    margin: .3rem 0 .5rem;
    padding: 0;
    list-style: none;
    line-height: 1.375rem
}

.m-ruleChecklist-item {
    position: relative;
    padding-left: 1.5rem;
    color: #33435b;
    transition: color .3s
}

.m-ruleChecklist-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .1875rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #ccd0d6;
    transform: scale(.4);
    transition: transform .3s, color .3s;
    transition-timing-function: cubic-bezier(0, .72, .32, 1), linear;
    transition-timing-function: cubic-bezier(0, .72, .72, 1.42), linear
}

.m-ruleChecklist-showErrors .m-ruleChecklist-item:not(.m-ruleChecklist-itemValid) {
    color: #de351b
}

.m-ruleChecklist-showErrors .m-ruleChecklist-item:not(.m-ruleChecklist-itemValid):before {
    background-color: #de351b
}

.m-ruleChecklist-itemValid {
    color: #34c082
}

.m-ruleChecklist-itemValid:before {
    background-color: #34c082;
    transform: scale(1)
}

.m-ruleChecklist-itemValid .m-ruleChecklist-icon {
    opacity: 1;
    transform: scale(1)
}

.m-ruleChecklist-icon {
    position: absolute;
    left: 0;
    top: .1875rem;
    width: 1rem;
    height: 1rem;
    font-size: .4rem;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    background: url(../img/IFNCA/icons/forms/rule-checklist/check.svg) no-repeat 50% 50%;
    transform: scale(.4);
    transition: transform .3s, opacity .3s
}

.m-header,
.m-header-inner,
.m-header-position {
    height: 5rem
}

@media (max-width:321px) {
    .m-header,
    .m-header-inner,
    .m-header-position {
        height: 4rem
    }
}

.m-header {
    position: relative;
    z-index: 20;
    display: inline-block;
    width: 100%
}

.m-header-position {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.m-header-isRelative .m-header-position {
    position: relative
}

.m-header-isAbsolute .m-header-position {
    position: absolute
}

.m-header-inner {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: #c41a34
}

.m-header-content {
    position: relative;
    margin-right: 1rem;
    margin-left: auto
}

.m-header-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 1rem
}

.m-header-buttons>* {
    -ms-flex: 1 0 5.3125rem;
    flex: 1 0 5.3125rem
}

.m-header-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

@media (min-width:768px) {
    .m-header-logo {
        left: 1.6875rem;
        right: auto
    }
}

.m-verticalHeader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    z-index: 40
}

.m-verticalHeader,
.m-verticalHeader-head {
    display: -ms-flexbox;
    display: flex;
    background-color: #c41a34;
    width: 5rem
}

.m-verticalHeader-head {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5rem;
    border-bottom: 1px solid rgba(153, 193, 255, .25)
}

.m-verticalHeader-logo {
    width: 2.25rem
}

.m-verticalHeader-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2.5rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #c41a34
}

.m-verticalHeader-button {
    position: relative
}

.m-verticalHeader-button>button {
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: 5rem;
    height: 4rem;
    background-color: #c41a34;
    color: #6681aa;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    cursor: pointer
}

html:not(.touchevents) .m-verticalHeader-button>button:hover {
    background-color: #0064fe
}

html:not(.touchevents) .m-verticalHeader-button>button:focus {
    color: #fff;
    outline: none
}

.m-verticalHeader-button-isActive>button {
    color: #fff;
    background-color: #0064fe
}

.m-verticalHeader-buttonPush {
    margin-bottom: auto
}

.m-verticalHeader-tooltip {
    box-shadow: 0 8px 32px 0 rgba(0, 45, 114, .2);
    text-align: initial;
    position: absolute;
    left: 5.25rem;
    bottom: 0;
    width: 24rem;
    border-radius: .125rem;
    background: #fff
}

.m-verticalHeader-tooltipContent {
    max-height: calc(100vh - 5rem);
    overflow: hidden;
    overflow-y: auto;
    background-color: rgba(242, 243, 245, .5)
}

.m-verticalHeader-tooltip-enter {
    will-change: opacity, transform;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity, transform;
    transition-duration: .3s, .3s;
    transition-delay: 0s, 0s
}

.m-verticalHeader-tooltip-enter-active,
.m-verticalHeader-tooltip-exit {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

.m-verticalHeader-tooltip-exit {
    will-change: opacity, transform;
    transition: opacity, transform;
    transition-duration: .3s, .3s;
    transition-delay: 0s, 0s
}

.m-verticalHeader-tooltip-exit-active {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px)
}

.m-verticalHeader-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1.1875rem;
    left: -1rem;
    border: .5rem solid transparent;
    border-right-color: #fff
}

.m-verticalHeader-drawer {
    box-shadow: 0 8px 32px 0 rgba(0, 45, 114, .2);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 26.75rem;
    padding-left: 5rem;
    background: #fff;
    z-index: -1
}

.m-verticalHeader-drawer-enter {
    transform: translateX(-100%);
    transition: transform .3s;
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    will-change: transform
}

.m-verticalHeader-drawer-enter-active {
    transform: translateX(0)
}

.m-verticalHeader-drawer-exit {
    transition: transform .2s;
    transition-timing-function: cubic-bezier(1, 0, 1, 0);
    will-change: transform;
    transform: translateX(0)
}

.m-verticalHeader-drawer-exit-active {
    transform: translateX(-100%)
}

.m-verticalHeader-drawer .m-panel {
    height: 100%
}

.m-verticalHeader-drawer .m-panel-header {
    min-height: 4rem;
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-verticalHeader-drawer .m-panel-header .m-input {
    margin: .75rem .75rem .75rem 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.m-verticalHeader-drawer .m-panel-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.m-togglePane {
    overflow: hidden;
    display: block
}

.m-togglePane-content {
    padding: .5rem 1.125rem .75rem 1.75rem;
    margin: 0 0 0 .6875rem;
    border-bottom: 1.6875rem solid transparent;
    box-shadow: inset 2px 0 0 0 #66a2fe
}

.m-multiSelect {
    position: relative;
    margin-bottom: 1.5rem
}

.m-multiSelect-value {
    position: relative;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #d0d4d8;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .5625rem 2rem .5625rem .75rem;
    text-align: left;
    color: #001432;
    font-size: 1rem;
    font-family: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.m-multiSelect-value:focus {
    color: #33435b;
    outline: none;
    border: 1px solid #66a2fe;
    box-shadow: 0 0 0 1px #66a2fe
}

.m-multiSelect-hasWarning .m-multiSelect-value {
    border-color: #eb8676;
    box-shadow: 0 0 0 1px #eb8676
}

.m-multiSelect-isValid .m-multiSelect-value {
    border: 1px solid #85d9b4;
    box-shadow: 0 0 0 1px #85d9b4
}

.m-multiSelect-hasInfo .m-multiSelect-value {
    border: 1px solid #66a2fe;
    box-shadow: none
}

.m-multiSelect-placeholder {
    color: #99a1ad
}

.m-multiSelect-icon {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%)
}

.m-multiSelect-disabled .m-multiSelect-value {
    pointer-events: none;
    color: #99a1ad;
    background-color: #f2f3f5;
    border: 0 solid #ccd0d6;
    box-shadow: 0 0 0 1px #ccd0d6
}

.m-multiSelect-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    margin-top: 1px;
    max-height: 16.5rem;
    padding: .5rem 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(21, 42, 64, .2);
    overflow-y: auto
}

.m-multiSelect-option {
    padding: .4375rem .625rem
}

html:not(.touchevents) .m-multiSelect-option:hover {
    background-color: #e6f0ff
}

.m-multiSelect-enter {
    display: block;
    transform: translateY(-10px);
    opacity: 0
}

.m-multiSelect-enter-active {
    transition: transform .15s, opacity .15s
}

.m-multiSelect-enter-active,
.m-multiSelect-exit {
    transform: translateY(0);
    opacity: 1
}

.m-multiSelect-exit-active {
    transition: transform .15s, opacity .15s;
    transform: translateY(-10px);
    opacity: 0
}

.m-countrySelectionList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.m-countrySelectionList-isInline {
    margin: 1.5rem 0;
    box-shadow: 0 1px 2px 0 rgba(50, 72, 87, .2);
    border-radius: 3px
}

.m-countrySelectionList a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 4.5rem;
    padding: 0 1.5rem;
    text-align: left
}

html:not(.touchevents) .m-countrySelectionList a:focus,
html:not(.touchevents) .m-countrySelectionList a:hover {
    text-decoration: none
}

.m-countrySelectionList-footer {
    margin: auto 1.5rem 1.25rem;
    color: #667284;
    font-style: italic
}

.m-countrySelectionList-country {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 10rem
}

.m-countrySelectionList-countryMarket {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #c41a34;
    font-weight: 700
}

.m-countrySelectionList-isInline .m-countrySelectionList-countryMarket {
    font-size: 1.25rem
}

.m-countrySelectionList-countryURL {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #6681aa
}

.m-countrySelectionList li+li {
    border-top: 1px solid #f2f3f5
}

.m-countrySelectionList .m-countryFlag {
    margin-right: .75rem;
    height: 2rem;
    width: 2rem
}

.m-countrySelectionList+.m-page-container {
    margin-top: 1rem
}

.m-badge {
    position: relative;
    display: inline-block;
    padding: 0 .4em;
    line-height: 1.7;
    min-width: 1.6em;
    height: 1.6em;
    border-radius: 1.6em;
    text-align: center;
    font-weight: 700;
    color: #c41a34;
    background-color: #ffed00;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased;
    font-size: .625rem
}

.m-badge-isLarge {
    font-size: .75rem
}

.m-profilePicture {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    color: #c41a34
}

.m-profilePicture-isLarge {
    text-align: center;
    padding: 1.75rem 0;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.m-profilePicture-isLarge a {
    color: #99c1ff;
    font-size: 1rem
}

.m-profilePicture-button {
    position: relative;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    overflow: hidden;
    background-position: 50% 50%;
    background-color: transparent;
    transition: background-color .15s
}

.m-profilePicture-button:focus {
    outline: none
}

.m-profilePicture-isSmall .m-profilePicture-button {
    width: 2rem;
    height: 2rem
}

.m-profilePicture-isLarge .m-profilePicture-button {
    width: 7.5rem;
    height: 7.5rem;
    margin: .5rem
}

.m-profilePicture-badge {
    position: absolute;
    top: 0;
    right: calc(100% - 3.875rem);
    font-size: .75rem
}

.m-profilePicture-isSmall .m-profilePicture-badge {
    right: calc(100% - 2.625rem);
    font-size: .625rem;
    box-shadow: 0 .1875rem 0 .1875rem rgba(0, 0, 0, .15)
}

.m-profilePicture-img {
    border-radius: 50%;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .15s
}

.m-profilePicture-isStamped {
    border: 2px dashed #66a2fe
}

.m-profilePicture-isStamped .m-profilePicture-placeholderBg {
    fill: #f2f7ff
}

.m-profilePicture-isStamped .m-profilePicture-placeholderHead {
    fill: #cce0ff
}

.m-profilePicture-abbreviation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #3383fe;
    color: #fff;
    line-height: 1.22727;
    font-weight: bolder;
    font-size: 1.375rem
}

.m-profilePicture-isSmall .m-profilePicture-abbreviation {
    font-size: 1rem
}

.m-profilePicture-isLarge .m-profilePicture-abbreviation {
    font-size: 3.25rem
}

.m-profilePicture-editIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.0625rem;
    color: #fff;
    opacity: 0;
    transition: opacity .15s;
    transform: translate(-50%, -50%)
}

.m-profilePicture-content {
    line-height: 1.37;
    margin-left: 1rem
}

.m-profilePicture-content a {
    display: inline
}

.m-profilePicture-isLarge .m-profilePicture-content {
    margin-left: 0;
    line-height: 1.07;
    font-size: 1.75rem
}

html:not(.touchevents) a.m-profilePicture-button:hover {
    background-color: #0064fe
}

html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-editIcon {
    opacity: 1
}

html:not(.touchevents) a.m-profilePicture-button:hover .m-profilePicture-img {
    opacity: .4
}

.m-address {
    position: relative;
    margin: .25rem 0;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5;
    color: #99a1ad;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-address strong {
    color: #c41a34;
    font-weight: 700
}

.m-address a {
    display: inline-block;
    margin-top: .5rem
}

.m-address a~a {
    margin-top: 0
}

.m-address .m-badge {
    position: absolute;
    right: 0;
    top: .1875rem;
    z-index: 1
}

.m-labelList {
    font-size: 1rem;
    list-style: none;
    padding: 0;
    margin: 0
}

.m-labelList-label {
    position: relative;
    padding: .375rem 1.5rem .375rem .75rem;
    border-top-right-radius: .1875rem;
    border-top-left-radius: .1875rem;
    box-shadow: inset 0 -1px 0 0 #f2f3f5;
    color: #99a1ad;
    background-color: #fff;
    font-size: .6875rem;
    line-height: 1.25rem;
    font-weight: bolder;
    text-transform: uppercase
}

.m-labelList-label .m-button {
    padding: 0;
    height: auto
}

.m-labelList-item {
    min-height: 2rem;
    padding: .1px 0;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 #ccd0d6
}

.m-labelList-item h1,
.m-labelList-item h2,
.m-labelList-item h3,
.m-labelList-item p {
    margin: 1rem 0
}

.m-labelList-item .m-media-content {
    padding-top: 0;
    padding-bottom: 0
}

.m-labelList-item .m-address {
    margin: 0
}

.m-labelList-item .m-media {
    background: transparent
}

.m-labelList-link {
    padding: 0;
    min-height: 0
}

.m-labelList-link>a {
    display: block;
    min-height: 4.25rem;
    padding: .1px 0;
    box-shadow: inset 0 1px 0 0 #f2f3f5
}

.m-labelList-link>a:focus,
.m-labelList-link>a:hover,
html:not(.touchevents) .m-labelList-link>a:focus {
    text-decoration: none
}

html:not(.touchevents) .m-labelList-link>a:hover {
    text-decoration: none;
    background-color: #f2f7ff
}

.m-labelList-isMuted {
    box-shadow: inset 0 1px 0 0 #f2f3f5;
    background-color: transparent
}

html:not(.touchevents) .m-labelList-isMuted>a:hover {
    text-decoration: none;
    background-color: #fff
}

.m-labelList-isMuted:not(:hover) *,
html.touchevents .m-labelList-isMuted * {
    color: #99a1ad
}

.m-labelList-isMuted:not(:hover) .m-badge,
html.touchevents .m-labelList-isMuted .m-badge {
    background-color: #e6e8eb;
    color: #99a1ad
}

.m-labelList-isMuted:not(:hover) .m-profilePicture-abbreviation,
html.touchevents .m-labelList-isMuted .m-profilePicture-abbreviation {
    background-color: #ccd0d6;
    color: #fff
}

.m-toastNotification {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 1rem auto 0;
    border-radius: .125rem;
    overflow: hidden;
    pointer-events: auto;
    animation-duration: .3s;
    animation-fill-mode: forwards
}

.m-toastNotification-enter {
    animation-name: m;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-out
}

.m-toastNotification-exit {
    animation-name: n;
    animation-duration: .2s;
    -webkit-animation-timing-function: ease-in
}

@keyframes m {
    0% {
        transform: translateY(-100px);
        opacity: 0;
        max-height: 0
    }
    to {
        transform: translateY(0);
        opacity: 1;
        max-height: 100px
    }
}

@keyframes n {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(10px);
        opacity: 0
    }
}

.m-toastNotification-content {
    padding: 1rem 1.5rem .8rem;
    background: #34c082;
    color: #fff;
    font-size: 1rem
}

@supports (display:flex) {
    .m-toastNotification-hasAction .m-toastNotification-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.m-toastNotification-icon {
    margin-right: .5rem
}

.m-toastNotification-action {
    position: relative;
    right: 0;
    top: -6px;
    float: right;
    margin-left: 12px;
    padding: 0 15px;
    border: none;
    border-radius: .125rem;
    background: rgba(51, 51, 51, .07);
    line-height: 35px;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@supports (display:flex) {
    .m-toastNotification-action {
        top: 0
    }
}

.m-toastNotification-action:hover {
    box-shadow: inset 0 -35px rgba(51, 51, 51, .07)
}

.m-toastNotification-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 70;
    pointer-events: none
}

.m-select-input {
    background: #fff;
    cursor: pointer
}

.m-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 2px 0 0;
    max-height: 19.2rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    list-style: none;
    z-index: 1;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .24)
}

.m-select-option {
    display: block;
    padding: 8px 8px 9px;
    width: 100%;
    font-size: 1rem;
    text-decoration: none;
    color: #001432;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    text-align: left;
    cursor: pointer
}

html:not(.touchevents) .m-select-option:hover {
    background-color: #e6f0ff
}

.m-select-isActive {
    font-weight: 700
}

.m-select-isFocused {
    background-color: #e6f0ff
}

.m-select-isDisabled {
    opacity: .5;
    cursor: not-allowed
}

.m-select-chevron {
    position: absolute;
    right: .5rem;
    top: 0;
    height: 2.5rem;
    font-size: .8125rem;
    color: #001432;
    pointer-events: none
}

.m-separator {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-style: italic;
    margin: 1rem 0
}

.m-separator hr {
    border-top: 1px solid #e6e8eb;
    margin-top: 1.5rem;
    min-width: .625rem;
    -ms-flex: 1 1 0px;
    flex: 1 1 0%
}

.m-separator-text {
    padding: 0 1rem;
    color: #667284;
    text-align: center
}

.m-summary {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 2rem;
    border: 1px solid #ccd0d6;
    border-radius: .25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 45, 114, .2);
    overflow: hidden
}

.m-summary-isDisabled {
    background-color: #fff;
    background-image: repeating-linear-gradient(40deg, rgba(230, 232, 235, .5), rgba(230, 232, 235, .5) 2px, rgba(230, 232, 235, 0) 0, rgba(230, 232, 235, 0) 10px);
    pointer-events: none;
    box-shadow: none;
    border-color: #e6e8eb
}

.m-summary-isDisabled .m-summary-buttons {
    display: none
}

.m-summary-isDisabled .m-summary-content:not(.m-summary-errorMessage) {
    color: #99a1ad
}

.m-summary-content {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.5rem 0;
    line-height: 1.375rem
}

.m-summary-buttons,
.m-summary-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 1.5rem 0
}

.m-summary-icon {
    width: 5rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-align: center;
    align-items: center;
    color: #99a1ad;
    font-size: 1.3125rem
}

.m-summary-buttons {
    padding: 0 1rem;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.m-summary-errorMessage {
    font-size: 1rem;
    line-height: 137.5%;
    color: #de351b
}

.m-summary-hasWarning {
    border-color: #eb8676;
    box-shadow: 0 0 0 1px #eb8676
}

.m-summary-hasWarning .m-summary-icon {
    color: #de351b
}

.m-summary-button {
    padding: .625rem .3125rem .3125rem;
    line-height: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%
}

html:not(.touchevents) .m-summary-button:hover {
    background-color: #0064fe;
    transition: background-color .15s
}

html:not(.touchevents) .m-summary-button:hover svg {
    color: #fff
}

html:not(.touchevents) .m-summary-button:disabled:hover svg {
    color: #99a1ad
}

.m-bar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.m-bar-item {
    min-width: 0
}

.m-bar-isStretchy {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-bar-isFullyCentered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.m-bar-isFullyCentered+.m-bar-item,
.m-bar-pushRight {
    margin-left: auto
}

.m-bar-item:not(:last-child):not(.m-bar-isFullyCentered) .m-page-top-content {
    padding-right: 0
}

.m-stepProgress {
    height: .375rem;
    background-color: #f2f3f5;
    overflow: hidden
}

.m-stepProgress-inner {
    position: relative;
    width: 0;
    background-color: #34c082
}

.m-stepProgress-active,
.m-stepProgress-inner {
    height: 100%;
    will-change: width;
    transition: width .15s
}

.m-stepProgress-active {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #cce0ff;
    animation: 2s o ease-in-out infinite
}

@keyframes o {
    0% {
        background-color: #dbe9ff
    }
    50% {
        background-color: #adcdff
    }
    to {
        background-color: #dbe9ff
    }
}

.m-paragraph {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #33435b
}

.m-sidebarNavigation {
    font-size: 1.125rem;
    margin: 2.25rem 0 4rem
}

.m-sidebarNavigation-isFullWidth {
    margin: 0
}

.m-sidebarNavigation-title {
    padding: .75rem 1rem;
    color: #c41a34;
    font-weight: 700
}

.m-sidebarNavigation-link {
    position: relative;
    display: block;
    padding: .4375rem 1rem .4375rem 3rem;
    color: #c41a34;
    line-height: 1.625rem
}

.m-sidebarNavigation-link:focus,
.m-sidebarNavigation-link:hover,
html:not(.touchevents) .m-sidebarNavigation-link:hover {
    text-decoration: none
}

html:not(.touchevents) .m-sidebarNavigation-link:hover:not(.m-sidebarNavigation-isActive) {
    background-color: #f2f7ff
}

html:not(.touchevents) .m-sidebarNavigation-link:focus {
    text-decoration: none
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-link {
    padding: 1rem 1rem 1rem 4rem;
    border-bottom: 1px solid #e6e8eb
}

.m-sidebarNavigation-isActive {
    background-color: #cce0ff
}

.m-sidebarNavigation-icon {
    position: absolute;
    left: 1rem;
    top: .75rem;
    bottom: 0
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-icon {
    top: 1.125rem
}

.m-sidebarNavigation-badge {
    position: relative;
    left: 1rem;
    top: -.125rem
}

.m-sidebarNavigation-isFullWidth .m-sidebarNavigation-badge {
    position: absolute;
    left: auto;
    right: 3.5rem;
    top: 1.1875rem
}

.m-sidebarNavigation-chevron {
    position: absolute;
    right: 1rem;
    top: .875rem
}

.m-scrollToTopButton {
    position: fixed;
    bottom: 4.5rem;
    left: 50%;
    transform: translateX(-2rem);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 1.3125rem;
    text-align: center;
    background: #c41a34;
    color: #ffed00;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border: 0 none;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: visibility, opacity;
    transition-duration: 0s, .3s;
    transition-delay: .3s, 0s
}

.m-scrollToTopButton:focus {
    outline: none
}

html:not(.touchevents) .m-scrollToTopButton:hover {
    background-color: #33578e
}

.m-scrollToTopButton-isVisible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s, 0s
}

.m-iconButton {
    color: inherit;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    font-size: 1rem;
    line-height: inherit;
    padding: .5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.m-iconButton:focus {
    outline: none
}

.m-iconButton-green {
    color: #0064fe
}

.m-description {
    color: #667284;
    font-style: italic
}

.m-datePicker {
    display: inline-block;
    background: #fff
}

.m-datePicker-container {
    position: relative;
    font-size: .8125rem
}

.m-datePicker-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 2.5rem;
    padding: .625rem 0;
    background: #0064fe
}

.m-datePicker-footer {
    padding: .5rem
}

.m-datePicker-footer .m-button {
    margin: 0
}

.m-datePicker-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -ms-flex-direction: row;
    flex-direction: row
}

.m-datePicker-month,
.m-datePicker-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-datePicker-month {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border-radius: 2px;
    overflow: hidden
}

.m-datePicker-month+.m-datePicker-month {
    margin-left: 1.5rem
}

.m-datePicker-navBar {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    top: 0
}

.m-datePicker-navButton {
    font-size: 1rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    cursor: pointer
}

.m-datePicker-navButton-isPrev {
    float: left
}

.m-datePicker-navButton-isNext {
    float: right
}

.m-datePicker-navButton-isDisabled {
    display: none
}

.m-datePicker-caption {
    display: table-caption;
    height: 2.5rem;
    padding: .625rem 0;
    background: #0064fe;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    text-align: center
}

.m-datePicker-weekdays {
    display: table-header-group
}

.m-datePicker-weekdaysRow {
    display: table-row
}

.m-datePicker-weekdaysRow>div:last-child {
    border-right: 0 none
}

.m-datePicker-weekdaysRow>div:first-child {
    border-left: 0 none
}

.m-datePicker-weekday {
    display: table-cell;
    padding: .25rem;
    text-align: center;
    color: #99a1ad;
    border: 1px solid #f2f3f5;
    border-top: 0;
    border-bottom: 0
}

.m-datePicker-weekday abbr {
    text-decoration: none
}

.m-datePicker-body {
    display: table-row-group;
    background-color: #e6e8eb;
    background-image: repeating-linear-gradient(40deg, #e0e1e3, #e0e1e3 2px, #e9eaed 0, #e9eaed 10px)
}

.m-datePicker-week {
    display: table-row
}

.m-datePicker-week>div:last-child {
    border-right: 0 none
}

.m-datePicker-week>div:first-child {
    border-left: 0 none
}

.m-datePicker-day {
    display: table-cell;
    padding: 0;
    border: 1px solid #f2f3f5;
    position: relative;
    background: #fff;
    width: 2.8125rem;
    height: 2rem;
    color: #000;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    vertical-align: middle
}

.m-datePicker-dayInner {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.5625rem;
    border-radius: 50%;
    border: 2px solid transparent
}

.m-datePicker-day:focus {
    outline: none
}

.m-datePicker-day:focus:not(:active) .m-datePicker-dayInner {
    border-color: #66a2fe
}

html:not(.touchevents) .m-datePicker-day:hover .m-datePicker-dayInner {
    color: #0064fe;
    border-color: #e6f0ff;
    background-color: #e6f0ff
}

.m-datePicker-day-isSelected .m-datePicker-dayInner {
    color: #fff;
    background: #0064fe
}

.m-datePicker-day-isSelected:focus:not(:active) .m-datePicker-dayInner {
    border-color: #0064fe
}

html:not(.touchevents) .m-datePicker-day-isSelected:hover .m-datePicker-dayInner {
    color: #fff;
    border-color: #0064fe;
    background: #0064fe
}

.m-datePicker-day-isToday:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    border: .3125rem solid transparent;
    border-top-color: #34c082;
    border-right-color: #34c082
}

.m-datePicker-day-isDisabled {
    cursor: default;
    color: #99a1ad;
    font-weight: 400;
    pointer-events: none;
    background-color: transparent
}

.m-datePicker-day-isOutside:not(.m-datePicker-day-isDisabled) {
    cursor: default;
    background-color: #f2f3f5
}

.m-datePicker-day-isInRange:before,
.m-datePicker-day-isRangeEnd:before,
.m-datePicker-day-isRangeStart:before {
    content: "";
    display: block;
    position: absolute;
    top: .125rem;
    bottom: .125rem;
    left: 0;
    right: -.0625rem;
    background-color: #cce0ff
}

.m-datePicker-day-isRangeStart:before {
    left: 50%
}

.m-datePicker-day-isRangeEnd:before {
    right: 50%
}

.m-datePicker-day-isInRange .m-datePicker-dayInner {
    background-color: transparent;
    color: #0050cb
}

.m-datePicker-weekNumber {
    display: table-cell;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    min-width: 1.5rem;
    cursor: pointer;
    color: #0064fe;
    background-color: #fff;
    border: 1px solid #f2f3f5
}

.m-datePicker-isDisabled .m-datePicker-day {
    cursor: default
}

.m-datePicker-todayButton {
    border: none;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
    cursor: pointer;
    color: #34c082;
    font-size: .875em
}

.m-contextualMenu {
    box-shadow: 0 8px 32px 0 rgba(0, 45, 114, .2);
    max-width: 20rem;
    background: #fff
}

.m-contextualMenu-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem
}

@media (min-width:768px) {
    .m-contextualMenu-list {
        margin-bottom: 0
    }
}

.m-contextualMenu-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 0;
    border: none;
    border-radius: 0;
    color: #0064fe;
    text-align: left;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.375rem;
    background-color: transparent;
    box-shadow: inset 0 -.0625rem 0 #e6e8eb;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:768px) {
    .m-contextualMenu-button {
        padding: .5rem 1rem
    }
}

.m-contextualMenu-button:focus {
    outline: none
}

html:not(.touchevents) .m-contextualMenu-button:hover {
    text-decoration: underline;
    background-color: #f2f7ff;
    cursor: pointer
}

.m-contextualMenu-button-isSelected {
    font-weight: 700;
    color: #c41a34
}

.m-contextualMenu .m-contextualMenu-description {
    display: block;
    font-size: .8125rem;
    font-style: italic;
    line-height: 1.125rem;
    color: #667284;
    padding: .625rem 1rem 1.75rem
}

.m-contextualMenu .m-datePicker {
    display: block;
    width: 100%
}

.m-contextualMenu .m-datePicker-month {
    width: 100%
}

.m-countryFlag {
    position: relative;
    display: inline-block;
    width: 1.46em;
    height: 1.46em;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: .5rem;
    border-radius: 50%;
    vertical-align: text-bottom;
    overflow: hidden
}

.m-countryFlag-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 .125rem rgba(0, 0, 0, .25)
}

.m-countryFlag .m-countryFlag-img {
    width: 100%;
    height: auto;
    vertical-align: text-bottom
}

@media screen and (max-width:321px) {
    .m-countryFlag .m-countryFlag-img {
        transform: none
    }
}

.m-contentPlaceholder {
    position: relative;
    width: 100%;
    background: #fff
}

.m-contentPlaceholder-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 22rem;
    height: 100%;
    margin: 0 auto;
    padding: 1.5rem;
    text-align: center
}

.m-contentPlaceholder-contentWrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.m-toolbar {
    background-color: #f2f3f5;
    box-shadow: inset 0 -1px 0 0 #ccd0d6;
    padding: .75rem 1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:768px) {
    .m-toolbar {
        background-color: #fff;
        box-shadow: inset 0 1px 0 #f2f3f5;
        padding: 1rem 1.5rem
    }
}

.m-toolbar+.m-page-container {
    margin-top: 0
}

.m-table {
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.m-table-responsive {
    overflow-x: auto
}

.m-table-head {
    box-shadow: inset 0 1px 0 0 #e6e8eb
}

.m-table-headCell {
    padding: .8125rem .5rem;
    color: #99a1ad;
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1rem;
    text-align: left;
    cursor: pointer
}

.m-table-headCell:first-child {
    padding-left: 1rem
}

@media (min-width:768px) {
    .m-table-headCell:last-child {
        padding-right: 1rem
    }
}

html:not(.touchevents) .m-table-headCell:hover {
    text-decoration: underline
}

.m-table-headCell-isActive {
    color: #33435b
}

.m-table-cell {
    padding: 1.125rem .5rem
}

.m-table-cell-isNowrap {
    white-space: nowrap
}

.m-table-cell:first-child {
    padding-left: 1rem
}

@media (min-width:768px) {
    .m-table-cell:last-child {
        padding-right: 1rem
    }
}

.m-table-cell-small {
    width: 2.5rem;
    text-align: center;
    vertical-align: middle
}

.m-table-cell-small .m-checkbox {
    display: block
}

.m-table-cell-small .m-icon {
    font-size: 1.375rem;
    color: #33435b
}

@media (min-width:768px) {
    .m-table-cell-small .m-icon {
        font-size: 1rem;
        color: #99a1ad
    }
}

.m-table-row {
    box-shadow: inset 0 1px 0 0 #e6e8eb
}

.m-table-row-isExpired {
    background-color: #fff;
    background-image: repeating-linear-gradient(40deg, rgba(230, 232, 235, .5), rgba(230, 232, 235, .5) 2px, rgba(230, 232, 235, 0) 0, rgba(230, 232, 235, 0) 10px)
}

.m-table-row-isSelected {
    background: #f2f7ff
}

.m-table-row-isClickable {
    cursor: pointer
}

.m-table-row-isClickable:hover strong {
    color: #0064fe
}

.m-segmentedControlComplex {
    margin: 1rem 0
}

.m-segmentedControlComplex-options {
    position: relative
}

.m-segmentedControlComplex-option {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 1.5rem 1.125rem;
    border: 0 none;
    box-shadow: inset 0 0 0 .0625rem #99a1ad;
    margin-bottom: -1px;
    font-family: inherit;
    font-size: inherit;
    text-align: left;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: box-shadow .2s, background-color .2s
}

.m-segmentedControlComplex-option-isActive {
    z-index: 1;
    box-shadow: inset 0 0 0 .125rem #66a2fe;
    background: rgba(242, 247, 255, .5)
}

.m-segmentedControlComplex-option:focus {
    outline: none;
    background: rgba(242, 247, 255, .5)
}

.m-checklist-title {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: .5rem
}

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

.m-checklist-item {
    position: relative;
    padding-left: 1.5rem;
    margin: .125rem 0
}

.m-checklist-item-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: .6875rem;
    color: #001432
}

.m-checklist-isHighlighted .m-checklist-item-icon {
    color: #0064fe
}

.m-profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1.5rem;
    border: 1px solid #ccd0d6;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 45, 114, .2)
}

.m-profile-title {
    margin-bottom: .0625rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #001432
}

.m-profile-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    font-size: 1rem
}

.m-profile-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.m-iconLink {
    line-height: 1.375
}

.m-iconLink-isBlock {
    display: block;
    padding: .5rem 0;
    text-align: center
}

.m-iconLink .m-icon {
    margin: 0 .25rem;
    width: 1.1875em;
    height: 1.1875em;
    vertical-align: sub
}

.m-chip {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .375rem;
    margin-bottom: .375rem;
    padding: 0 0 0 1em;
    min-width: 1.6em;
    font-size: 1rem;
    border-radius: 1.6em;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased;
    color: #c41a34;
    background-color: #cce0ff;
    transition: background-color 125ms ease, color 125ms ease
}

html:not(.touchevents) .m-chip:focus,
html:not(.touchevents) .m-chip:hover {
    color: #fff;
    background-color: #0064fe
}

.m-chip a {
    padding: 0 .75rem 0 1.5rem
}

.m-chip-isMedium a {
    padding: .125rem .75rem .125rem 1.5rem
}

.m-chip .m-icon {
    width: .75rem
}

.m-mediaList .m-media {
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.m-mediaList .m-media:last-child {
    box-shadow: 0 1px 0 0 #e6e8eb
}

.m-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 6.875rem;
    background: #fff
}

.m-media-isPadded {
    padding: 1.5rem 1rem 1.5rem 1.5rem
}

@media (min-width:768px) {
    .m-media-isPadded {
        padding: 1rem 1.5rem
    }
}

button.m-media {
    width: 100%;
    border: 0 none;
    text-align: inherit;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button.m-media:active {
    background-color: rgba(102, 162, 254, .15)
}

html:not(.touchevents) button.m-media:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px #66a2fe
}

.m-media-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding: .25rem 0;
    text-align: left;
    font-size: 1rem;
    line-height: 1.375rem
}

.m-media-visual+.m-media-content {
    padding-left: 1rem
}

@media (max-width:768px) {
    .m-media-content strong {
        font-size: 1.125rem
    }
}

.m-media-aside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #c41a34
}

.m-media-content+.m-media-aside {
    padding-left: 1rem
}

@media (min-width:768px) {
    .m-media-aside {
        font-size: 1.3125rem
    }
}

.m-scrollableContainer {
    overflow-y: scroll;
    max-height: 150px;
    padding: 0 1rem;
    border: 1px solid #ccd0d6
}

@media (min-width:768px) {
    .m-scrollableContainer {
        max-height: 350px
    }
}

.m-tag {
    display: inline-block;
    margin-right: .375rem;
    margin-bottom: .375rem;
    padding: .3em 1em;
    min-width: 1.6em;
    font-size: .8125rem;
    border-radius: .125rem;
    color: #33435b;
    background-color: #f2f3f5;
    white-space: nowrap;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased
}

.m-fileDropzone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 16.875rem;
    margin: 1.5rem 0;
    padding: 1.5rem 1.5rem 1rem;
    border: 2px dashed #66a2fe;
    border-radius: .5rem;
    background: rgba(242, 247, 255, .5);
    color: #c41a34
}

.m-fileDropzone-button {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    color: #0064fe
}

.m-fileDropzone-button input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.m-checkboxGroup {
    margin: 0 0 1.5rem
}

.m-checkboxGroup-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.m-checkboxGroup .m-checkbox {
    margin: 0 0 1.5rem;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media (min-width:321px) {
    .m-checkboxGroup .m-checkbox {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%
    }
}

@media (min-width:768px) {
    .m-checkboxGroup .m-checkbox {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.m-filePreview {
    box-shadow: 0 1px 2px 0 rgba(0, 45, 114, .2);
    position: relative;
    margin: 0 0 1.5rem;
    padding-top: 147.36842%;
    border-radius: 2px;
    background-color: #fff;
    overflow: hidden
}

.m-filePreview-label {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e6e8eb;
    color: #667284;
    background-color: #fff;
    font-size: .8125rem
}

.m-filePreview-labelText {
    display: block;
    padding: 0 0 0 .5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.m-filePreview-action {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    padding: 0 .5rem;
    height: 3rem;
    color: #0064fe
}

.m-filePreview-action:hover {
    color: #0064fe
}

.m-filePreview-action:focus {
    outline: none
}

html:not(.touchevents) .m-filePreview-action:focus {
    background-color: #0064fe;
    color: #fff
}

@media (min-width:768px) {
    .m-filePreview-action {
        height: 2.5rem;
        color: #99a1ad
    }
}

.m-filePreview-image {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 3rem;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.m-filePreview-image>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.m-filePreview-button {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 2px;
    background: rgba(242, 247, 255, .5)
}

.m-filePreview-button:focus {
    outline: none
}

html:not(.touchevents) .m-filePreview-button:focus {
    box-shadow: inset 0 0 0 1rem rgba(204, 224, 255, .5)
}

.m-filePreview-buttonContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px;
    border-radius: 2px;
    border: 2px dashed #66a2fe;
    color: #0064fe;
    font-weight: 700;
    font-size: 1rem
}

.m-filePreview-buttonContent .m-icon {
    font-size: 1.375rem
}

.m-filePreview-button input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.m-filePreview .m-spinner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 2rem;
    stroke-width: .08rem;
    color: #0064fe
}

@media (min-width:768px) {
    .m-filePreview .m-spinner {
        font-size: 1.125rem;
        stroke-width: .2rem
    }
}

.m-fullscreenDropzone {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(52, 192, 130, .8);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: z-index, visibility, opacity;
    transition-delay: .15s, .15s, 0s;
    transition-duration: 0s, 0s, .15s
}

.m-fullscreenDropzone-isVisible {
    transition-delay: 0s, 0s, 0s;
    z-index: 2020;
    visibility: visible;
    opacity: 1
}

.m-fullscreenDropzone-content {
    position: absolute;
    top: .9375rem;
    left: .9375rem;
    right: .9375rem;
    bottom: .9375rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px dashed #fff
}

.m-fullscreenDropzone-label {
    margin: 1rem 0;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700
}

.m-fullscreenDropzone input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.m-colorSelect {
    margin: 1.5rem 0
}

.m-colorSelect-label {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: block;
    margin: 1.5rem 0;
    color: #000
}

.m-colorSelect-option {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    width: 3rem;
    height: 3rem;
    margin: 0 .75rem .75rem 0;
    border-radius: 50%;
    color: #fff;
    line-height: 0;
    vertical-align: middle;
    transform: scale(1);
    transition: transform .25s
}

.m-colorSelect-option:active {
    transform: scale(1.1);
    transition-duration: 50ms
}

.m-colorSelect-option:focus {
    outline: none
}

html:not(.touchevents) .m-colorSelect-option:focus {
    box-shadow: inset 0 0 0 .25rem rgba(0, 0, 0, .15)
}

.m-colorSelect-checkIcon {
    position: absolute;
    top: .625rem;
    left: .625rem;
    right: .625rem;
    bottom: .625rem;
    width: 1.75rem;
    height: 1.75rem
}

.m-colorSelect-checkIcon polyline {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1.125rem;
    stroke-dashoffset: 1.125rem;
    will-change: stroke-dashoffset;
    transition: stroke-dashoffset .15s cubic-bezier(.4, 0, .2, 1)
}

.m-colorSelect-option-isSelected .m-colorSelect-checkIcon polyline {
    stroke-dashoffset: 0rem
}

.m-microAnimation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}

.m-microAnimation-pulse {
    transform: translate(-6.375rem, -6.375rem)
}

.m-microAnimation-pulse span {
    position: absolute;
    top: 0;
    left: 0;
    width: 12.75rem;
    height: 12.75rem;
    border-radius: 50%;
    transform: scale(0);
    background-color: rgba(0, 100, 254, .9)
}

.m-microAnimation-pulse-isPlaying span {
    animation: 1.5s p cubic-bezier(.12, .22, .17, .98)
}

@keyframes p {
    0% {
        opacity: 1;
        transform: scale(.01)
    }
    to {
        opacity: .001;
        transform: scale(1)
    }
}

.m-inputShortCode.m-input-element {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: 3.5rem;
    cursor: text
}

.m-inputShortCode.m-input-element:focus-within {
    border: 1px solid #66a2fe;
    box-shadow: 0 0 0 1px #66a2fe
}

.m-inputShortCode-chars {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .9375rem 0 .75rem
}

.m-inputShortCode-char,
.m-inputShortCode-chars {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-inputShortCode-char {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin: 0 .25rem;
    padding: .125rem 0 .25rem;
    overflow: visible;
    width: 1.5rem;
    height: 1.8125rem;
    font-size: 1.5rem;
    line-height: 1.625rem;
    font-family: sans-serif;
    text-align: center;
    border: none;
    box-shadow: 0 .125rem #99a1ad;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.m-inputShortCode-char:focus {
    outline: none;
    box-shadow: 0 .125rem #667284
}

.m-inputShortCode-char:not(:empty),
.m-inputShortCode input:not([value=""]).m-inputShortCode-char {
    box-shadow: none
}

.m-alert {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 1rem 0;
    border-radius: .25rem;
    color: #33435b
}

.m-alert-isOverarching {
    margin: 0;
    border-radius: 0
}

.m-alert-isBlocking {
    z-index: 90
}

.m-alert-isBlocking:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 20, 50, .15);
    z-index: 80
}

.m-alert-isSuccess {
    background-color: #d6f2e6
}

.m-alert-isSuccess .m-alert-icon {
    color: #34c082
}

.m-alert-isSuccess.m-alert-isSmall .m-alert-icon {
    color: #33435b
}

.m-alert-isInfo {
    background-color: #cce0ff
}

.m-alert-isInfo .m-alert-icon {
    color: #0050cb
}

.m-alert-isInfo.m-alert-isSmall .m-alert-icon {
    color: #33435b
}

.m-alert-isInfo.m-alert-isOverarching {
    background-color: #0064fe;
    color: #fff
}

.m-alert-isInfo.m-alert-isOverarching .m-alert-icon {
    color: #fff
}

.m-alert-isWarning {
    background-color: #fffbcc
}

.m-alert-isWarning .m-alert-icon,
.m-alert-isWarning.m-alert-isSmall .m-alert-icon {
    color: #33435b
}

.m-alert-isWarning.m-alert-isOverarching {
    background-color: #ffed00;
    color: #33435b
}

.m-alert-isWarning.m-alert-isOverarching .m-alert-icon {
    color: #33435b
}

.m-alert-isError {
    background-color: #f8d7d1
}

.m-alert-isError .m-alert-icon {
    color: #de351b
}

.m-alert-isError.m-alert-isSmall .m-alert-icon {
    color: #33435b
}

.m-alert-isError.m-alert-isOverarching {
    background-color: #de351b;
    color: #fff
}

.m-alert-isError.m-alert-isOverarching .m-alert-icon {
    color: #fff
}

.m-alert-isOffline {
    background-color: #ccd0d6;
    color: #001432
}

.m-alert-isOffline.m-alert-isOverarching {
    background-color: #33435b;
    color: #fff
}

.m-alert-isOffline.m-alert-isOverarching .m-alert-icon {
    color: #fff
}

.m-alert-link {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: currentColor
}

.m-alert-link:focus {
    outline: none
}

.m-alert-link:active,
html:not(.touchevents) .m-alert-link:focus {
    box-shadow: inset 0 0 0 .25rem rgba(0, 20, 50, .1)
}

.m-alert-link .m-icon {
    width: 1rem;
    height: 1rem;
    color: currentColor;
    transform: translateY(-.125em)
}

.m-alert-isSmall .m-alert-link .m-icon {
    transform: translateY(-.0625em)
}

.m-alert-link-isText {
    text-decoration: underline
}

.m-alert-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: start;
    align-items: flex-start
}

.m-alert-isBlocking .m-alert-content {
    position: relative;
    z-index: 90
}

.m-alert-isLarge .m-alert-content {
    margin-left: 1.1875rem;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .m-alert-isLarge .m-alert-content {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 3rem
    }
}

.m-alert-content,
.m-alert-link {
    padding: .4375rem .625rem;
    font-size: .8125rem;
    line-height: 1.375
}

.m-alert-isMedium .m-alert-content,
.m-alert-isMedium .m-alert-link {
    padding: .5625rem .75rem;
    font-size: 1rem
}

@media (min-width:768px) {
    .m-alert-isMedium .m-alert-content,
    .m-alert-isMedium .m-alert-link {
        padding: .5625rem 1rem
    }
}

.m-alert-isLarge .m-alert-content,
.m-alert-isLarge .m-alert-link {
    padding: .75rem .75rem 1rem;
    font-size: 1rem
}

@media (min-width:768px) {
    .m-alert-isLarge .m-alert-content,
    .m-alert-isLarge .m-alert-link {
        padding: 1.0625rem 1rem
    }
}

.m-alert-isLarge.m-alert-isOverarching .m-alert-content,
.m-alert-isLarge.m-alert-isOverarching .m-alert-link {
    padding: .625rem .75rem .5625rem
}

.m-alert-actions,
.m-alert-message,
.m-alert-title {
    padding-left: .5rem
}

.m-alert-actions .m-alert-isLarge,
.m-alert-message .m-alert-isLarge,
.m-alert-title .m-alert-isLarge {
    -ms-flex: 1;
    flex: 1 1 0%
}

.m-alert-icon {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: .125rem;
    width: .8125rem;
    height: .8125rem
}

.m-alert-isMedium .m-alert-icon {
    width: 1.125rem;
    height: 1.125rem
}

.m-alert-isLarge .m-alert-icon {
    position: absolute;
    left: .75rem;
    top: .75rem;
    width: 1.125rem;
    height: 1.125rem
}

@media (min-width:768px) {
    .m-alert-isLarge .m-alert-icon {
        position: static
    }
}

.m-alert-message {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.m-alert-isLarge .m-alert-message {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.m-alert-isLarge .m-alert-title {
    font-weight: 700
}

.m-alert-isLarge .m-alert-actions {
    margin-top: .25rem
}

@media (min-width:768px) {
    .m-alert-isLarge .m-alert-actions {
        margin-top: 0
    }
}

.m-alert-action {
    color: currentColor;
    text-decoration: underline;
    padding-right: .5rem
}

.m-notification {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 0 #e6e8eb
}

.m-notification-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem 0
}

.m-notification-summary>.m-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin: 0 .8125rem 0 1.1875rem;
    color: #667284
}

@media (min-width:768px) {
    .m-notification-summary>.m-icon {
        margin: 0 1.5rem
    }
}

.m-notification-expandButton {
    margin-right: 1rem
}

.m-notification-content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #001432;
    line-height: 1.5
}

.m-notification-expandedDetail {
    padding: 0 1.5rem 1.75rem;
    line-height: 1.5
}

.m-notification-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem
}

.m-notification-isHighlighted {
    box-shadow: inset .375rem 0 0 #ffed00, inset 0 -1px 0 0 #e6e8eb
}

.title-container {
    background-color: #0064fe;
    height: 4rem;
    padding: 0 16px;
    position: relative;
    z-index: 2000;
    box-shadow: 0 1px 2px 0 hsla(0, 0%, 50%, .2)
}

.title-container,
.vcenter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.passwordHints {
    background-color: #f2f3f5;
    padding: 16px
}

.passwordHints-headline {
    font-size: .875rem;
    font-weight: 700;
    color: #c41a34
}

.passwordHints-list {
    list-style: none;
    font-size: .8125rem;
    line-height: 1.25rem
}

.inlineFormContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mt1 {
    margin-top: 1rem
}

.mt2 {
    margin-top: 2rem
}

.mt4 {
    margin-top: 4rem
}

.cookie-banner {
    position: fixed;
    background-color: white;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,.2);
    box-shadow: 0px 0px 16px rgba(0,0,0,.2);
    box-sizing: border-box;
}
    .cookie-banner .cb-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 1390px;
        margin: 0 auto;
    }
        .cookie-banner .cb-container .copy {
            margin-right: 30px;
        }
            .cookie-banner .cb-container .copy h4 {
                padding: 0;
                margin: 0;
                margin-bottom: 10px;
                font-weight: 600;
                padding: 10px 0;
                font-size: 16px;
                color: #737373;
            }
            .cookie-banner .cb-container .copy p {
                padding-bottom: 5px;
                margin: 0;
                padding: 5px 0;
                line-height: 22px;
                font-size: 14px;
                color: black !important;
            }