/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("//hello.myfonts.net/count/3c3840");
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%
}

body {
    margin:0;
}

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

audio, canvas, progress, video {
    display:inline-block
}

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

progress {
    vertical-align:baseline
}

[hidden], template {
    display:none
}

a {
    background-color:transparent
}

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

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

b, strong {
    font-weight: inherit;
    font-weight:bolder
}

dfn {
    font-style:italic
}

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

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

small {
    font-size:80%
}

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

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

img {
    border-style:none
}

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

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

figure {
    margin:1em 40px
}

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

button, input, select, textarea {
    font:inherit
}

optgroup {
    font-weight:700
}

button, input, select {
    overflow:visible
}

button, select {
    text-transform:none
}

[type=button], [type=reset], [type=submit], button {
    cursor:pointer
}

[disabled] {
    cursor:default
}

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

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

button:-moz-focusring, input:-moz-focusring {
    outline:1px dotted ButtonText
}

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

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

textarea {
    overflow:auto
}

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

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

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

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

@media print {
    *, :after, :before, :first-letter, :first-line {
        text-shadow: none !important;
        box-shadow:none !important
    }

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

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

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

    thead {
        display:table-header-group
    }

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

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

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

    .navbar {
        display:none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color:#000 !important
    }

    .tag {
        border:1px solid #000
    }

    .table {
        border-collapse:collapse !important
    }

    .table td, .table th {
        background-color:#fff !important
    }

    .table-bordered td, .table-bordered th {
        border:1px solid #ddd !important
    }
}

html {
    box-sizing:border-box
}

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

@-ms-viewport {
    width:device-width
}

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

[tabindex="-1"]:focus {
    outline:none !important
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom:.5rem
}

p {
    margin-top: 0;
    margin-bottom:1rem
}

abbr[data-original-title], abbr[title] {
    cursor:help
}

address {
    font-style: normal;
    line-height:inherit
}

address, dl, ol, ul {
    margin-bottom:1rem
}

dl, ol, ul {
    margin-top:0
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom:0
}

dd {
    margin-bottom: .5rem;
    margin-left:0
}

blockquote {
    margin:0 0 1rem
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration:none
}

a:not([href]):not([tabindex]):focus {
    outline:none
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow:auto
}

figure {
    margin:0 0 1rem
}

img {
    vertical-align:middle
}

[role=button] {
    cursor:pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action:manipulation
}

table {
    border-collapse:collapse
}

caption {
    caption-side:bottom
}

caption, th {
    text-align:left
}

label {
    display: inline-block;
    margin-bottom:.5rem
}

button:focus {
    outline: 1px dotted;
    outline:5px auto -webkit-focus-ring-color
}

button, input, select, textarea {
    margin: 0;
    line-height: inherit;
    border-radius:0
}

input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor:not-allowed
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance:listbox
}

textarea {
    resize:vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border:0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height:inherit
}

input[type=search] {
    -webkit-appearance:none
}

[hidden] {
    display:none !important
}

.o-container {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
    padding-left: 15px;
    padding-right:15px
}

.o-container--fluid, .o-container--responsive {
    max-width:100%
}

@media (min-width: 544px) {
    .o-container--responsive {
        max-width:576px
    }
}

@media (min-width: 768px) {
    .o-container--responsive {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .o-container--responsive {
        max-width:940px
    }
}

.o-col, [class * =o-col-] {
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width:100%
}

.o-col-1 {
    width:8.33333%
}

.o-col-2 {
    width:16.66667%
}

.o-col-3 {
    width:25%
}

.o-col-4 {
    width:33.33333%
}

.o-col-5 {
    width:41.66667%
}

.o-col-6 {
    width:50%
}

.o-col-7 {
    width:58.33333%
}

.o-col-8 {
    width:66.66667%
}

.o-col-9 {
    width:75%
}

.o-col-10 {
    width:83.33333%
}

.o-col-11 {
    width:91.66667%
}

.o-col-12 {
    width:100%
}

.o-col-offset-1 {
    margin-left:8.33333%
}

.o-col-pull-1 {
    right:8.33333%
}

.o-col-push-1 {
    left:8.33333%
}

.o-col-offset-2 {
    margin-left:16.66667%
}

.o-col-pull-2 {
    right:16.66667%
}

.o-col-push-2 {
    left:16.66667%
}

.o-col-offset-3 {
    margin-left:25%
}

.o-col-pull-3 {
    right:25%
}

.o-col-push-3 {
    left:25%
}

.o-col-offset-4 {
    margin-left:33.33333%
}

.o-col-pull-4 {
    right:33.33333%
}

.o-col-push-4 {
    left:33.33333%
}

.o-col-offset-5 {
    margin-left:41.66667%
}

.o-col-pull-5 {
    right:41.66667%
}

.o-col-push-5 {
    left:41.66667%
}

.o-col-offset-6 {
    margin-left:50%
}

.o-col-pull-6 {
    right:50%
}

.o-col-push-6 {
    left:50%
}

.o-col-offset-7 {
    margin-left:58.33333%
}

.o-col-pull-7 {
    right:58.33333%
}

.o-col-push-7 {
    left:58.33333%
}

.o-col-offset-8 {
    margin-left:66.66667%
}

.o-col-pull-8 {
    right:66.66667%
}

.o-col-push-8 {
    left:66.66667%
}

.o-col-offset-9 {
    margin-left:75%
}

.o-col-pull-9 {
    right:75%
}

.o-col-push-9 {
    left:75%
}

.o-col-offset-10 {
    margin-left:83.33333%
}

.o-col-pull-10 {
    right:83.33333%
}

.o-col-push-10 {
    left:83.33333%
}

.o-col-offset-11 {
    margin-left:91.66667%
}

.o-col-pull-11 {
    right:91.66667%
}

.o-col-push-11 {
    left:91.66667%
}

@media (min-width: 544px) {
    .o-col-1\@sm {
        width:8.33333%
    }

    .o-col-2\@sm {
        width:16.66667%
    }

    .o-col-3\@sm {
        width:25%
    }

    .o-col-4\@sm {
        width:33.33333%
    }

    .o-col-5\@sm {
        width:41.66667%
    }

    .o-col-6\@sm {
        width:50%
    }

    .o-col-7\@sm {
        width:58.33333%
    }

    .o-col-8\@sm {
        width:66.66667%
    }

    .o-col-9\@sm {
        width:75%
    }

    .o-col-10\@sm {
        width:83.33333%
    }

    .o-col-11\@sm {
        width:91.66667%
    }

    .o-col-12\@sm {
        width:100%
    }

    .o-col-offset-0\@sm {
        margin-left:0
    }

    .o-col-pull-0\@sm {
        right:auto
    }

    .o-col-push-0\@sm {
        left:auto
    }

    .o-col-offset-1\@sm {
        margin-left:8.33333%
    }

    .o-col-pull-1\@sm {
        right:8.33333%
    }

    .o-col-push-1\@sm {
        left:8.33333%
    }

    .o-col-offset-2\@sm {
        margin-left:16.66667%
    }

    .o-col-pull-2\@sm {
        right:16.66667%
    }

    .o-col-push-2\@sm {
        left:16.66667%
    }

    .o-col-offset-3\@sm {
        margin-left:25%
    }

    .o-col-pull-3\@sm {
        right:25%
    }

    .o-col-push-3\@sm {
        left:25%
    }

    .o-col-offset-4\@sm {
        margin-left:33.33333%
    }

    .o-col-pull-4\@sm {
        right:33.33333%
    }

    .o-col-push-4\@sm {
        left:33.33333%
    }

    .o-col-offset-5\@sm {
        margin-left:41.66667%
    }

    .o-col-pull-5\@sm {
        right:41.66667%
    }

    .o-col-push-5\@sm {
        left:41.66667%
    }

    .o-col-offset-6\@sm {
        margin-left:50%
    }

    .o-col-pull-6\@sm {
        right:50%
    }

    .o-col-push-6\@sm {
        left:50%
    }

    .o-col-offset-7\@sm {
        margin-left:58.33333%
    }

    .o-col-pull-7\@sm {
        right:58.33333%
    }

    .o-col-push-7\@sm {
        left:58.33333%
    }

    .o-col-offset-8\@sm {
        margin-left:66.66667%
    }

    .o-col-pull-8\@sm {
        right:66.66667%
    }

    .o-col-push-8\@sm {
        left:66.66667%
    }

    .o-col-offset-9\@sm {
        margin-left:75%
    }

    .o-col-pull-9\@sm {
        right:75%
    }

    .o-col-push-9\@sm {
        left:75%
    }

    .o-col-offset-10\@sm {
        margin-left:83.33333%
    }

    .o-col-pull-10\@sm {
        right:83.33333%
    }

    .o-col-push-10\@sm {
        left:83.33333%
    }

    .o-col-offset-11\@sm {
        margin-left:91.66667%
    }

    .o-col-pull-11\@sm {
        right:91.66667%
    }

    .o-col-push-11\@sm {
        left:91.66667%
    }
}

@media (min-width: 768px) {
    .o-col-1\@md {
        width:8.33333%
    }

    .o-col-2\@md {
        width:16.66667%
    }

    .o-col-3\@md {
        width:25%
    }

    .o-col-4\@md {
        width:33.33333%
    }

    .o-col-5\@md {
        width:41.66667%
    }

    .o-col-6\@md {
        width:50%
    }

    .o-col-7\@md {
        width:58.33333%
    }

    .o-col-8\@md {
        width:66.66667%
    }

    .o-col-9\@md {
        width:75%
    }

    .o-col-10\@md {
        width:83.33333%
    }

    .o-col-11\@md {
        width:91.66667%
    }

    .o-col-12\@md {
        width:100%
    }

    .o-col-offset-0\@md {
        margin-left:0
    }

    .o-col-pull-0\@md {
        right:auto
    }

    .o-col-push-0\@md {
        left:auto
    }

    .o-col-offset-1\@md {
        margin-left:8.33333%
    }

    .o-col-pull-1\@md {
        right:8.33333%
    }

    .o-col-push-1\@md {
        left:8.33333%
    }

    .o-col-offset-2\@md {
        margin-left:16.66667%
    }

    .o-col-pull-2\@md {
        right:16.66667%
    }

    .o-col-push-2\@md {
        left:16.66667%
    }

    .o-col-offset-3\@md {
        margin-left:25%
    }

    .o-col-pull-3\@md {
        right:25%
    }

    .o-col-push-3\@md {
        left:25%
    }

    .o-col-offset-4\@md {
        margin-left:33.33333%
    }

    .o-col-pull-4\@md {
        right:33.33333%
    }

    .o-col-push-4\@md {
        left:33.33333%
    }

    .o-col-offset-5\@md {
        margin-left:41.66667%
    }

    .o-col-pull-5\@md {
        right:41.66667%
    }

    .o-col-push-5\@md {
        left:41.66667%
    }

    .o-col-offset-6\@md {
        margin-left:50%
    }

    .o-col-pull-6\@md {
        right:50%
    }

    .o-col-push-6\@md {
        left:50%
    }

    .o-col-offset-7\@md {
        margin-left:58.33333%
    }

    .o-col-pull-7\@md {
        right:58.33333%
    }

    .o-col-push-7\@md {
        left:58.33333%
    }

    .o-col-offset-8\@md {
        margin-left:66.66667%
    }

    .o-col-pull-8\@md {
        right:66.66667%
    }

    .o-col-push-8\@md {
        left:66.66667%
    }

    .o-col-offset-9\@md {
        margin-left:75%
    }

    .o-col-pull-9\@md {
        right:75%
    }

    .o-col-push-9\@md {
        left:75%
    }

    .o-col-offset-10\@md {
        margin-left:83.33333%
    }

    .o-col-pull-10\@md {
        right:83.33333%
    }

    .o-col-push-10\@md {
        left:83.33333%
    }

    .o-col-offset-11\@md {
        margin-left:91.66667%
    }

    .o-col-pull-11\@md {
        right:91.66667%
    }

    .o-col-push-11\@md {
        left:91.66667%
    }
}

@media (min-width: 992px) {
    .o-col-1\@lg {
        width:8.33333%
    }

    .o-col-2\@lg {
        width:16.66667%
    }

    .o-col-3\@lg {
        width:25%
    }

    .o-col-4\@lg {
        width:33.33333%
    }

    .o-col-5\@lg {
        width:41.66667%
    }

    .o-col-6\@lg {
        width:50%
    }

    .o-col-7\@lg {
        width:58.33333%
    }

    .o-col-8\@lg {
        width:66.66667%
    }

    .o-col-9\@lg {
        width:75%
    }

    .o-col-10\@lg {
        width:83.33333%
    }

    .o-col-11\@lg {
        width:91.66667%
    }

    .o-col-12\@lg {
        width:100%
    }

    .o-col-offset-0\@lg {
        margin-left:0
    }

    .o-col-pull-0\@lg {
        right:auto
    }

    .o-col-push-0\@lg {
        left:auto
    }

    .o-col-offset-1\@lg {
        margin-left:8.33333%
    }

    .o-col-pull-1\@lg {
        right:8.33333%
    }

    .o-col-push-1\@lg {
        left:8.33333%
    }

    .o-col-offset-2\@lg {
        margin-left:16.66667%
    }

    .o-col-pull-2\@lg {
        right:16.66667%
    }

    .o-col-push-2\@lg {
        left:16.66667%
    }

    .o-col-offset-3\@lg {
        margin-left:25%
    }

    .o-col-pull-3\@lg {
        right:25%
    }

    .o-col-push-3\@lg {
        left:25%
    }

    .o-col-offset-4\@lg {
        margin-left:33.33333%
    }

    .o-col-pull-4\@lg {
        right:33.33333%
    }

    .o-col-push-4\@lg {
        left:33.33333%
    }

    .o-col-offset-5\@lg {
        margin-left:41.66667%
    }

    .o-col-pull-5\@lg {
        right:41.66667%
    }

    .o-col-push-5\@lg {
        left:41.66667%
    }

    .o-col-offset-6\@lg {
        margin-left:50%
    }

    .o-col-pull-6\@lg {
        right:50%
    }

    .o-col-push-6\@lg {
        left:50%
    }

    .o-col-offset-7\@lg {
        margin-left:58.33333%
    }

    .o-col-pull-7\@lg {
        right:58.33333%
    }

    .o-col-push-7\@lg {
        left:58.33333%
    }

    .o-col-offset-8\@lg {
        margin-left:66.66667%
    }

    .o-col-pull-8\@lg {
        right:66.66667%
    }

    .o-col-push-8\@lg {
        left:66.66667%
    }

    .o-col-offset-9\@lg {
        margin-left:75%
    }

    .o-col-pull-9\@lg {
        right:75%
    }

    .o-col-push-9\@lg {
        left:75%
    }

    .o-col-offset-10\@lg {
        margin-left:83.33333%
    }

    .o-col-pull-10\@lg {
        right:83.33333%
    }

    .o-col-push-10\@lg {
        left:83.33333%
    }

    .o-col-offset-11\@lg {
        margin-left:91.66667%
    }

    .o-col-pull-11\@lg {
        right:91.66667%
    }

    .o-col-push-11\@lg {
        left:91.66667%
    }
}

.o-row {
    box-sizing: border-box;
    margin-left: -15px;
    margin-right:-15px
}

.o-row:after {
    clear: both;
    content: "";
    display:table
}

.o-row > [class * =o-col] {
    float:left
}

.o-row--md {
    margin-left: -8px;
    margin-right:-8px
}

.o-row--md > [class * =o-col] {
    padding-left: 8px;
    padding-right:8px
}

.o-row--sm {
    margin-left: -4px;
    margin-right:-4px
}

.o-row--sm > [class * =o-col] {
    padding-left: 4px;
    padding-right:4px
}

.o-row--xs {
    margin-left: -2px;
    margin-right:-2px
}

.o-row--xs > [class * =o-col] {
    padding-left: 2px;
    padding-right:2px
}

.o-row-flex {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right:-15px
}

.o-row-flex--md {
    margin-left: -8px;
    margin-right:-8px
}

.o-row-flex--md > [class * =o-col] {
    padding-left: 8px;
    padding-right:8px
}

.o-row-flex--sm {
    margin-left: -4px;
    margin-right:-4px
}

.o-row-flex--sm > [class * =o-col] {
    padding-left: 4px;
    padding-right:4px
}

.o-row-flex--xs {
    margin-left: -2px;
    margin-right:-2px
}

.o-row-flex--xs > [class * =o-col] {
    padding-left: 2px;
    padding-right:2px
}

.u-mrg-0 {
    margin:0 !important
}

.u-mrg-1 {
    margin:4px !important
}

.u-mrg-2 {
    margin:8px !important
}

.u-mrg-3 {
    margin:12px !important
}

.u-mrg-4 {
    margin:16px !important
}

.u-mrg-5 {
    margin:20px !important
}

.u-mrg-6 {
    margin:24px !important
}

.u-mrg-7 {
    margin:28px !important
}

.u-mrg-8 {
    margin:32px !important
}

.u-mrg-9 {
    margin:36px !important
}

.u-mrg-10 {
    margin:40px !important
}

.u-mrg-auto {
    margin:auto !important
}

@media (min-width: 544px) {
    .u-mrg-0\@sm {
        margin:0 !important
    }

    .u-mrg-1\@sm {
        margin:4px !important
    }

    .u-mrg-2\@sm {
        margin:8px !important
    }

    .u-mrg-3\@sm {
        margin:12px !important
    }

    .u-mrg-4\@sm {
        margin:16px !important
    }

    .u-mrg-5\@sm {
        margin:20px !important
    }

    .u-mrg-6\@sm {
        margin:24px !important
    }

    .u-mrg-7\@sm {
        margin:28px !important
    }

    .u-mrg-8\@sm {
        margin:32px !important
    }

    .u-mrg-9\@sm {
        margin:36px !important
    }

    .u-mrg-10\@sm {
        margin:40px !important
    }

    .u-mrg-auto\@sm {
        margin:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-0\@md {
        margin:0 !important
    }

    .u-mrg-1\@md {
        margin:4px !important
    }

    .u-mrg-2\@md {
        margin:8px !important
    }

    .u-mrg-3\@md {
        margin:12px !important
    }

    .u-mrg-4\@md {
        margin:16px !important
    }

    .u-mrg-5\@md {
        margin:20px !important
    }

    .u-mrg-6\@md {
        margin:24px !important
    }

    .u-mrg-7\@md {
        margin:28px !important
    }

    .u-mrg-8\@md {
        margin:32px !important
    }

    .u-mrg-9\@md {
        margin:36px !important
    }

    .u-mrg-10\@md {
        margin:40px !important
    }

    .u-mrg-auto\@md {
        margin:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-0\@lg {
        margin:0 !important
    }

    .u-mrg-1\@lg {
        margin:4px !important
    }

    .u-mrg-2\@lg {
        margin:8px !important
    }

    .u-mrg-3\@lg {
        margin:12px !important
    }

    .u-mrg-4\@lg {
        margin:16px !important
    }

    .u-mrg-5\@lg {
        margin:20px !important
    }

    .u-mrg-6\@lg {
        margin:24px !important
    }

    .u-mrg-7\@lg {
        margin:28px !important
    }

    .u-mrg-8\@lg {
        margin:32px !important
    }

    .u-mrg-9\@lg {
        margin:36px !important
    }

    .u-mrg-10\@lg {
        margin:40px !important
    }

    .u-mrg-auto\@lg {
        margin:auto !important
    }
}

.u-mrg-t-0 {
    margin-top:0 !important
}

.u-mrg-t-1 {
    margin-top:4px !important
}

.u-mrg-t-2 {
    margin-top:8px !important
}

.u-mrg-t-3 {
    margin-top:12px !important
}

.u-mrg-t-4 {
    margin-top:16px !important
}

.u-mrg-t-5 {
    margin-top:20px !important
}

.u-mrg-t-6 {
    margin-top:24px !important
}

.u-mrg-t-7 {
    margin-top:28px !important
}

.u-mrg-t-8 {
    margin-top:32px !important
}

.u-mrg-t-9 {
    margin-top:36px !important
}

.u-mrg-t-10 {
    margin-top:40px !important
}

.u-mrg-t-auto {
    margin-top:auto !important
}

@media (min-width: 544px) {
    .u-mrg-t-0\@sm {
        margin-top:0 !important
    }

    .u-mrg-t-1\@sm {
        margin-top:4px !important
    }

    .u-mrg-t-2\@sm {
        margin-top:8px !important
    }

    .u-mrg-t-3\@sm {
        margin-top:12px !important
    }

    .u-mrg-t-4\@sm {
        margin-top:16px !important
    }

    .u-mrg-t-5\@sm {
        margin-top:20px !important
    }

    .u-mrg-t-6\@sm {
        margin-top:24px !important
    }

    .u-mrg-t-7\@sm {
        margin-top:28px !important
    }

    .u-mrg-t-8\@sm {
        margin-top:32px !important
    }

    .u-mrg-t-9\@sm {
        margin-top:36px !important
    }

    .u-mrg-t-10\@sm {
        margin-top:40px !important
    }

    .u-mrg-t-auto\@sm {
        margin-top:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-t-0\@md {
        margin-top:0 !important
    }

    .u-mrg-t-1\@md {
        margin-top:4px !important
    }

    .u-mrg-t-2\@md {
        margin-top:8px !important
    }

    .u-mrg-t-3\@md {
        margin-top:12px !important
    }

    .u-mrg-t-4\@md {
        margin-top:16px !important
    }

    .u-mrg-t-5\@md {
        margin-top:20px !important
    }

    .u-mrg-t-6\@md {
        margin-top:24px !important
    }

    .u-mrg-t-7\@md {
        margin-top:28px !important
    }

    .u-mrg-t-8\@md {
        margin-top:32px !important
    }

    .u-mrg-t-9\@md {
        margin-top:36px !important
    }

    .u-mrg-t-10\@md {
        margin-top:40px !important
    }

    .u-mrg-t-auto\@md {
        margin-top:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-t-0\@lg {
        margin-top:0 !important
    }

    .u-mrg-t-1\@lg {
        margin-top:4px !important
    }

    .u-mrg-t-2\@lg {
        margin-top:8px !important
    }

    .u-mrg-t-3\@lg {
        margin-top:12px !important
    }

    .u-mrg-t-4\@lg {
        margin-top:16px !important
    }

    .u-mrg-t-5\@lg {
        margin-top:20px !important
    }

    .u-mrg-t-6\@lg {
        margin-top:24px !important
    }

    .u-mrg-t-7\@lg {
        margin-top:28px !important
    }

    .u-mrg-t-8\@lg {
        margin-top:32px !important
    }

    .u-mrg-t-9\@lg {
        margin-top:36px !important
    }

    .u-mrg-t-10\@lg {
        margin-top:40px !important
    }

    .u-mrg-t-auto\@lg {
        margin-top:auto !important
    }
}

.u-mrg-r-0 {
    margin-right:0 !important
}

.u-mrg-r-1 {
    margin-right:4px !important
}

.u-mrg-r-2 {
    margin-right:8px !important
}

.u-mrg-r-3 {
    margin-right:12px !important
}

.u-mrg-r-4 {
    margin-right:16px !important
}

.u-mrg-r-5 {
    margin-right:20px !important
}

.u-mrg-r-6 {
    margin-right:24px !important
}

.u-mrg-r-7 {
    margin-right:28px !important
}

.u-mrg-r-8 {
    margin-right:32px !important
}

.u-mrg-r-9 {
    margin-right:36px !important
}

.u-mrg-r-10 {
    margin-right:40px !important
}

.u-mrg-r-auto {
    margin-right:auto !important
}

@media (min-width: 544px) {
    .u-mrg-r-0\@sm {
        margin-right:0 !important
    }

    .u-mrg-r-1\@sm {
        margin-right:4px !important
    }

    .u-mrg-r-2\@sm {
        margin-right:8px !important
    }

    .u-mrg-r-3\@sm {
        margin-right:12px !important
    }

    .u-mrg-r-4\@sm {
        margin-right:16px !important
    }

    .u-mrg-r-5\@sm {
        margin-right:20px !important
    }

    .u-mrg-r-6\@sm {
        margin-right:24px !important
    }

    .u-mrg-r-7\@sm {
        margin-right:28px !important
    }

    .u-mrg-r-8\@sm {
        margin-right:32px !important
    }

    .u-mrg-r-9\@sm {
        margin-right:36px !important
    }

    .u-mrg-r-10\@sm {
        margin-right:40px !important
    }

    .u-mrg-r-auto\@sm {
        margin-right:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-r-0\@md {
        margin-right:0 !important
    }

    .u-mrg-r-1\@md {
        margin-right:4px !important
    }

    .u-mrg-r-2\@md {
        margin-right:8px !important
    }

    .u-mrg-r-3\@md {
        margin-right:12px !important
    }

    .u-mrg-r-4\@md {
        margin-right:16px !important
    }

    .u-mrg-r-5\@md {
        margin-right:20px !important
    }

    .u-mrg-r-6\@md {
        margin-right:24px !important
    }

    .u-mrg-r-7\@md {
        margin-right:28px !important
    }

    .u-mrg-r-8\@md {
        margin-right:32px !important
    }

    .u-mrg-r-9\@md {
        margin-right:36px !important
    }

    .u-mrg-r-10\@md {
        margin-right:40px !important
    }

    .u-mrg-r-auto\@md {
        margin-right:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-r-0\@lg {
        margin-right:0 !important
    }

    .u-mrg-r-1\@lg {
        margin-right:4px !important
    }

    .u-mrg-r-2\@lg {
        margin-right:8px !important
    }

    .u-mrg-r-3\@lg {
        margin-right:12px !important
    }

    .u-mrg-r-4\@lg {
        margin-right:16px !important
    }

    .u-mrg-r-5\@lg {
        margin-right:20px !important
    }

    .u-mrg-r-6\@lg {
        margin-right:24px !important
    }

    .u-mrg-r-7\@lg {
        margin-right:28px !important
    }

    .u-mrg-r-8\@lg {
        margin-right:32px !important
    }

    .u-mrg-r-9\@lg {
        margin-right:36px !important
    }

    .u-mrg-r-10\@lg {
        margin-right:40px !important
    }

    .u-mrg-r-auto\@lg {
        margin-right:auto !important
    }
}

.u-mrg-b-0 {
    margin-bottom:0 !important
}

.u-mrg-b-1 {
    margin-bottom:4px !important
}

.u-mrg-b-2 {
    margin-bottom:8px !important
}

.u-mrg-b-3 {
    margin-bottom:12px !important
}

.u-mrg-b-4 {
    margin-bottom:16px !important
}

.u-mrg-b-5 {
    margin-bottom:20px !important
}

.u-mrg-b-6 {
    margin-bottom:24px !important
}

.u-mrg-b-7 {
    margin-bottom:28px !important
}

.u-mrg-b-8 {
    margin-bottom:32px !important
}

.u-mrg-b-9 {
    margin-bottom:36px !important
}

.u-mrg-b-10 {
    margin-bottom:40px !important
}

.u-mrg-b-auto {
    margin-bottom:auto !important
}

@media (min-width: 544px) {
    .u-mrg-b-0\@sm {
        margin-bottom:0 !important
    }

    .u-mrg-b-1\@sm {
        margin-bottom:4px !important
    }

    .u-mrg-b-2\@sm {
        margin-bottom:8px !important
    }

    .u-mrg-b-3\@sm {
        margin-bottom:12px !important
    }

    .u-mrg-b-4\@sm {
        margin-bottom:16px !important
    }

    .u-mrg-b-5\@sm {
        margin-bottom:20px !important
    }

    .u-mrg-b-6\@sm {
        margin-bottom:24px !important
    }

    .u-mrg-b-7\@sm {
        margin-bottom:28px !important
    }

    .u-mrg-b-8\@sm {
        margin-bottom:32px !important
    }

    .u-mrg-b-9\@sm {
        margin-bottom:36px !important
    }

    .u-mrg-b-10\@sm {
        margin-bottom:40px !important
    }

    .u-mrg-b-auto\@sm {
        margin-bottom:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-b-0\@md {
        margin-bottom:0 !important
    }

    .u-mrg-b-1\@md {
        margin-bottom:4px !important
    }

    .u-mrg-b-2\@md {
        margin-bottom:8px !important
    }

    .u-mrg-b-3\@md {
        margin-bottom:12px !important
    }

    .u-mrg-b-4\@md {
        margin-bottom:16px !important
    }

    .u-mrg-b-5\@md {
        margin-bottom:20px !important
    }

    .u-mrg-b-6\@md {
        margin-bottom:24px !important
    }

    .u-mrg-b-7\@md {
        margin-bottom:28px !important
    }

    .u-mrg-b-8\@md {
        margin-bottom:32px !important
    }

    .u-mrg-b-9\@md {
        margin-bottom:36px !important
    }

    .u-mrg-b-10\@md {
        margin-bottom:40px !important
    }

    .u-mrg-b-auto\@md {
        margin-bottom:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-b-0\@lg {
        margin-bottom:0 !important
    }

    .u-mrg-b-1\@lg {
        margin-bottom:4px !important
    }

    .u-mrg-b-2\@lg {
        margin-bottom:8px !important
    }

    .u-mrg-b-3\@lg {
        margin-bottom:12px !important
    }

    .u-mrg-b-4\@lg {
        margin-bottom:16px !important
    }

    .u-mrg-b-5\@lg {
        margin-bottom:20px !important
    }

    .u-mrg-b-6\@lg {
        margin-bottom:24px !important
    }

    .u-mrg-b-7\@lg {
        margin-bottom:28px !important
    }

    .u-mrg-b-8\@lg {
        margin-bottom:32px !important
    }

    .u-mrg-b-9\@lg {
        margin-bottom:36px !important
    }

    .u-mrg-b-10\@lg {
        margin-bottom:40px !important
    }

    .u-mrg-b-auto\@lg {
        margin-bottom:auto !important
    }
}

.u-mrg-l-0 {
    margin-left:0 !important
}

.u-mrg-l-1 {
    margin-left:4px !important
}

.u-mrg-l-2 {
    margin-left:8px !important
}

.u-mrg-l-3 {
    margin-left:12px !important
}

.u-mrg-l-4 {
    margin-left:16px !important
}

.u-mrg-l-5 {
    margin-left:20px !important
}

.u-mrg-l-6 {
    margin-left:24px !important
}

.u-mrg-l-7 {
    margin-left:28px !important
}

.u-mrg-l-8 {
    margin-left:32px !important
}

.u-mrg-l-9 {
    margin-left:36px !important
}

.u-mrg-l-10 {
    margin-left:40px !important
}

.u-mrg-l-auto {
    margin-left:auto !important
}

@media (min-width: 544px) {
    .u-mrg-l-0\@sm {
        margin-left:0 !important
    }

    .u-mrg-l-1\@sm {
        margin-left:4px !important
    }

    .u-mrg-l-2\@sm {
        margin-left:8px !important
    }

    .u-mrg-l-3\@sm {
        margin-left:12px !important
    }

    .u-mrg-l-4\@sm {
        margin-left:16px !important
    }

    .u-mrg-l-5\@sm {
        margin-left:20px !important
    }

    .u-mrg-l-6\@sm {
        margin-left:24px !important
    }

    .u-mrg-l-7\@sm {
        margin-left:28px !important
    }

    .u-mrg-l-8\@sm {
        margin-left:32px !important
    }

    .u-mrg-l-9\@sm {
        margin-left:36px !important
    }

    .u-mrg-l-10\@sm {
        margin-left:40px !important
    }

    .u-mrg-l-auto\@sm {
        margin-left:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-l-0\@md {
        margin-left:0 !important
    }

    .u-mrg-l-1\@md {
        margin-left:4px !important
    }

    .u-mrg-l-2\@md {
        margin-left:8px !important
    }

    .u-mrg-l-3\@md {
        margin-left:12px !important
    }

    .u-mrg-l-4\@md {
        margin-left:16px !important
    }

    .u-mrg-l-5\@md {
        margin-left:20px !important
    }

    .u-mrg-l-6\@md {
        margin-left:24px !important
    }

    .u-mrg-l-7\@md {
        margin-left:28px !important
    }

    .u-mrg-l-8\@md {
        margin-left:32px !important
    }

    .u-mrg-l-9\@md {
        margin-left:36px !important
    }

    .u-mrg-l-10\@md {
        margin-left:40px !important
    }

    .u-mrg-l-auto\@md {
        margin-left:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-l-0\@lg {
        margin-left:0 !important
    }

    .u-mrg-l-1\@lg {
        margin-left:4px !important
    }

    .u-mrg-l-2\@lg {
        margin-left:8px !important
    }

    .u-mrg-l-3\@lg {
        margin-left:12px !important
    }

    .u-mrg-l-4\@lg {
        margin-left:16px !important
    }

    .u-mrg-l-5\@lg {
        margin-left:20px !important
    }

    .u-mrg-l-6\@lg {
        margin-left:24px !important
    }

    .u-mrg-l-7\@lg {
        margin-left:28px !important
    }

    .u-mrg-l-8\@lg {
        margin-left:32px !important
    }

    .u-mrg-l-9\@lg {
        margin-left:36px !important
    }

    .u-mrg-l-10\@lg {
        margin-left:40px !important
    }

    .u-mrg-l-auto\@lg {
        margin-left:auto !important
    }
}

.u-mrg-h-0 {
    margin-left: 0 !important;
    margin-right:0 !important
}

.u-mrg-h-1 {
    margin-left: 4px !important;
    margin-right:4px !important
}

.u-mrg-h-2 {
    margin-left: 8px !important;
    margin-right:8px !important
}

.u-mrg-h-3 {
    margin-left: 12px !important;
    margin-right:12px !important
}

.u-mrg-h-4 {
    margin-left: 16px !important;
    margin-right:16px !important
}

.u-mrg-h-5 {
    margin-left: 20px !important;
    margin-right:20px !important
}

.u-mrg-h-6 {
    margin-left: 24px !important;
    margin-right:24px !important
}

.u-mrg-h-7 {
    margin-left: 28px !important;
    margin-right:28px !important
}

.u-mrg-h-8 {
    margin-left: 32px !important;
    margin-right:32px !important
}

.u-mrg-h-9 {
    margin-left: 36px !important;
    margin-right:36px !important
}

.u-mrg-h-10 {
    margin-left: 40px !important;
    margin-right:40px !important
}

.u-mrg-h-auto {
    margin-left: auto !important;
    margin-right:auto !important
}

@media (min-width: 544px) {
    .u-mrg-h-0\@sm {
        margin-left: 0 !important;
        margin-right:0 !important
    }

    .u-mrg-h-1\@sm {
        margin-left: 4px !important;
        margin-right:4px !important
    }

    .u-mrg-h-2\@sm {
        margin-left: 8px !important;
        margin-right:8px !important
    }

    .u-mrg-h-3\@sm {
        margin-left: 12px !important;
        margin-right:12px !important
    }

    .u-mrg-h-4\@sm {
        margin-left: 16px !important;
        margin-right:16px !important
    }

    .u-mrg-h-5\@sm {
        margin-left: 20px !important;
        margin-right:20px !important
    }

    .u-mrg-h-6\@sm {
        margin-left: 24px !important;
        margin-right:24px !important
    }

    .u-mrg-h-7\@sm {
        margin-left: 28px !important;
        margin-right:28px !important
    }

    .u-mrg-h-8\@sm {
        margin-left: 32px !important;
        margin-right:32px !important
    }

    .u-mrg-h-9\@sm {
        margin-left: 36px !important;
        margin-right:36px !important
    }

    .u-mrg-h-10\@sm {
        margin-left: 40px !important;
        margin-right:40px !important
    }

    .u-mrg-h-auto\@sm {
        margin-left: auto !important;
        margin-right:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-h-0\@md {
        margin-left: 0 !important;
        margin-right:0 !important
    }

    .u-mrg-h-1\@md {
        margin-left: 4px !important;
        margin-right:4px !important
    }

    .u-mrg-h-2\@md {
        margin-left: 8px !important;
        margin-right:8px !important
    }

    .u-mrg-h-3\@md {
        margin-left: 12px !important;
        margin-right:12px !important
    }

    .u-mrg-h-4\@md {
        margin-left: 16px !important;
        margin-right:16px !important
    }

    .u-mrg-h-5\@md {
        margin-left: 20px !important;
        margin-right:20px !important
    }

    .u-mrg-h-6\@md {
        margin-left: 24px !important;
        margin-right:24px !important
    }

    .u-mrg-h-7\@md {
        margin-left: 28px !important;
        margin-right:28px !important
    }

    .u-mrg-h-8\@md {
        margin-left: 32px !important;
        margin-right:32px !important
    }

    .u-mrg-h-9\@md {
        margin-left: 36px !important;
        margin-right:36px !important
    }

    .u-mrg-h-10\@md {
        margin-left: 40px !important;
        margin-right:40px !important
    }

    .u-mrg-h-auto\@md {
        margin-left: auto !important;
        margin-right:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-h-0\@lg {
        margin-left: 0 !important;
        margin-right:0 !important
    }

    .u-mrg-h-1\@lg {
        margin-left: 4px !important;
        margin-right:4px !important
    }

    .u-mrg-h-2\@lg {
        margin-left: 8px !important;
        margin-right:8px !important
    }

    .u-mrg-h-3\@lg {
        margin-left: 12px !important;
        margin-right:12px !important
    }

    .u-mrg-h-4\@lg {
        margin-left: 16px !important;
        margin-right:16px !important
    }

    .u-mrg-h-5\@lg {
        margin-left: 20px !important;
        margin-right:20px !important
    }

    .u-mrg-h-6\@lg {
        margin-left: 24px !important;
        margin-right:24px !important
    }

    .u-mrg-h-7\@lg {
        margin-left: 28px !important;
        margin-right:28px !important
    }

    .u-mrg-h-8\@lg {
        margin-left: 32px !important;
        margin-right:32px !important
    }

    .u-mrg-h-9\@lg {
        margin-left: 36px !important;
        margin-right:36px !important
    }

    .u-mrg-h-10\@lg {
        margin-left: 40px !important;
        margin-right:40px !important
    }

    .u-mrg-h-auto\@lg {
        margin-left: auto !important;
        margin-right:auto !important
    }
}

.u-mrg-v-0 {
    margin-bottom: 0 !important;
    margin-top:0 !important
}

.u-mrg-v-1 {
    margin-bottom: 4px !important;
    margin-top:4px !important
}

.u-mrg-v-2 {
    margin-bottom: 8px !important;
    margin-top:8px !important
}

.u-mrg-v-3 {
    margin-bottom: 12px !important;
    margin-top:12px !important
}

.u-mrg-v-4 {
    margin-bottom: 16px !important;
    margin-top:16px !important
}

.u-mrg-v-5 {
    margin-bottom: 20px !important;
    margin-top:20px !important
}

.u-mrg-v-6 {
    margin-bottom: 24px !important;
    margin-top:24px !important
}

.u-mrg-v-7 {
    margin-bottom: 28px !important;
    margin-top:28px !important
}

.u-mrg-v-8 {
    margin-bottom: 32px !important;
    margin-top:32px !important
}

.u-mrg-v-9 {
    margin-bottom: 36px !important;
    margin-top:36px !important
}

.u-mrg-v-10 {
    margin-bottom: 40px !important;
    margin-top:40px !important
}

.u-mrg-v-auto {
    margin-bottom: auto !important;
    margin-top:auto !important
}

@media (min-width: 544px) {
    .u-mrg-v-0\@sm {
        margin-bottom: 0 !important;
        margin-top:0 !important
    }

    .u-mrg-v-1\@sm {
        margin-bottom: 4px !important;
        margin-top:4px !important
    }

    .u-mrg-v-2\@sm {
        margin-bottom: 8px !important;
        margin-top:8px !important
    }

    .u-mrg-v-3\@sm {
        margin-bottom: 12px !important;
        margin-top:12px !important
    }

    .u-mrg-v-4\@sm {
        margin-bottom: 16px !important;
        margin-top:16px !important
    }

    .u-mrg-v-5\@sm {
        margin-bottom: 20px !important;
        margin-top:20px !important
    }

    .u-mrg-v-6\@sm {
        margin-bottom: 24px !important;
        margin-top:24px !important
    }

    .u-mrg-v-7\@sm {
        margin-bottom: 28px !important;
        margin-top:28px !important
    }

    .u-mrg-v-8\@sm {
        margin-bottom: 32px !important;
        margin-top:32px !important
    }

    .u-mrg-v-9\@sm {
        margin-bottom: 36px !important;
        margin-top:36px !important
    }

    .u-mrg-v-10\@sm {
        margin-bottom: 40px !important;
        margin-top:40px !important
    }

    .u-mrg-v-auto\@sm {
        margin-bottom: auto !important;
        margin-top:auto !important
    }
}

@media (min-width: 768px) {
    .u-mrg-v-0\@md {
        margin-bottom: 0 !important;
        margin-top:0 !important
    }

    .u-mrg-v-1\@md {
        margin-bottom: 4px !important;
        margin-top:4px !important
    }

    .u-mrg-v-2\@md {
        margin-bottom: 8px !important;
        margin-top:8px !important
    }

    .u-mrg-v-3\@md {
        margin-bottom: 12px !important;
        margin-top:12px !important
    }

    .u-mrg-v-4\@md {
        margin-bottom: 16px !important;
        margin-top:16px !important
    }

    .u-mrg-v-5\@md {
        margin-bottom: 20px !important;
        margin-top:20px !important
    }

    .u-mrg-v-6\@md {
        margin-bottom: 24px !important;
        margin-top:24px !important
    }

    .u-mrg-v-7\@md {
        margin-bottom: 28px !important;
        margin-top:28px !important
    }

    .u-mrg-v-8\@md {
        margin-bottom: 32px !important;
        margin-top:32px !important
    }

    .u-mrg-v-9\@md {
        margin-bottom: 36px !important;
        margin-top:36px !important
    }

    .u-mrg-v-10\@md {
        margin-bottom: 40px !important;
        margin-top:40px !important
    }

    .u-mrg-v-auto\@md {
        margin-bottom: auto !important;
        margin-top:auto !important
    }
}

@media (min-width: 992px) {
    .u-mrg-v-0\@lg {
        margin-bottom: 0 !important;
        margin-top:0 !important
    }

    .u-mrg-v-1\@lg {
        margin-bottom: 4px !important;
        margin-top:4px !important
    }

    .u-mrg-v-2\@lg {
        margin-bottom: 8px !important;
        margin-top:8px !important
    }

    .u-mrg-v-3\@lg {
        margin-bottom: 12px !important;
        margin-top:12px !important
    }

    .u-mrg-v-4\@lg {
        margin-bottom: 16px !important;
        margin-top:16px !important
    }

    .u-mrg-v-5\@lg {
        margin-bottom: 20px !important;
        margin-top:20px !important
    }

    .u-mrg-v-6\@lg {
        margin-bottom: 24px !important;
        margin-top:24px !important
    }

    .u-mrg-v-7\@lg {
        margin-bottom: 28px !important;
        margin-top:28px !important
    }

    .u-mrg-v-8\@lg {
        margin-bottom: 32px !important;
        margin-top:32px !important
    }

    .u-mrg-v-9\@lg {
        margin-bottom: 36px !important;
        margin-top:36px !important
    }

    .u-mrg-v-10\@lg {
        margin-bottom: 40px !important;
        margin-top:40px !important
    }

    .u-mrg-v-auto\@lg {
        margin-bottom: auto !important;
        margin-top:auto !important
    }
}

.u-pad-0 {
    padding:0 !important
}

.u-pad-1 {
    padding:4px !important
}

.u-pad-2 {
    padding:8px !important
}

.u-pad-3 {
    padding:12px !important
}

.u-pad-4 {
    padding:16px !important
}

.u-pad-5 {
    padding:20px !important
}

.u-pad-6 {
    padding:24px !important
}

.u-pad-7 {
    padding:28px !important
}

.u-pad-8 {
    padding:32px !important
}

.u-pad-9 {
    padding:36px !important
}

.u-pad-10 {
    padding:40px !important
}

@media (min-width: 544px) {
    .u-pad-0\@sm {
        padding:0 !important
    }

    .u-pad-1\@sm {
        padding:4px !important
    }

    .u-pad-2\@sm {
        padding:8px !important
    }

    .u-pad-3\@sm {
        padding:12px !important
    }

    .u-pad-4\@sm {
        padding:16px !important
    }

    .u-pad-5\@sm {
        padding:20px !important
    }

    .u-pad-6\@sm {
        padding:24px !important
    }

    .u-pad-7\@sm {
        padding:28px !important
    }

    .u-pad-8\@sm {
        padding:32px !important
    }

    .u-pad-9\@sm {
        padding:36px !important
    }

    .u-pad-10\@sm {
        padding:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-0\@md {
        padding:0 !important
    }

    .u-pad-1\@md {
        padding:4px !important
    }

    .u-pad-2\@md {
        padding:8px !important
    }

    .u-pad-3\@md {
        padding:12px !important
    }

    .u-pad-4\@md {
        padding:16px !important
    }

    .u-pad-5\@md {
        padding:20px !important
    }

    .u-pad-6\@md {
        padding:24px !important
    }

    .u-pad-7\@md {
        padding:28px !important
    }

    .u-pad-8\@md {
        padding:32px !important
    }

    .u-pad-9\@md {
        padding:36px !important
    }

    .u-pad-10\@md {
        padding:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-0\@lg {
        padding:0 !important
    }

    .u-pad-1\@lg {
        padding:4px !important
    }

    .u-pad-2\@lg {
        padding:8px !important
    }

    .u-pad-3\@lg {
        padding:12px !important
    }

    .u-pad-4\@lg {
        padding:16px !important
    }

    .u-pad-5\@lg {
        padding:20px !important
    }

    .u-pad-6\@lg {
        padding:24px !important
    }

    .u-pad-7\@lg {
        padding:28px !important
    }

    .u-pad-8\@lg {
        padding:32px !important
    }

    .u-pad-9\@lg {
        padding:36px !important
    }

    .u-pad-10\@lg {
        padding:40px !important
    }
}

.u-pad-t-0 {
    padding-top:0 !important
}

.u-pad-t-1 {
    padding-top:4px !important
}

.u-pad-t-2 {
    padding-top:8px !important
}

.u-pad-t-3 {
    padding-top:12px !important
}

.u-pad-t-4 {
    padding-top:16px !important
}

.u-pad-t-5 {
    padding-top:20px !important
}

.u-pad-t-6 {
    padding-top:24px !important
}

.u-pad-t-7 {
    padding-top:28px !important
}

.u-pad-t-8 {
    padding-top:32px !important
}

.u-pad-t-9 {
    padding-top:36px !important
}

.u-pad-t-10 {
    padding-top:40px !important
}

@media (min-width: 544px) {
    .u-pad-t-0\@sm {
        padding-top:0 !important
    }

    .u-pad-t-1\@sm {
        padding-top:4px !important
    }

    .u-pad-t-2\@sm {
        padding-top:8px !important
    }

    .u-pad-t-3\@sm {
        padding-top:12px !important
    }

    .u-pad-t-4\@sm {
        padding-top:16px !important
    }

    .u-pad-t-5\@sm {
        padding-top:20px !important
    }

    .u-pad-t-6\@sm {
        padding-top:24px !important
    }

    .u-pad-t-7\@sm {
        padding-top:28px !important
    }

    .u-pad-t-8\@sm {
        padding-top:32px !important
    }

    .u-pad-t-9\@sm {
        padding-top:36px !important
    }

    .u-pad-t-10\@sm {
        padding-top:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-t-0\@md {
        padding-top:0 !important
    }

    .u-pad-t-1\@md {
        padding-top:4px !important
    }

    .u-pad-t-2\@md {
        padding-top:8px !important
    }

    .u-pad-t-3\@md {
        padding-top:12px !important
    }

    .u-pad-t-4\@md {
        padding-top:16px !important
    }

    .u-pad-t-5\@md {
        padding-top:20px !important
    }

    .u-pad-t-6\@md {
        padding-top:24px !important
    }

    .u-pad-t-7\@md {
        padding-top:28px !important
    }

    .u-pad-t-8\@md {
        padding-top:32px !important
    }

    .u-pad-t-9\@md {
        padding-top:36px !important
    }

    .u-pad-t-10\@md {
        padding-top:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-t-0\@lg {
        padding-top:0 !important
    }

    .u-pad-t-1\@lg {
        padding-top:4px !important
    }

    .u-pad-t-2\@lg {
        padding-top:8px !important
    }

    .u-pad-t-3\@lg {
        padding-top:12px !important
    }

    .u-pad-t-4\@lg {
        padding-top:16px !important
    }

    .u-pad-t-5\@lg {
        padding-top:20px !important
    }

    .u-pad-t-6\@lg {
        padding-top:24px !important
    }

    .u-pad-t-7\@lg {
        padding-top:28px !important
    }

    .u-pad-t-8\@lg {
        padding-top:32px !important
    }

    .u-pad-t-9\@lg {
        padding-top:36px !important
    }

    .u-pad-t-10\@lg {
        padding-top:40px !important
    }
}

.u-pad-r-0 {
    padding-right:0 !important
}

.u-pad-r-1 {
    padding-right:4px !important
}

.u-pad-r-2 {
    padding-right:8px !important
}

.u-pad-r-3 {
    padding-right:12px !important
}

.u-pad-r-4 {
    padding-right:16px !important
}

.u-pad-r-5 {
    padding-right:20px !important
}

.u-pad-r-6 {
    padding-right:24px !important
}

.u-pad-r-7 {
    padding-right:28px !important
}

.u-pad-r-8 {
    padding-right:32px !important
}

.u-pad-r-9 {
    padding-right:36px !important
}

.u-pad-r-10 {
    padding-right:40px !important
}

@media (min-width: 544px) {
    .u-pad-r-0\@sm {
        padding-right:0 !important
    }

    .u-pad-r-1\@sm {
        padding-right:4px !important
    }

    .u-pad-r-2\@sm {
        padding-right:8px !important
    }

    .u-pad-r-3\@sm {
        padding-right:12px !important
    }

    .u-pad-r-4\@sm {
        padding-right:16px !important
    }

    .u-pad-r-5\@sm {
        padding-right:20px !important
    }

    .u-pad-r-6\@sm {
        padding-right:24px !important
    }

    .u-pad-r-7\@sm {
        padding-right:28px !important
    }

    .u-pad-r-8\@sm {
        padding-right:32px !important
    }

    .u-pad-r-9\@sm {
        padding-right:36px !important
    }

    .u-pad-r-10\@sm {
        padding-right:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-r-0\@md {
        padding-right:0 !important
    }

    .u-pad-r-1\@md {
        padding-right:4px !important
    }

    .u-pad-r-2\@md {
        padding-right:8px !important
    }

    .u-pad-r-3\@md {
        padding-right:12px !important
    }

    .u-pad-r-4\@md {
        padding-right:16px !important
    }

    .u-pad-r-5\@md {
        padding-right:20px !important
    }

    .u-pad-r-6\@md {
        padding-right:24px !important
    }

    .u-pad-r-7\@md {
        padding-right:28px !important
    }

    .u-pad-r-8\@md {
        padding-right:32px !important
    }

    .u-pad-r-9\@md {
        padding-right:36px !important
    }

    .u-pad-r-10\@md {
        padding-right:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-r-0\@lg {
        padding-right:0 !important
    }

    .u-pad-r-1\@lg {
        padding-right:4px !important
    }

    .u-pad-r-2\@lg {
        padding-right:8px !important
    }

    .u-pad-r-3\@lg {
        padding-right:12px !important
    }

    .u-pad-r-4\@lg {
        padding-right:16px !important
    }

    .u-pad-r-5\@lg {
        padding-right:20px !important
    }

    .u-pad-r-6\@lg {
        padding-right:24px !important
    }

    .u-pad-r-7\@lg {
        padding-right:28px !important
    }

    .u-pad-r-8\@lg {
        padding-right:32px !important
    }

    .u-pad-r-9\@lg {
        padding-right:36px !important
    }

    .u-pad-r-10\@lg {
        padding-right:40px !important
    }
}

.u-pad-b-0 {
    padding-bottom:0 !important
}

.u-pad-b-1 {
    padding-bottom:4px !important
}

.u-pad-b-2 {
    padding-bottom:8px !important
}

.u-pad-b-3 {
    padding-bottom:12px !important
}

.u-pad-b-4 {
    padding-bottom:16px !important
}

.u-pad-b-5 {
    padding-bottom:20px !important
}

.u-pad-b-6 {
    padding-bottom:24px !important
}

.u-pad-b-7 {
    padding-bottom:28px !important
}

.u-pad-b-8 {
    padding-bottom:32px !important
}

.u-pad-b-9 {
    padding-bottom:36px !important
}

.u-pad-b-10 {
    padding-bottom:40px !important
}

@media (min-width: 544px) {
    .u-pad-b-0\@sm {
        padding-bottom:0 !important
    }

    .u-pad-b-1\@sm {
        padding-bottom:4px !important
    }

    .u-pad-b-2\@sm {
        padding-bottom:8px !important
    }

    .u-pad-b-3\@sm {
        padding-bottom:12px !important
    }

    .u-pad-b-4\@sm {
        padding-bottom:16px !important
    }

    .u-pad-b-5\@sm {
        padding-bottom:20px !important
    }

    .u-pad-b-6\@sm {
        padding-bottom:24px !important
    }

    .u-pad-b-7\@sm {
        padding-bottom:28px !important
    }

    .u-pad-b-8\@sm {
        padding-bottom:32px !important
    }

    .u-pad-b-9\@sm {
        padding-bottom:36px !important
    }

    .u-pad-b-10\@sm {
        padding-bottom:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-b-0\@md {
        padding-bottom:0 !important
    }

    .u-pad-b-1\@md {
        padding-bottom:4px !important
    }

    .u-pad-b-2\@md {
        padding-bottom:8px !important
    }

    .u-pad-b-3\@md {
        padding-bottom:12px !important
    }

    .u-pad-b-4\@md {
        padding-bottom:16px !important
    }

    .u-pad-b-5\@md {
        padding-bottom:20px !important
    }

    .u-pad-b-6\@md {
        padding-bottom:24px !important
    }

    .u-pad-b-7\@md {
        padding-bottom:28px !important
    }

    .u-pad-b-8\@md {
        padding-bottom:32px !important
    }

    .u-pad-b-9\@md {
        padding-bottom:36px !important
    }

    .u-pad-b-10\@md {
        padding-bottom:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-b-0\@lg {
        padding-bottom:0 !important
    }

    .u-pad-b-1\@lg {
        padding-bottom:4px !important
    }

    .u-pad-b-2\@lg {
        padding-bottom:8px !important
    }

    .u-pad-b-3\@lg {
        padding-bottom:12px !important
    }

    .u-pad-b-4\@lg {
        padding-bottom:16px !important
    }

    .u-pad-b-5\@lg {
        padding-bottom:20px !important
    }

    .u-pad-b-6\@lg {
        padding-bottom:24px !important
    }

    .u-pad-b-7\@lg {
        padding-bottom:28px !important
    }

    .u-pad-b-8\@lg {
        padding-bottom:32px !important
    }

    .u-pad-b-9\@lg {
        padding-bottom:36px !important
    }

    .u-pad-b-10\@lg {
        padding-bottom:40px !important
    }
}

.u-pad-l-0 {
    padding-left:0 !important
}

.u-pad-l-1 {
    padding-left:4px !important
}

.u-pad-l-2 {
    padding-left:8px !important
}

.u-pad-l-3 {
    padding-left:12px !important
}

.u-pad-l-4 {
    padding-left:16px !important
}

.u-pad-l-5 {
    padding-left:20px !important
}

.u-pad-l-6 {
    padding-left:24px !important
}

.u-pad-l-7 {
    padding-left:28px !important
}

.u-pad-l-8 {
    padding-left:32px !important
}

.u-pad-l-9 {
    padding-left:36px !important
}

.u-pad-l-10 {
    padding-left:40px !important
}

@media (min-width: 544px) {
    .u-pad-l-0\@sm {
        padding-left:0 !important
    }

    .u-pad-l-1\@sm {
        padding-left:4px !important
    }

    .u-pad-l-2\@sm {
        padding-left:8px !important
    }

    .u-pad-l-3\@sm {
        padding-left:12px !important
    }

    .u-pad-l-4\@sm {
        padding-left:16px !important
    }

    .u-pad-l-5\@sm {
        padding-left:20px !important
    }

    .u-pad-l-6\@sm {
        padding-left:24px !important
    }

    .u-pad-l-7\@sm {
        padding-left:28px !important
    }

    .u-pad-l-8\@sm {
        padding-left:32px !important
    }

    .u-pad-l-9\@sm {
        padding-left:36px !important
    }

    .u-pad-l-10\@sm {
        padding-left:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-l-0\@md {
        padding-left:0 !important
    }

    .u-pad-l-1\@md {
        padding-left:4px !important
    }

    .u-pad-l-2\@md {
        padding-left:8px !important
    }

    .u-pad-l-3\@md {
        padding-left:12px !important
    }

    .u-pad-l-4\@md {
        padding-left:16px !important
    }

    .u-pad-l-5\@md {
        padding-left:20px !important
    }

    .u-pad-l-6\@md {
        padding-left:24px !important
    }

    .u-pad-l-7\@md {
        padding-left:28px !important
    }

    .u-pad-l-8\@md {
        padding-left:32px !important
    }

    .u-pad-l-9\@md {
        padding-left:36px !important
    }

    .u-pad-l-10\@md {
        padding-left:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-l-0\@lg {
        padding-left:0 !important
    }

    .u-pad-l-1\@lg {
        padding-left:4px !important
    }

    .u-pad-l-2\@lg {
        padding-left:8px !important
    }

    .u-pad-l-3\@lg {
        padding-left:12px !important
    }

    .u-pad-l-4\@lg {
        padding-left:16px !important
    }

    .u-pad-l-5\@lg {
        padding-left:20px !important
    }

    .u-pad-l-6\@lg {
        padding-left:24px !important
    }

    .u-pad-l-7\@lg {
        padding-left:28px !important
    }

    .u-pad-l-8\@lg {
        padding-left:32px !important
    }

    .u-pad-l-9\@lg {
        padding-left:36px !important
    }

    .u-pad-l-10\@lg {
        padding-left:40px !important
    }
}

.u-pad-h-0 {
    padding-left: 0 !important;
    padding-right:0 !important
}

.u-pad-h-1 {
    padding-left: 4px !important;
    padding-right:4px !important
}

.u-pad-h-2 {
    padding-left: 8px !important;
    padding-right:8px !important
}

.u-pad-h-3 {
    padding-left: 12px !important;
    padding-right:12px !important
}

.u-pad-h-4 {
    padding-left: 16px !important;
    padding-right:16px !important
}

.u-pad-h-5 {
    padding-left: 20px !important;
    padding-right:20px !important
}

.u-pad-h-6 {
    padding-left: 24px !important;
    padding-right:24px !important
}

.u-pad-h-7 {
    padding-left: 28px !important;
    padding-right:28px !important
}

.u-pad-h-8 {
    padding-left: 32px !important;
    padding-right:32px !important
}

.u-pad-h-9 {
    padding-left: 36px !important;
    padding-right:36px !important
}

.u-pad-h-10 {
    padding-left: 40px !important;
    padding-right:40px !important
}

@media (min-width: 544px) {
    .u-pad-h-0\@sm {
        padding-left: 0 !important;
        padding-right:0 !important
    }

    .u-pad-h-1\@sm {
        padding-left: 4px !important;
        padding-right:4px !important
    }

    .u-pad-h-2\@sm {
        padding-left: 8px !important;
        padding-right:8px !important
    }

    .u-pad-h-3\@sm {
        padding-left: 12px !important;
        padding-right:12px !important
    }

    .u-pad-h-4\@sm {
        padding-left: 16px !important;
        padding-right:16px !important
    }

    .u-pad-h-5\@sm {
        padding-left: 20px !important;
        padding-right:20px !important
    }

    .u-pad-h-6\@sm {
        padding-left: 24px !important;
        padding-right:24px !important
    }

    .u-pad-h-7\@sm {
        padding-left: 28px !important;
        padding-right:28px !important
    }

    .u-pad-h-8\@sm {
        padding-left: 32px !important;
        padding-right:32px !important
    }

    .u-pad-h-9\@sm {
        padding-left: 36px !important;
        padding-right:36px !important
    }

    .u-pad-h-10\@sm {
        padding-left: 40px !important;
        padding-right:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-h-0\@md {
        padding-left: 0 !important;
        padding-right:0 !important
    }

    .u-pad-h-1\@md {
        padding-left: 4px !important;
        padding-right:4px !important
    }

    .u-pad-h-2\@md {
        padding-left: 8px !important;
        padding-right:8px !important
    }

    .u-pad-h-3\@md {
        padding-left: 12px !important;
        padding-right:12px !important
    }

    .u-pad-h-4\@md {
        padding-left: 16px !important;
        padding-right:16px !important
    }

    .u-pad-h-5\@md {
        padding-left: 20px !important;
        padding-right:20px !important
    }

    .u-pad-h-6\@md {
        padding-left: 24px !important;
        padding-right:24px !important
    }

    .u-pad-h-7\@md {
        padding-left: 28px !important;
        padding-right:28px !important
    }

    .u-pad-h-8\@md {
        padding-left: 32px !important;
        padding-right:32px !important
    }

    .u-pad-h-9\@md {
        padding-left: 36px !important;
        padding-right:36px !important
    }

    .u-pad-h-10\@md {
        padding-left: 40px !important;
        padding-right:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-h-0\@lg {
        padding-left: 0 !important;
        padding-right:0 !important
    }

    .u-pad-h-1\@lg {
        padding-left: 4px !important;
        padding-right:4px !important
    }

    .u-pad-h-2\@lg {
        padding-left: 8px !important;
        padding-right:8px !important
    }

    .u-pad-h-3\@lg {
        padding-left: 12px !important;
        padding-right:12px !important
    }

    .u-pad-h-4\@lg {
        padding-left: 16px !important;
        padding-right:16px !important
    }

    .u-pad-h-5\@lg {
        padding-left: 20px !important;
        padding-right:20px !important
    }

    .u-pad-h-6\@lg {
        padding-left: 24px !important;
        padding-right:24px !important
    }

    .u-pad-h-7\@lg {
        padding-left: 28px !important;
        padding-right:28px !important
    }

    .u-pad-h-8\@lg {
        padding-left: 32px !important;
        padding-right:32px !important
    }

    .u-pad-h-9\@lg {
        padding-left: 36px !important;
        padding-right:36px !important
    }

    .u-pad-h-10\@lg {
        padding-left: 40px !important;
        padding-right:40px !important
    }
}

.u-pad-v-0 {
    padding-bottom: 0 !important;
    padding-top:0 !important
}

.u-pad-v-1 {
    padding-bottom: 4px !important;
    padding-top:4px !important
}

.u-pad-v-2 {
    padding-bottom: 8px !important;
    padding-top:8px !important
}

.u-pad-v-3 {
    padding-bottom: 12px !important;
    padding-top:12px !important
}

.u-pad-v-4 {
    padding-bottom: 16px !important;
    padding-top:16px !important
}

.u-pad-v-5 {
    padding-bottom: 20px !important;
    padding-top:20px !important
}

.u-pad-v-6 {
    padding-bottom: 24px !important;
    padding-top:24px !important
}

.u-pad-v-7 {
    padding-bottom: 28px !important;
    padding-top:28px !important
}

.u-pad-v-8 {
    padding-bottom: 32px !important;
    padding-top:32px !important
}

.u-pad-v-9 {
    padding-bottom: 36px !important;
    padding-top:36px !important
}

.u-pad-v-10 {
    padding-bottom: 40px !important;
    padding-top:40px !important
}

@media (min-width: 544px) {
    .u-pad-v-0\@sm {
        padding-bottom: 0 !important;
        padding-top:0 !important
    }

    .u-pad-v-1\@sm {
        padding-bottom: 4px !important;
        padding-top:4px !important
    }

    .u-pad-v-2\@sm {
        padding-bottom: 8px !important;
        padding-top:8px !important
    }

    .u-pad-v-3\@sm {
        padding-bottom: 12px !important;
        padding-top:12px !important
    }

    .u-pad-v-4\@sm {
        padding-bottom: 16px !important;
        padding-top:16px !important
    }

    .u-pad-v-5\@sm {
        padding-bottom: 20px !important;
        padding-top:20px !important
    }

    .u-pad-v-6\@sm {
        padding-bottom: 24px !important;
        padding-top:24px !important
    }

    .u-pad-v-7\@sm {
        padding-bottom: 28px !important;
        padding-top:28px !important
    }

    .u-pad-v-8\@sm {
        padding-bottom: 32px !important;
        padding-top:32px !important
    }

    .u-pad-v-9\@sm {
        padding-bottom: 36px !important;
        padding-top:36px !important
    }

    .u-pad-v-10\@sm {
        padding-bottom: 40px !important;
        padding-top:40px !important
    }
}

@media (min-width: 768px) {
    .u-pad-v-0\@md {
        padding-bottom: 0 !important;
        padding-top:0 !important
    }

    .u-pad-v-1\@md {
        padding-bottom: 4px !important;
        padding-top:4px !important
    }

    .u-pad-v-2\@md {
        padding-bottom: 8px !important;
        padding-top:8px !important
    }

    .u-pad-v-3\@md {
        padding-bottom: 12px !important;
        padding-top:12px !important
    }

    .u-pad-v-4\@md {
        padding-bottom: 16px !important;
        padding-top:16px !important
    }

    .u-pad-v-5\@md {
        padding-bottom: 20px !important;
        padding-top:20px !important
    }

    .u-pad-v-6\@md {
        padding-bottom: 24px !important;
        padding-top:24px !important
    }

    .u-pad-v-7\@md {
        padding-bottom: 28px !important;
        padding-top:28px !important
    }

    .u-pad-v-8\@md {
        padding-bottom: 32px !important;
        padding-top:32px !important
    }

    .u-pad-v-9\@md {
        padding-bottom: 36px !important;
        padding-top:36px !important
    }

    .u-pad-v-10\@md {
        padding-bottom: 40px !important;
        padding-top:40px !important
    }
}

@media (min-width: 992px) {
    .u-pad-v-0\@lg {
        padding-bottom: 0 !important;
        padding-top:0 !important
    }

    .u-pad-v-1\@lg {
        padding-bottom: 4px !important;
        padding-top:4px !important
    }

    .u-pad-v-2\@lg {
        padding-bottom: 8px !important;
        padding-top:8px !important
    }

    .u-pad-v-3\@lg {
        padding-bottom: 12px !important;
        padding-top:12px !important
    }

    .u-pad-v-4\@lg {
        padding-bottom: 16px !important;
        padding-top:16px !important
    }

    .u-pad-v-5\@lg {
        padding-bottom: 20px !important;
        padding-top:20px !important
    }

    .u-pad-v-6\@lg {
        padding-bottom: 24px !important;
        padding-top:24px !important
    }

    .u-pad-v-7\@lg {
        padding-bottom: 28px !important;
        padding-top:28px !important
    }

    .u-pad-v-8\@lg {
        padding-bottom: 32px !important;
        padding-top:32px !important
    }

    .u-pad-v-9\@lg {
        padding-bottom: 36px !important;
        padding-top:36px !important
    }

    .u-pad-v-10\@lg {
        padding-bottom: 40px !important;
        padding-top:40px !important
    }
}

.u-d-initial {
    display:initial !important
}

.u-d-none {
    display:none !important
}

.u-d-block {
    display:block !important
}

.u-d-inline {
    display:inline !important
}

.u-d-inline-block {
    display:inline-block !important
}

.u-d-flex {
    display: -ms-flexbox !important;
    display:flex !important
}

@media (min-width: 544px) {
    .u-d-initial\@sm {
        display:initial !important
    }

    .u-d-none\@sm {
        display:none !important
    }

    .u-d-block\@sm {
        display:block !important
    }

    .u-d-inline\@sm {
        display:inline !important
    }

    .u-d-inline-block\@sm {
        display:inline-block !important
    }

    .u-d-flex\@sm {
        display: -ms-flexbox !important;
        display:flex !important
    }
}

@media (min-width: 768px) {
    .u-d-initial\@md {
        display:initial !important
    }

    .u-d-none\@md {
        display:none !important
    }

    .u-d-block\@md {
        display:block !important
    }

    .u-d-inline\@md {
        display:inline !important
    }

    .u-d-inline-block\@md {
        display:inline-block !important
    }

    .u-d-flex\@md {
        display: -ms-flexbox !important;
        display:flex !important
    }
}

@media (min-width: 992px) {
    .u-d-initial\@lg {
        display:initial !important
    }

    .u-d-none\@lg {
        display:none !important
    }

    .u-d-block\@lg {
        display:block !important
    }

    .u-d-inline\@lg {
        display:inline !important
    }

    .u-d-inline-block\@lg {
        display:inline-block !important
    }

    .u-d-flex\@lg {
        display: -ms-flexbox !important;
        display:flex !important
    }
}

.o-flexy {
    box-sizing: border-box;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content:space-between
}

@media (min-width: 544px) {
    .o-flexy\@sm {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content:space-between
    }
}

@media (min-width: 768px) {
    .o-flexy\@md {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content:space-between
    }
}

@media (min-width: 992px) {
    .o-flexy\@lg {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content:space-between
    }
}

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

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

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

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

@media (min-width: 544px) {
    .o-flexy--top\@sm {
        -ms-flex-align: start;
        align-items:flex-start
    }

    .o-flexy--middle\@sm {
        -ms-flex-align: center;
        align-items:center
    }

    .o-flexy--bottom\@sm {
        -ms-flex-align: end;
        align-items:flex-end
    }

    .o-flexy--stretch\@sm {
        -ms-flex-align: stretch;
        align-items:stretch
    }
}

@media (min-width: 768px) {
    .o-flexy--top\@md {
        -ms-flex-align: start;
        align-items:flex-start
    }

    .o-flexy--middle\@md {
        -ms-flex-align: center;
        align-items:center
    }

    .o-flexy--bottom\@md {
        -ms-flex-align: end;
        align-items:flex-end
    }

    .o-flexy--stretch\@md {
        -ms-flex-align: stretch;
        align-items:stretch
    }
}

@media (min-width: 992px) {
    .o-flexy--top\@lg {
        -ms-flex-align: start;
        align-items:flex-start
    }

    .o-flexy--middle\@lg {
        -ms-flex-align: center;
        align-items:center
    }

    .o-flexy--bottom\@lg {
        -ms-flex-align: end;
        align-items:flex-end
    }

    .o-flexy--stretch\@lg {
        -ms-flex-align: stretch;
        align-items:stretch
    }
}

.o-flexy__block {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-flex:1
}

@media (min-width: 544px) {
    .o-flexy__block\@sm {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex:1
    }
}

@media (min-width: 768px) {
    .o-flexy__block\@md {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex:1
    }
}

@media (min-width: 992px) {
    .o-flexy__block\@lg {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-flex:1
    }
}

.o-flexy__item {
    box-sizing: border-box;
    max-width: 100%;
    min-width:0
}

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

.u-clear-none {
    clear:none !important
}

.u-clear-left {
    clear:left !important
}

.u-clear-right {
    clear:right !important
}

.u-clear-both {
    clear:both !important
}

@media (min-width: 544px) {
    .u-clear-none\@sm {
        clear:none !important
    }

    .u-clear-left\@sm {
        clear:left !important
    }

    .u-clear-right\@sm {
        clear:right !important
    }

    .u-clear-both\@sm {
        clear:both !important
    }
}

@media (min-width: 768px) {
    .u-clear-none\@md {
        clear:none !important
    }

    .u-clear-left\@md {
        clear:left !important
    }

    .u-clear-right\@md {
        clear:right !important
    }

    .u-clear-both\@md {
        clear:both !important
    }
}

@media (min-width: 992px) {
    .u-clear-none\@lg {
        clear:none !important
    }

    .u-clear-left\@lg {
        clear:left !important
    }

    .u-clear-right\@lg {
        clear:right !important
    }

    .u-clear-both\@lg {
        clear:both !important
    }
}

.u-pull-left {
    float:left !important
}

.u-pull-right {
    float:right !important
}

.u-pull-none {
    float:none !important
}

@media (min-width: 544px) {
    .u-pull-left\@sm {
        float:left !important
    }

    .u-pull-right\@sm {
        float:right !important
    }

    .u-pull-none\@sm {
        float:none !important
    }
}

@media (min-width: 768px) {
    .u-pull-left\@md {
        float:left !important
    }

    .u-pull-right\@md {
        float:right !important
    }

    .u-pull-none\@md {
        float:none !important
    }
}

@media (min-width: 992px) {
    .u-pull-left\@lg {
        float:left !important
    }

    .u-pull-right\@lg {
        float:right !important
    }

    .u-pull-none\@lg {
        float:none !important
    }
}

.u-pos-absolute {
    position:absolute !important
}

.u-pos-fixed {
    position:fixed !important
}

.u-pos-inherit {
    position:inherit !important
}

.u-pos-initial {
    position:static !important
}

.u-pos-relative {
    position:relative !important
}

.u-pos-static {
    position:static !important
}

@media (min-width: 544px) {
    .u-pos-absolute\@sm {
        position:absolute !important
    }

    .u-pos-fixed\@sm {
        position:fixed !important
    }

    .u-pos-inherit\@sm {
        position:inherit !important
    }

    .u-pos-initial\@sm {
        position:static !important
    }

    .u-pos-relative\@sm {
        position:relative !important
    }

    .u-pos-static\@sm {
        position:static !important
    }
}

@media (min-width: 768px) {
    .u-pos-absolute\@md {
        position:absolute !important
    }

    .u-pos-fixed\@md {
        position:fixed !important
    }

    .u-pos-inherit\@md {
        position:inherit !important
    }

    .u-pos-initial\@md {
        position:static !important
    }

    .u-pos-relative\@md {
        position:relative !important
    }

    .u-pos-static\@md {
        position:static !important
    }
}

@media (min-width: 992px) {
    .u-pos-absolute\@lg {
        position:absolute !important
    }

    .u-pos-fixed\@lg {
        position:fixed !important
    }

    .u-pos-inherit\@lg {
        position:inherit !important
    }

    .u-pos-initial\@lg {
        position:static !important
    }

    .u-pos-relative\@lg {
        position:relative !important
    }

    .u-pos-static\@lg {
        position:static !important
    }
}

.u-zi-inherit {
    z-index:inherit !important
}

.u-zi-initial {
    z-index:auto !important
}

.u-zi-unset {
    z-index:unset !important
}

.u-zi-hidden {
    z-index:-1 !important
}

.u-zi-0 {
    z-index:0 !important
}

.u-zi-1 {
    z-index:1 !important
}

.u-zi-2 {
    z-index:2 !important
}

.u-zi-3 {
    z-index:3 !important
}

.u-zi-5 {
    z-index:5 !important
}

.u-zi-10 {
    z-index:10 !important
}

.u-zi-100 {
    z-index:100 !important
}

.u-zi-200 {
    z-index:200 !important
}

.u-zi-1000 {
    z-index:1000 !important
}

.u-zi-max {
    z-index:9999999 !important
}

.c-link, a {
    background-color: transparent;
    box-sizing: border-box;
    color: #3197d6;
    cursor: pointer;
    text-decoration: none;
    transition:none
}

.c-link:hover, a:hover {
    text-decoration:underline
}

.c-link:active, .c-link:hover, a:active, a:hover {
    color: #71bff1;
    outline-width:0
}

.c-link:focus, a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}

button.c-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    text-transform:none
}

button.c-link::-moz-focus-inner {
    border-style: none;
    padding:0
}

button.c-link:-moz-focusring {
    outline:1px dotted ButtonText
}

.fade {
    opacity: 0;
    transition:opacity .15s linear
}

.fade.in {
    opacity:1
}

.c-card {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius:4px
}

.c-card > :first-child {
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.c-card > :last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius:4px
}

.c-card--square {
    border-radius:0
}

.c-card--square > :first-child {
    border-top-left-radius: 0;
    border-top-right-radius:0
}

.c-card--square > :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius:0
}

.c-card__block {
    box-sizing: border-box;
    padding:20px
}

.c-card__block + .c-card__block {
    border-top:1px solid #eee
}

.c-card__block--md {
    padding:20px
}

.c-card__block--sm {
    padding:12px 20px
}

.c-card__block--xs {
    padding:8px 20px
}

@media (min-width: 544px) {
    .c-card__block--md\@sm {
        padding:20px
    }

    .c-card__block--sm\@sm {
        padding:12px 20px
    }

    .c-card__block--xs\@sm {
        padding:8px 20px
    }
}

@media (min-width: 768px) {
    .c-card__block--md\@md {
        padding:20px
    }

    .c-card__block--sm\@md {
        padding:12px 20px
    }

    .c-card__block--xs\@md {
        padding:8px 20px
    }
}

@media (min-width: 992px) {
    .c-card__block--md\@lg {
        padding:20px
    }

    .c-card__block--sm\@lg {
        padding:12px 20px
    }

    .c-card__block--xs\@lg {
        padding:8px 20px
    }
}

.modal {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    left: 0;
    outline: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:1050
}

.modal, .modal-open {
    overflow:hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y:auto
}

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:1040
}

.modal-backdrop.fade {
    opacity:0
}

.modal-backdrop.fade.in, .modal-backdrop.in {
    opacity:.5
}

.modal-content {
    box-sizing: border-box;
    outline: 0;
    position:relative
}

.modal-content, .modal-content.c-card {
    border: none;
    box-shadow:0 3px 9px rgba(0, 0, 0, .4)
}

.modal-dialog {
    box-sizing: border-box;
    margin: 10px;
    position: relative;
    width:auto
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto;
        max-width:600px
    }
}

.modal-dialog--sm {
    max-width:300px
}

.modal-dialog--md {
    max-width:600px
}

.modal-dialog--lg {
    max-width:900px
}

@media (min-width: 544px) {
    .modal-dialog--sm\@sm {
        max-width:300px
    }

    .modal-dialog--md\@sm {
        max-width:600px
    }

    .modal-dialog--lg\@sm {
        max-width:900px
    }
}

@media (min-width: 768px) {
    .modal-dialog--sm\@md {
        max-width:300px
    }

    .modal-dialog--md\@md {
        max-width:600px
    }

    .modal-dialog--lg\@md {
        max-width:900px
    }
}

@media (min-width: 992px) {
    .modal-dialog--sm\@lg {
        max-width:300px
    }

    .modal-dialog--md\@lg {
        max-width:600px
    }

    .modal-dialog--lg\@lg {
        max-width:900px
    }
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition:transform .3s ease-out
}

.modal.in .modal-dialog {
    transform:translate(0)
}

.modal-scrollbar-measure {
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width:50px
}

.u-centralize {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content:center !important
}

@media (min-width: 544px) {
    .u-centralize\@sm {
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content:center !important
    }
}

@media (min-width: 768px) {
    .u-centralize\@md {
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content:center !important
    }
}

@media (min-width: 992px) {
    .u-centralize\@lg {
        -ms-flex-align: center !important;
        align-items: center !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content:center !important
    }
}

.c-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: 36px;
    line-height: 34px;
    outline: none;
    padding: 0 1em;
    transition: none;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select:none
}

.c-button, .c-button:hover {
    color: #2b2b2b;
    text-decoration:none
}

.c-button:hover {
    background-color: #f9f9f9;
    border-color:#ddd
}

.c-button:active {
    background-color: #f4f4f4;
    border-color: #ddd;
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2)
}

.c-button:focus {
    border-color: #3197d6;
    box-shadow:none
}

.c-button:focus:active {
    box-shadow:inset 0 1px 2px rgba(0, 0, 0, .2)
}

.c-button.is-disabled, .c-button:disabled {
    background-color: #fff;
    border-color: #ddd;
    text-decoration:none
}

.c-button.is-disabled, .c-button.is-disabled:active, .c-button.is-disabled:focus, .c-button.is-disabled:hover, .c-button[disabled], .c-button[disabled]:active, .c-button[disabled]:focus, .c-button[disabled]:hover {
    cursor: not-allowed;
    opacity:.65
}

.c-button.is-selected {
    background-color:#f1f1f1
}

.c-button.is-selected:hover {
    background-color:#ececec
}

.c-button.is-selected:active {
    background-color:#e7e7e7
}

.c-button.is-error {
    background-color: #e52f28;
    border-color: #cc1f19;
    color:#fff
}

.c-button.is-error:hover {
    background-color: #de221b;
    border-color: #cc1f19;
    color:#fff
}

.c-button.is-error:active {
    background-color: #cc1f19;
    border-color:#cc1f19
}

.c-button.is-error:focus {
    border-color: #cc1f19;
    box-shadow:inset 0 0 0 1px hsla(0, 0%, 100%, .4)
}

.c-button.is-error.is-disabled, .c-button.is-error:disabled {
    background-color: #e52f28;
    border-color:#cc1f19
}

.c-button.is-success {
    background-color: #4bc27d;
    border-color: #3aaa69;
    color:#fff
}

.c-button.is-success:hover {
    background-color: #3fba73;
    border-color: #3aaa69;
    color:#fff
}

.c-button.is-success:active {
    background-color: #3aaa69;
    border-color:#3aaa69
}

.c-button.is-success:focus {
    border-color: #3aaa69;
    box-shadow:inset 0 0 0 1px hsla(0, 0%, 100%, .4)
}

.c-button.is-success.is-disabled, .c-button.is-success:disabled {
    background-color: #4bc27d;
    border-color:#3aaa69
}

.c-button.is-warning {
    background-color: #ffc646;
    border-color: #ffb91d;
    color:#fff
}

.c-button.is-warning:hover {
    background-color: #ffc032;
    border-color: #ffb91d;
    color:#fff
}

.c-button.is-warning:active {
    background-color: #ffb91d;
    border-color:#ffb91d
}

.c-button.is-warning:focus {
    border-color: #ffb91d;
    box-shadow:inset 0 0 0 1px hsla(0, 0%, 100%, .4)
}

.c-button.is-warning.is-disabled, .c-button.is-warning:disabled {
    background-color: #ffc646;
    border-color:#ffb91d
}

.c-button--sm {
    font-size: .875rem;
    height: 28px;
    line-height: 26px;
    padding:0 .5em
}

.c-button--md {
    font-size: 1rem;
    height: 36px;
    line-height: 34px;
    padding:0 1em
}

.c-button--lg {
    font-size: 1.25rem;
    height: 52px;
    line-height: 50px;
    padding:0 1.5em
}

.c-button--primary {
    background-color: #3197d6;
    border-color: #237ab3;
    color:#fff
}

.c-button--primary:hover {
    background-color: #288cca;
    border-color: #237ab3;
    color:#fff
}

.c-button--primary:active {
    background-color: #2581b9;
    border-color: #237ab3;
    color:#fff
}

.c-button--primary:focus {
    border-color: #237ab3;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .4);
    color:#fff
}

.c-button--primary:focus:active {
    color:#fff
}

.c-button--primary.is-disabled, .c-button--primary:disabled {
    background-color: #3197d6;
    border-color:#237ab3
}

.c-button--link, .c-button--link:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color:#3197d6
}

.c-button--link:hover {
    text-decoration:underline
}

.c-button--link:active {
    background-color: transparent;
    border-color: transparent;
    box-shadow:none
}

.c-button--link:focus {
    border-color: #237ab3;
    box-shadow:none
}

.c-button--link:focus:active {
    box-shadow:none, none
}

.c-button--link.is-disabled, .c-button--link:disabled {
    background-color: transparent;
    border-color: transparent;
    text-decoration:none
}

.c-button--link.is-error, .c-button--link.is-error:active, .c-button--link.is-error:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color:#cc1f19
}

.c-button--link.is-error:focus {
    background-color: transparent;
    border-color: #cc1f19;
    box-shadow: none;
    color:#cc1f19
}

.c-button--link.is-error:focus:active {
    box-shadow:none
}

.c-button--link.is-error.is-disabled, .c-button--link.is-error:disabled {
    background-color: transparent;
    border-color:transparent
}

.c-button--link.is-success, .c-button--link.is-success:active, .c-button--link.is-success:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color:#3aaa69
}

.c-button--link.is-success:focus {
    background-color: transparent;
    border-color: #3aaa69;
    box-shadow: none;
    color:#3aaa69
}

.c-button--link.is-success:focus:active {
    box-shadow:none
}

.c-button--link.is-success.is-disabled, .c-button--link.is-success:disabled {
    background-color: transparent;
    border-color:transparent
}

.c-button--link.is-warning, .c-button--link.is-warning:active, .c-button--link.is-warning:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color:#ffb91d
}

.c-button--link.is-warning:focus {
    background-color: transparent;
    border-color: #ffb91d;
    box-shadow: none;
    color:#ffb91d
}

.c-button--link.is-warning:focus:active {
    box-shadow:none
}

.c-button--link.is-warning.is-disabled, .c-button--link.is-warning:disabled {
    background-color: transparent;
    border-color:transparent
}

.c-button--block {
    display: block;
    width:100%
}

button.c-button {
    font-family: inherit;
    overflow: visible;
    outline:none
}

button.c-button::-moz-focus-inner {
    border-style: none;
    padding:0
}

button.c-button:-moz-focus-ring {
    outline:1px dotted Buttontext
}

button.c-button:focus {
    outline:none
}

.tx-justify {
    text-align:justify !important
}

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

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

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

@media (min-width: 544px) {
    .tx-justify\@sm {
        text-align:justify !important
    }

    .tx-left\@sm {
        text-align:left !important
    }

    .tx-center\@sm {
        text-align:center !important
    }

    .tx-right\@sm {
        text-align:right !important
    }
}

@media (min-width: 768px) {
    .tx-justify\@md {
        text-align:justify !important
    }

    .tx-left\@md {
        text-align:left !important
    }

    .tx-center\@md {
        text-align:center !important
    }

    .tx-right\@md {
        text-align:right !important
    }
}

@media (min-width: 992px) {
    .tx-justify\@lg {
        text-align:justify !important
    }

    .tx-left\@lg {
        text-align:left !important
    }

    .tx-center\@lg {
        text-align:center !important
    }

    .tx-right\@lg {
        text-align:right !important
    }
}

.tx-break-all {
    word-break:break-all !important
}

.tx-break-keep-all {
    word-break:keep-all !important
}

.tx-break-normal {
    word-break:normal !important
}

.tx-overline {
    text-decoration:overline !important
}

.tx-strikethrough {
    text-decoration:line-through !important
}

.tx-underline {
    text-decoration:underline !important
}

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

.tx-h1 {
    font-size:3rem !important
}

.tx-h2 {
    font-size:2.25rem !important
}

.tx-h3 {
    font-size:1.5rem !important
}

.tx-h4 {
    font-size:1.25rem !important
}

.tx-h5 {
    font-size:1rem !important
}

.tx-h6 {
    font-size:.875rem !important
}

@media (min-width: 544px) {
    .tx-h1\@sm {
        font-size:3rem !important
    }

    .tx-h2\@sm {
        font-size:2.25rem !important
    }

    .tx-h3\@sm {
        font-size:1.5rem !important
    }

    .tx-h4\@sm {
        font-size:1.25rem !important
    }

    .tx-h5\@sm {
        font-size:1rem !important
    }

    .tx-h6\@sm {
        font-size:.875rem !important
    }
}

@media (min-width: 768px) {
    .tx-h1\@md {
        font-size:3rem !important
    }

    .tx-h2\@md {
        font-size:2.25rem !important
    }

    .tx-h3\@md {
        font-size:1.5rem !important
    }

    .tx-h4\@md {
        font-size:1.25rem !important
    }

    .tx-h5\@md {
        font-size:1rem !important
    }

    .tx-h6\@md {
        font-size:.875rem !important
    }
}

@media (min-width: 992px) {
    .tx-h1\@lg {
        font-size:3rem !important
    }

    .tx-h2\@lg {
        font-size:2.25rem !important
    }

    .tx-h3\@lg {
        font-size:1.5rem !important
    }

    .tx-h4\@lg {
        font-size:1.25rem !important
    }

    .tx-h5\@lg {
        font-size:1rem !important
    }

    .tx-h6\@lg {
        font-size:.875rem !important
    }
}

.tx-headline-1 {
    font-size:5rem !important
}

.tx-headline-2 {
    font-size:4.5rem !important
}

.tx-headline-3 {
    font-size:4rem !important
}

.tx-headline-4 {
    font-size:3.5rem !important
}

@media (min-width: 544px) {
    .tx-headline-1\@sm {
        font-size:5rem !important
    }

    .tx-headline-2\@sm {
        font-size:4.5rem !important
    }

    .tx-headline-3\@sm {
        font-size:4rem !important
    }

    .tx-headline-4\@sm {
        font-size:3.5rem !important
    }
}

@media (min-width: 768px) {
    .tx-headline-1\@md {
        font-size:5rem !important
    }

    .tx-headline-2\@md {
        font-size:4.5rem !important
    }

    .tx-headline-3\@md {
        font-size:4rem !important
    }

    .tx-headline-4\@md {
        font-size:3.5rem !important
    }
}

@media (min-width: 992px) {
    .tx-headline-1\@lg {
        font-size:5rem !important
    }

    .tx-headline-2\@lg {
        font-size:4.5rem !important
    }

    .tx-headline-3\@lg {
        font-size:4rem !important
    }

    .tx-headline-4\@lg {
        font-size:3.5rem !important
    }
}

.tx-lh-heading {
    line-height:1.2 !important
}

.tx-lh-body {
    line-height:1.5 !important
}

.tx-lh-copy {
    line-height:1.6 !important
}

.tx-lh-reset {
    line-height:1 !important
}

.tx-lh-none {
    line-height:0 !important
}

@media (min-width: 544px) {
    .tx-lh-heading\@sm {
        line-height:1.2 !important
    }

    .tx-lh-body\@sm {
        line-height:1.5 !important
    }

    .tx-lh-copy\@sm {
        line-height:1.6 !important
    }

    .tx-lh-reset\@sm {
        line-height:1 !important
    }

    .tx-lh-none\@sm {
        line-height:0 !important
    }
}

@media (min-width: 768px) {
    .tx-lh-heading\@md {
        line-height:1.2 !important
    }

    .tx-lh-body\@md {
        line-height:1.5 !important
    }

    .tx-lh-copy\@md {
        line-height:1.6 !important
    }

    .tx-lh-reset\@md {
        line-height:1 !important
    }

    .tx-lh-none\@md {
        line-height:0 !important
    }
}

@media (min-width: 992px) {
    .tx-lh-heading\@lg {
        line-height:1.2 !important
    }

    .tx-lh-body\@lg {
        line-height:1.5 !important
    }

    .tx-lh-copy\@lg {
        line-height:1.6 !important
    }

    .tx-lh-reset\@lg {
        line-height:1 !important
    }

    .tx-lh-none\@lg {
        line-height:0 !important
    }
}

.tx-lead {
    font-size:1.25rem !important
}

.tx-xl {
    font-size:1.28rem !important
}

.tx-lg {
    font-size:1.14rem !important
}

.tx-md {
    font-size:1rem !important
}

.tx-sm {
    font-size:.92rem !important
}

.tx-xs {
    font-size:.78rem !important
}

@media (min-width: 544px) {
    .tx-lead\@sm {
        font-size:1.25rem !important
    }

    .tx-xl\@sm {
        font-size:1.28rem !important
    }

    .tx-lg\@sm {
        font-size:1.14rem !important
    }

    .tx-md\@sm {
        font-size:1rem !important
    }

    .tx-sm\@sm {
        font-size:.92rem !important
    }

    .tx-xs\@sm {
        font-size:.78rem !important
    }
}

@media (min-width: 768px) {
    .tx-lead\@md {
        font-size:1.25rem !important
    }

    .tx-xl\@md {
        font-size:1.28rem !important
    }

    .tx-lg\@md {
        font-size:1.14rem !important
    }

    .tx-md\@md {
        font-size:1rem !important
    }

    .tx-sm\@md {
        font-size:.92rem !important
    }

    .tx-xs\@md {
        font-size:.78rem !important
    }
}

@media (min-width: 992px) {
    .tx-lead\@lg {
        font-size:1.25rem !important
    }

    .tx-xl\@lg {
        font-size:1.28rem !important
    }

    .tx-lg\@lg {
        font-size:1.14rem !important
    }

    .tx-md\@lg {
        font-size:1rem !important
    }

    .tx-sm\@lg {
        font-size:.92rem !important
    }

    .tx-xs\@lg {
        font-size:.78rem !important
    }
}

.tx-smooth {
    -moz-osx-font-smoothing: antialiased !important;
    -webkit-font-smoothing:antialiased !important
}

.tx-smooth-auto {
    -moz-osx-font-smoothing: auto !important;
    -webkit-font-smoothing:auto !important
}

.tx-smooth-none {
    -moz-osx-font-smoothing: none !important;
    -webkit-font-smoothing:none !important
}

.tx-initial {
    -moz-osx-font-smoothing: initial !important;
    -webkit-font-smoothing:initial !important
}

.tx-capitalize {
    text-transform:capitalize !important
}

.tx-lowercase {
    text-transform:lowercase !important
}

.tx-uppercase {
    text-transform:uppercase !important
}

.tx-truncate, .tx-truncate-block {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space:nowrap !important
}

.tx-truncate-block {
    display:block
}

.tx-100 {
    font-weight:100 !important
}

.tx-200 {
    font-weight:200 !important
}

.tx-300 {
    font-weight:300 !important
}

.tx-400 {
    font-weight:400 !important
}

.tx-500 {
    font-weight:500 !important
}

.tx-600 {
    font-weight:600 !important
}

.tx-700 {
    font-weight:700 !important
}

.tx-800 {
    font-weight:800 !important
}

.tx-900 {
    font-weight:900 !important
}

.tx-lighter {
    font-weight:lighter !important
}

.tx-normal {
    font-weight:400 !important
}

.tx-bold {
    font-weight:700 !important
}

.tx-bolder {
    font-weight:bolder !important
}

.tx-ws-nowrap {
    white-space:nowrap !important
}

.tx-ws-pre {
    white-space:pre !important
}

.tx-ws-pre-line {
    white-space:pre-line !important
}

.tx-ws-normal {
    white-space:normal !important
}

.tx-wrap-break {
    word-wrap:break-word !important
}

.tx-wrap-normal {
    word-wrap:normal !important
}

.u-overflow-visible {
    overflow:visible !important
}

.u-overflow-hidden {
    overflow:hidden !important
}

.u-overflow-scroll {
    overflow:scroll !important
}

.u-overflow-auto {
    overflow:auto !important
}

@media (min-width: 544px) {
    .u-overflow-visible\@sm {
        overflow:visible !important
    }

    .u-overflow-hidden\@sm {
        overflow:hidden !important
    }

    .u-overflow-scroll\@sm {
        overflow:scroll !important
    }

    .u-overflow-auto\@sm {
        overflow:auto !important
    }
}

@media (min-width: 768px) {
    .u-overflow-visible\@md {
        overflow:visible !important
    }

    .u-overflow-hidden\@md {
        overflow:hidden !important
    }

    .u-overflow-scroll\@md {
        overflow:scroll !important
    }

    .u-overflow-auto\@md {
        overflow:auto !important
    }
}

@media (min-width: 992px) {
    .u-overflow-visible\@lg {
        overflow:visible !important
    }

    .u-overflow-hidden\@lg {
        overflow:hidden !important
    }

    .u-overflow-scroll\@lg {
        overflow:scroll !important
    }

    .u-overflow-auto\@lg {
        overflow:auto !important
    }
}

.u-overflow-x-visible {
    overflow:visible !important
}

.u-overflow-x-hidden {
    overflow:hidden !important
}

.u-overflow-x-scroll {
    overflow:scroll !important
}

.u-overflow-x-auto {
    overflow:auto !important
}

@media (min-width: 544px) {
    .u-overflow-x-visible\@sm {
        overflow:visible !important
    }

    .u-overflow-x-hidden\@sm {
        overflow:hidden !important
    }

    .u-overflow-x-scroll\@sm {
        overflow:scroll !important
    }

    .u-overflow-x-auto\@sm {
        overflow:auto !important
    }
}

@media (min-width: 768px) {
    .u-overflow-x-visible\@md {
        overflow:visible !important
    }

    .u-overflow-x-hidden\@md {
        overflow:hidden !important
    }

    .u-overflow-x-scroll\@md {
        overflow:scroll !important
    }

    .u-overflow-x-auto\@md {
        overflow:auto !important
    }
}

@media (min-width: 992px) {
    .u-overflow-x-visible\@lg {
        overflow:visible !important
    }

    .u-overflow-x-hidden\@lg {
        overflow:hidden !important
    }

    .u-overflow-x-scroll\@lg {
        overflow:scroll !important
    }

    .u-overflow-x-auto\@lg {
        overflow:auto !important
    }
}

.u-overflow-y-visible {
    overflow:visible !important
}

.u-overflow-y-hidden {
    overflow:hidden !important
}

.u-overflow-y-scroll {
    overflow:scroll !important
}

.u-overflow-y-auto {
    overflow:auto !important
}

@media (min-width: 544px) {
    .u-overflow-y-visible\@sm {
        overflow:visible !important
    }

    .u-overflow-y-hidden\@sm {
        overflow:hidden !important
    }

    .u-overflow-y-scroll\@sm {
        overflow:scroll !important
    }

    .u-overflow-y-auto\@sm {
        overflow:auto !important
    }
}

@media (min-width: 768px) {
    .u-overflow-y-visible\@md {
        overflow:visible !important
    }

    .u-overflow-y-hidden\@md {
        overflow:hidden !important
    }

    .u-overflow-y-scroll\@md {
        overflow:scroll !important
    }

    .u-overflow-y-auto\@md {
        overflow:auto !important
    }
}

@media (min-width: 992px) {
    .u-overflow-y-visible\@lg {
        overflow:visible !important
    }

    .u-overflow-y-hidden\@lg {
        overflow:hidden !important
    }

    .u-overflow-y-scroll\@lg {
        overflow:scroll !important
    }

    .u-overflow-y-auto\@lg {
        overflow:auto !important
    }
}

@font-face {
    font-family: Biotif-Regular;
    src: url(../images/fonts/biotif.woff2) format("woff2"), url(../images/fonts/biotif.woff) format("woff")
}

@font-face {
    font-family: Biotif-Bold;
    src: url(../images/fonts/biotif-med.woff2) format("woff2"), url(../images/fonts/biotif-med.woff) format("woff")
}

body, html {
    font-family: Biotif-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    /* background: #fefaf6; */
    background: #e2e8ff;
    overscroll-behavior: none;
    overflow-x:hidden
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

h1, h2, h3, h4, h5 {
    font-family: Biotif-Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight:500
}

a, button, h6, input, li, p {
    font-family:Biotif-Regular, Helvetica Neue, Helvetica, Arial, sans-serif
}

::selection {
    background: #e2e8ff;
    color:#001d9b
}

.s-home .c-hero .c-eyelash, .s-home .c-hero svg {
    opacity:0
}

a:hover .c-logo:before {
    opacity: 1;
    transform:translate3d(-50%, -80%, 0)
}

a:hover .c-logo__iris {
    transform:scale(1.4)
}

.js-bounce-in, .js-bounce-in-home {
    opacity:0
}

@media screen and (prefers-reduced-motion: reduce) {
    a, div, img {
        transition:none !important
    }

    .c-cornea, .c-hero__eye__inner, .c-hero__eye__scale, .c-tile:hover, .c-tile:hover .c-tile__img {
        transform:translateZ(0) !important
    }

    .c-hero__eye__scale svg, .js-bounce-in, .js-bounce-in-home {
        opacity: 1 !important;
        transform:translateZ(0) !important
    }

    .c-logo__eye {
        transform:rotate(180deg) !important
    }

    .c-logo__iris {
        transform:translateZ(0) !important
    }

    .c-logo:before {
        display:none !important
    }

    .c-eyelash {
        opacity:1 !important
    }

    .c-loader {
        display:none !important
    }

    .c-nav-list__link span:before {
        transform:translateZ(0) !important
    }

    .c-continue__link:before, .c-duties__link:before, .c-nav__work-list-item-link:hover:before, .c-work__out-link:before {
        transform:rotate(-1deg) !important
    }

    .c-work__out-link:before {
        height:3px !important
    }
}

.s-nav {
    position: fixed;
    width: 100%;
    z-index: 1040;
    /* background:#fefaf6; */
    background:#e2e8ff;
}

.c-nav {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    position:relative
}

.c-nav.show-work .c-nav__work {
    opacity: 1;
    pointer-events: all;
    transform:translateZ(0)
}

.c-nav__work {
    pointer-events: none;
    opacity: 0;
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    transform: translate3d(0, 15px, 0);
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 10000;
    display:none;
}

@media (min-width: 992px) {
    .c-nav__work {
        display:block
    }
}

.c-nav__work-list {
    list-style-type: none;
    margin: 0;
    padding: 1.5em 2em 2em;
    background: #232320;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .06), 0 19px 20px rgba(0, 0, 0, .15);
    border-radius: 20px;
    min-width:15em
}

.c-nav__work-list-item + .c-nav__work-list-item {
    margin-top:.5em
}

.c-nav__work-list-item-link {
    padding: .6em 0;
    color: #fff;
    font-size: 18px;
    position: relative;
    display:inline-block
}

.c-nav__work-list-item-link span {
    position: relative;
    z-index:10
}

.c-nav__work-list-item-link:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 3px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: rotate(-1deg);
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.c-nav__work-list-item-link:after {
    z-index: 1;
    content: "";
    height: 100%;
    width: 180%;
    position: absolute;
    left: 0;
    display: block;
    top:0
}

.c-nav__work-list-item-link:hover {
    text-decoration: none;
    color:#ffc4ff
}

.c-nav__work-list-item-link:hover:before {
    transform:scale3d(1.2, 1.2, 1.2)
}

.c-nav__work-list-item-link:active:before {
    transform:scale3d(1.1, 1.1, 1.1)
}

.c-nav-list {
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-width:90%
}

@media (min-width: 1600px) {
    .c-nav-list {
        max-width:1600px
    }
}

@media (min-width: 768px) {
    .c-nav-list__item + .c-nav-list__item {
        margin-left:10px
    }
}

.c-nav-list__link {
    padding: 1.5em .75em;
    display: block;
    color: #232320;
    font-size: 1.1em;
    transition: color .2s linear;
    position:relative
}

@media (min-width: 1100px) {
    .c-nav-list__link {
        padding:1.5em 2em
    }
}

.c-nav-list__link--work {
    padding-left:0
}

.c-nav-list__link--work span {
    position: relative;
    z-index:10
}

.c-nav-list__link--work span:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: translate3d(0, 5px, 0);
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    opacity:0
}

.c-nav-list__link--work:hover span:before {
    opacity: 1;
    transform:translateZ(0) scale3d(1.1, 1.1, 1.1) rotate(-2deg)
}

.c-nav-list__link--info span {
    position: relative;
    z-index:10
}

.c-nav-list__link--info span:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: translate3d(0, 5px, 0);
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    opacity:0
}

.c-nav-list__link--info:hover span:before {
    opacity: 1;
    transform:translateZ(0) scale3d(1.1, 1.1, 1.1) rotate(1deg)
}

.c-nav-list__link--contact span {
    position: relative;
    z-index:10
}

.c-nav-list__link--contact span:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -10px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: translate3d(0, 5px, 0);
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    opacity:0
}

.c-nav-list__link--contact:hover span:before {
    opacity: 1;
    transform:translateZ(0) scale3d(1.1, 1.1, 1.1) rotate(2deg)
}

.c-nav-list__link--logo {
    position: absolute;
    left: 50%;
    top: 2px;
    transform: translate3d(-50%, 0, 0);
    display: none;
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

@media (min-width: 544px) {
    .c-nav-list__link--logo {
        display:block
    }
}

.c-nav-list__link--logo.is-active .c-logo:before {
    opacity: 1;
    transform:translate3d(-50%, -80%, 0)
}

.c-nav-list__link--logo.is-active .c-logo__iris {
    transform:scale(1.4)
}

.c-nav-list__link--logo:hover .c-logo:before {
    opacity: 1;
    transform:translate3d(-50%, -80%, 0)
}

.c-nav-list__link--logo:hover .c-logo__iris {
    transform:scale(1.4)
}

.c-nav-list__link--logo:active .c-logo {
    transform:scale(.9)
}

.c-nav-list__link--logo:active .c-logo__iris {
    transform:scale(.5)
}

.c-nav-list__link svg {
    fill: #232320;
    transition:fill .2s linear
}

.c-nav-list__link:active, .c-nav-list__link:focus, .c-nav-list__link:hover {
    color: #232320;
    text-decoration:none
}

.c-nav-list__link:active svg, .c-nav-list__link:focus svg, .c-nav-list__link:hover svg {
    fill:#232320
}

.c-logo {
    -ms-flex-align: center;
    align-items: center;
    background: url(../images/nav/eye.svg) 50% no-repeat;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 28px;
    z-index:10
}

.c-logo, .c-logo:before {
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.c-logo:before {
    background: url(../images/nav/lash.svg) 50% no-repeat;
    content: "";
    display: block;
    height: 22px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translate3d(-50%, -50%, 0);
    width: 23px;
    z-index:1
}

.c-logo__eye {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 16px;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width:16px
}

.c-logo__iris {
    /* background: #fefaf6; */
    background: #e2e8ff;
    border-radius: 50%;
    bottom: 3px;
    height: 10px;
    position: relative;
    transition: all .2s ease-in-out;
    width:10px
}

.c-hero {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    padding-top:95px
}

.c-hero__title {
    color: #232320;
    font-family: Biotif-Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    letter-spacing: -2px;
    line-height: 110%;
    margin: 0;
    transition:all .2s ease-in-out
}

@media (min-width: 600px) {
    .c-hero__title {
        font-size:4.5em
    }
}

@media (min-width: 1100px) {
    .c-hero__title {
        font-size: 6.5em;
        letter-spacing:-4.5px
    }
}

.c-hero__sub {
    color: #656270;
    font-size: 1.1em;
    line-height: 1.7;
    margin: 1em 0 0;
    transition:all .2s ease-in-out
}

@media (min-width: 544px) {
    .c-hero__sub {
        margin:1.3em 0 0;
        max-width: 580px;
    }
}

@media (min-width: 1000px) {
    .c-hero__sub {
        padding-right:2em;
    }
}

@media (min-width: 1600px) {
    .c-hero__sub {
        font-size: 1.3em;
        padding:0
    }
}

.c-hero__eye-wrap {
    position: relative;
    width: 100%;
    margin:2em auto 0
}

@media (min-width: 1000px) {
    .c-hero__eye-wrap {
        height: 555px;
        max-width: 555px;
        margin:0 auto
    }
}

.c-hero__eye-wrap--blck {
    position: absolute;
    width: 135px;
    height: 135px;
    border-radius: 20px;
    opacity: 0;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transform: scale3d(.6, .6, .6);
    display:none
}

@media (min-width: 1300px) {
    .c-hero__eye-wrap--blck {
        display: block;
        opacity: 1;
        transform:scale3d(.8, .8, .8)
    }
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--blck {
        transform:scaleX(1)
    }
}

.c-hero__eye-wrap--tl {
    left: -135px;
    top: -60px;
    background:linear-gradient(323.93deg, rgba(10, 185, 149, .7) -32.24%, rgba(10, 185, 149, 0) 57.93%), #dacdff
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--tl {
        top:-135px
    }
}

.c-hero__eye-wrap--tr {
    right: -135px;
    top: -60px;
    background:linear-gradient(331.16deg, #f8c6ff -19.15%, rgba(255, 196, 255, 0) 55.74%), #ffeec4
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--tr {
        top:-135px
    }
}

.c-hero__eye-wrap--br {
    right: -135px;
    bottom: -60px;
    background:linear-gradient(180.1deg, #142c69 -59.06%, rgba(20, 44, 105, 0) 65.9%), #008081
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--br {
        bottom:-135px
    }
}

.c-hero__eye-wrap--bl {
    left: -135px;
    bottom: -60px;
    background:linear-gradient(5.85deg, #dacdff -39.75%, rgba(218, 205, 255, 0) 61.37%), #ffeaee
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--bl {
        bottom:-135px
    }
}

.c-hero__eye-wrap--bb {
    left: 0;
    bottom: -270px;
    background: #ffeec4;
    opacity:0
}

@media (min-width: 1700px) {
    .c-hero__eye-wrap--bb {
        opacity:1
    }
}

.c-hero__eye-holder {
    width: 100%;
    height: 350px;
    background: #000;
    border-radius: 20px;
    margin: 0 auto;
    position: relative;
    overflow:hidden
}

@media (min-width: 1000px) {
    .c-hero__eye-holder {
        max-width: 555px;
        height:555px
    }
}

.c-hero__eye {
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate3d(-50%, -50%, 0) scale3d(.8, .8, .8)
}

@media (min-width: 544px) {
    .c-hero__eye {
        transform:translate3d(-50%, -60%, 0) scaleX(1)
    }
}

.c-hero__box {
    padding: 0;
    max-width: 90%;
    margin:0 auto
}

@media (min-width: 544px) {
    .c-hero__box {
        /* padding:2em 0 0 */
    }
}

@media (min-width: 1000px) {
    .c-hero__box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content:center
    }
}

@media (min-width: 1300px) {
    .c-hero__box {
        /* padding:3em 7em 3em 0 */
    }
}

@media (min-width: 1700px) {
    .c-hero__box {
        padding: 140px 6em 270px;
        max-width:1600px
    }
}

.c-loader {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    opacity: 1;
    animation: a 1s infinite;
    pointer-events:none
}

.c-loader, .c-loader svg {
    transition:all .2s ease-in-out
}

.c-loader svg {
    position:relative
}

.c-loader.loaded {
    opacity: 0;
    transform:translate3d(-50%, -50%, 0)
}

.c-loader.loaded svg {
    transform:scale3d(.5, .5, .5)
}

@keyframes a {
    0% {
        transform:translate3d(-50%, -50%, 0)
    }

    50% {
        transform:translate3d(-50%, -60%, 0)
    }

    to {
        transform:translate3d(-50%, -50%, 0)
    }
}

.s-work--browso .c-loader svg path, .s-work--figma .c-loader svg path {
    fill:#fff
}

.c-duties {
    margin: 4em auto;
    max-width: 90%;
    border-radius: 20px;
    background: #fdf5ee;
    padding: 2rem 1rem;
    display: -ms-flexbox;
    display:flex
}

@media (min-width: 544px) {
    .c-duties {
        padding:2.5rem
    }
}

@media (min-width: 992px) {
    .c-duties {
        max-width: 50em;
        padding: 4rem;
        margin:7em auto 7.5em
    }
}

.c-duties__col {
    width: 50%;
    padding:0 .5em
}

@media (min-width: 544px) {
    .c-duties__col {
        padding:0
    }
}

.c-duties__title {
    color: #232320;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform:uppercase
}

.c-duties__list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #656270;
    font-size: 18px;
    line-height:150%
}

.c-duties__list-item + .c-duties__list-item {
    margin-top:.75em
}

.c-duties__link {
    color: #656270;
    transition:all .2s ease-in-out
}

.c-duties__link, .c-duties__link span {
    position: relative;
    z-index:10
}

.c-duties__link:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: -3px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: rotate(-1deg);
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.c-duties__link:hover {
    color: #232320;
    text-decoration:none
}

.c-duties__link:hover:before {
    transform:scale3d(1.2, 1.2, 1.2)
}

.c-duties h6 + ul {
    margin-top:.75em
}

.c-duties ul + h6 {
    margin-top:3em
}

.c-footer, .c-footer__content {
    position: relative;
    z-index:1000
}

.c-footer__content {
    max-width: 90%;
    margin: 0 auto;
    padding:5em 0
}

@media (min-width: 992px) {
    .c-footer__content {
        padding: 14em 0;
        max-width:790px
    }
}

.c-footer__title {
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -1.5px;
    color: #232320;
    position: relative;
    z-index: 100;
    text-align:center
}

@media (min-width: 992px) {
    .c-footer__title {
        font-size:60px
    }
}

.c-footer__text {
    color: #656270;
    font-size: 20px;
    line-height: 160%;
    margin-top: 2em;
    position: relative;
    z-index: 100;
    text-align:center
}

.c-footer__arrow {
    bottom: 11em;
    position: absolute;
    right: -5em;
    z-index: 10;
    display:none
}

@media (min-width: 1230px) {
    .c-footer__arrow {
        display:block
    }
}

.c-footer__blck {
    position: absolute;
    width: 135px;
    height: 135px;
    border-radius: 20px;
    display:none
}

@media (min-width: 1000px) {
    .c-footer__blck {
        display:block
    }
}

.c-footer__blck--tl {
    right: 80px;
    top: 120px;
    background:linear-gradient(5.85deg, #dacdff -39.75%, rgba(218, 205, 255, 0) 61.37%), #ffeaee
}

.c-footer__blck--tr {
    right: -55px;
    top: 255px;
    background:linear-gradient(331.16deg, #f8c6ff -19.15%, rgba(255, 196, 255, 0) 55.74%), #ffeec4
}

.c-footer__blck--br {
    left: -150px;
    bottom: 105px;
    background:linear-gradient(34.67deg, #b6a0ea -68.96%, rgba(182, 160, 234, 0) 45.02%), #f1ebff
}

.c-footer__blck--bl {
    left: -285px;
    bottom: 235px;
    background:linear-gradient(323.93deg, rgba(10, 185, 149, .7) -32.24%, rgba(10, 185, 149, 0) 57.93%), #dacdff
}

.c-footer__link {
    color: #656270;
    display: inline-block;
    transition:all .2s ease-in-out
}

.c-footer__link, .c-footer__link span {
    position: relative;
    z-index:10
}

.c-footer__link:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 2px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transition: all .2s ease-in-out;
    transform:rotate(1deg)
}

.c-footer__link:hover {
    color: #232320;
    text-decoration:none
}

.c-footer__link:hover:before {
    height:10px
}

.c-info__hero {
    padding: 8em 0 3em;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    display:block
}

@media (min-width: 544px) {
    .c-info__hero {
        padding:8em 0 5em
    }
}

@media (min-width: 1200px) {
    .c-info__hero {
        padding: 14em 0 5em;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content:center
    }
}

.c-info__hero-col {
    width: 100%;
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

@media (min-width: 1200px) {
    .c-info__hero-col {
        margin:0 2em
    }
}

.c-info__hero-col:nth-child(2) {
    max-width: 600px;
    margin:0 auto
}

@media (min-width: 1200px) {
    .c-info__hero-col:nth-child(2) {
        max-width: 100%;
        margin:0 2em
    }
}

.c-info__avatar {
    max-width: 100%;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    max-width: 580px;
    margin:0 auto 4em
}

@media (min-width: 1200px) {
    .c-info__avatar {
        margin:0 auto
    }
}

.c-info__avatar img {
    display: block;
    width: 100%;
    height:auto
}

.c-info h1, .c-info h2 {
    font-size: 35px;
    letter-spacing: -.5px;
    color: #232320;
    line-height:150%
}

.c-info h2 {
    max-width: 1120px;
    margin:0 auto
}

.c-info p {
    color: #656270;
    font-size: 18px;
    line-height:32px
}

.c-info h1 + p {
    margin:2em 0 0
}

.c-info p + p {
    margin-top:2em
}

.c-info h1 a {
    font-family:Biotif-Bold, Helvetica Neue, Helvetica, Arial, sans-serif
}

.c-info a {
    color: #232320;
    display: inline-block;
    position:relative
}

.c-info a span {
    position: relative;
    z-index:10
}

.c-info a:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 4px;
    height: 6px;
    left: 0;
    display: block;
    /* background: #ffc4ff; */
    transform: rotate(-1deg);
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.c-info a:hover {
    color: #232320;
    text-decoration:none
}

.c-info a:hover:before {
    transform:scale3d(1.2, 1.2, 1.2)
}

.c-info a:active {
    color:#232320
}

.c-timecard {
    width: 90%;
    max-width: 1600px;
    margin:2em auto 0
}

@media (min-width: 768px) {
    .c-timecard {
        width: 95%;
        margin:4em auto 0
    }
}

@media (min-width: 1600px) {
    .c-timecard {
        width:100%
    }
}

.c-gant {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 4em;
    /* background:linear-gradient(180deg, #fefaf6 2.42%, #fdf5ee) */
    background: #e2e8ff;
}

@media (min-width: 1600px) {
    .c-gant {
        width: 100%;
        padding: 0 3em;
        width: 90%;
        border-radius: 20px;
        margin:0 auto 8em
    }
}

.c-gant__chart {
    width: 100%;
    max-width: 100%;
    display: -ms-grid;
    display: grid;
    padding: 4em 0;
    row-gap: 1em;
    -ms-grid-columns:(1fr) [1];
    grid-template-columns:repeat(1, 1fr)
}

@media (min-width: 992px) {
    .c-gant__chart {
        -ms-grid-columns:(1fr) [12];
        grid-template-columns:repeat(12, 1fr)
    }
}

.c-gant__entry {
    position: relative;
    border-radius: 20px;
    padding:1.5em
}

.c-gant__entry--hs {
    background: #dacdff;
    color:#2c1867
}

@media (min-width: 992px) {
    .c-gant__entry--hs {
        -ms-grid-column-span: 4;
        -ms-grid-column: 9;
        grid-column: 11/span 12;
        grid-row:1/1
    }
}

.c-gant__entry--ct {
    background: #aadcda;
    color:#090f0f
}

@media (min-width: 992px) {
    .c-gant__entry--ct {
        -ms-grid-column-span: 9;
        -ms-grid-column: 1;
        grid-column: 1/span 9;
        grid-row:4/4
    }
}

.c-gant__entry--df {
    background: #d4dbf9;
    color:#2a335a
}

@media (min-width: 992px) {
    .c-gant__entry--df {
        -ms-grid-column-span: 1;
        -ms-grid-column: 2;
        grid-column: 9/span 2;
        grid-row:3/3
    }
}

.c-gant__entry--fl {
    background: #ffeec4;
    color:#5a4610
}

@media (min-width: 992px) {
    .c-gant__entry--fl {
        -ms-grid-column-span: 2;
        -ms-grid-column: 10;
        grid-column: 10/span 12;
        grid-row:2/2
    }
}

.c-gant__company, .c-gant__role {
    display:block
}

.c-gant__company {
    font-size:18px
}

.c-gant__role {
    margin-top: .3em;
    font-size:14px
}

.c-gant__tenure {
    font-size: 22px;
    font-weight: 700;
    text-align:right
}

.c-reading {
    max-width: 1600px;
    width: 90%;
    margin:0 auto 6em
}

@media (min-width: 768px) {
    .c-reading {
        width:95%
    }
}

@media (min-width: 1600px) {
    .c-reading {
        width:100%
    }
}

.c-reading__block {
    margin:6em 0 12em
}

.c-reading__item {
    max-width: 245px;
    margin:0 auto
}

.c-reading__item + .c-reading__item {
    margin-top:4em
}

@media (min-width: 992px) {
    .c-reading__item + .c-reading__item {
        margin-top:0
    }
}

.c-reading__book {
    height: 305px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content:center
}

.c-reading__book img {
    box-shadow:4px 4px 20px rgba(0, 21, 64, .138559)
}

.c-reading__author, .c-reading__title {
    display:block
}

.c-reading__title {
    margin-top: 3em;
    color: #232320;
    font-size:18px
}

.c-reading__author {
    color: #656270;
    font-size: 14px;
    margin-top:.75em
}

.o-container {
    max-width:1600px
}

.c-tiles {
    position: relative;
    z-index: 1000;
    margin: 4em auto 0;
    max-width: 90%;
    display: -ms-grid;
    display: grid;
    gap: 4em;
    -ms-grid-columns:(1fr) [1];
    grid-template-columns:repeat(1, 1fr)
}

@media (min-width: 544px) {
    .c-tiles {
        gap: 7em;
        margin:120px auto 0
    }
}

@media (min-width: 1600px) {
    .c-tiles {
        max-width:1600px
    }
}

.c-tile {
    width: 100%;
    border-radius: 20px;
    position: relative;
    display: block;
    transition: all .4s ease-in-out;
    padding:3em 3em 4em
}

@media (min-width: 1230px) {
    .c-tile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
        height:1000px
    }
}

.c-tile:hover {
    text-decoration:none
}

@media (min-width: 544px) {
    .c-tile:hover {
        transform: translate3d(0, -5px, 0);
        box-shadow:0 52px 74px rgba(0, 0, 0, .12)
    }
}

@media (min-width: 544px) {
    .c-tile:hover img {
        transform:translate3d(0, -10px, 0)
    }
}

.c-tile:active, .c-tile:focus {
    text-decoration:none
}

.c-tile:active {
    transition: all .3s ease-out;
    transform: scale3d(.99, .99, .99) translateZ(0);
    box-shadow:0 0 0 transparent
}

.c-tile__img {
    position: relative;
    transition: all .4s ease-in-out;
    max-width: 100%;
    display:inline-block
}

.c-tile__img--hs {
    max-width:80%
}

@media (min-width: 768px) {
    .c-tile__img--hs {
        filter:drop-shadow(0 52px 74px rgba(0, 21, 64, .138559))
    }
}

@media (min-width: 616px) {
    .c-tile__img--hs {
        max-width:444px
    }
}

.c-tile__img--shape {
    max-width: 100%;
    position: relative;
    border-radius:10px
}

@media (min-width: 768px) {
    .c-tile__img--shape {
        filter:drop-shadow(0 52px 74px rgba(0, 21, 64, .138559))
    }
}

@media (min-width: 835px) {
    .c-tile__img--shape {
        max-width:600px
    }
}

@media (min-width: 1230px) {
    .c-tile__img--custoji {
        max-width:924px
    }
}

@media (min-width: 768px) {
    .c-tile__img--browso {
        box-shadow:10px 10px 0 rgba(0, 0, 0, .2)
    }
}

@media (min-width: 1230px) {
    .c-tile__img--browso {
        max-width:971px
    }
}

@media (min-width: 768px) {
    .c-tile__img--figma {
        filter:drop-shadow(0 52px 74px rgba(0, 0, 0, .1))
    }
}

@media (min-width: 1230px) {
    .c-tile__img--figma {
        max-width:960px
    }
}

.c-tile__img--jeffsum {
    border-radius:10px
}

@media (min-width: 768px) {
    .c-tile__img--jeffsum {
        border-radius: 30px;
        filter:drop-shadow(0 52px 74px rgba(0, 0, 0, .1))
    }
}

@media (min-width: 820px) {
    .c-tile__img--jeffsum {
        max-width:585px
    }
}

.c-tile__holder {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    text-align:center
}

.c-tile__holder--shape:before {
    content: "";
    width: 40px;
    height: 120px;
    background: url(/images/hp/editor.png) 0 0 no-repeat;
    background-size: contain;
    display: none;
    position: absolute;
    right: -60px;
    top:0
}

@media (min-width: 768px) {
    .c-tile__holder--shape:before {
        display:block
    }
}

.c-tile__title {
    font-family: Biotif-Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    text-align: left;
    display: block;
    margin-bottom: 1em;
    letter-spacing:-1px
}

@media (min-width: 544px) {
    .c-tile__title {
        font-size: 45px;
        text-align:right
    }
}

@media (min-width: 1230px) {
    .c-tile__title {
        position: absolute;
        right: 60px;
        top:90px
    }
}

.c-tile__category {
    display: block;
    font-family: Biotif-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    opacity: .6;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight:700
}

@media (min-width: 544px) {
    .c-tile__category {
        text-align:right
    }
}

@media (min-width: 1230px) {
    .c-tile__category {
        position: absolute;
        right: 60px;
        top:60px
    }
}

.c-tile--hs {
    background:linear-gradient(338.83deg, #f8c6ff -3.41%, rgba(255, 196, 255, 0) 52.31%), #ffeec4
}

.c-tile--hs h2, .c-tile--hs span {
    color:#232320
}

.c-tile--shape {
    background:linear-gradient(6.03deg, #dacdff .5%, rgba(218, 205, 255, 0) 46.89%), #ffeaee
}

.c-tile--shape h2, .c-tile--shape span {
    color:#4b3235
}

.c-tile--browso {
    background:linear-gradient(180.14deg, #142c69 .12%, rgba(20, 44, 105, 0) 62.01%), #008081
}

.c-tile--browso h2, .c-tile--browso span {
    color:#fff
}

.c-tile--custoji {
    background:linear-gradient(39.4deg, #b6a0ea -2.55%, rgba(182, 160, 234, 0) 45.21%), #f1ebff
}

.c-tile--custoji h2, .c-tile--custoji span {
    color:#150042
}

.c-tile--figma {
    background:linear-gradient(223.65deg, rgba(10, 207, 131, 0) 60.59%, rgba(10, 207, 131, .62) 113.24%), #191919
}

.c-tile--figma h2, .c-tile--figma span {
    color:#fff
}

.c-tile--jeffsum {
    background:linear-gradient(314.25deg, rgba(10, 185, 149, .7) 1.09%, rgba(10, 185, 149, 0) 43.26%), #dacdff
}

.c-tile--jeffsum h2, .c-tile--jeffsum span {
    color:#311c6a
}

.s-work--hs .c-logo__iris, .s-work--hs .s-nav {
    background:#ffeec4
}

.s-work--shape .c-logo__iris, .s-work--shape .s-nav {
    background:#ffeaee
}

.s-work--custoji .s-nav {
    background:#f1ebff
}

.s-work--jeffsum .c-logo__iris, .s-work--jeffsum .s-nav {
    background:#dacdff
}

.s-work--jeffsum .c-nav-list__link {
    color:#311c6a
}

.s-work--jeffsum .c-nav-list__link svg {
    fill:#311c6a
}

.s-work--jeffsum .c-work__breakdown, .s-work--jeffsum .c-work__title {
    color:#311c6a
}

@media (min-width: 544px) {
    .s-work--jeffsum .c-work__hero-desc {
        padding:4em 0 3em
    }
}

@media (min-width: 992px) {
    .s-work--jeffsum .c-work__hero-desc {
        padding:14em 0 8em
    }
}

.s-work--browso .s-nav {
    background:#142c69
}

.s-work--browso .c-logo {
    background-image:url(../images/nav/eye-white.svg)
}

.s-work--browso .c-logo:before {
    background-image:url(../images/nav/lash-white.svg)
}

.s-work--browso .c-logo__iris {
    background:#142c69
}

.s-work--browso .c-nav-list__link {
    color:#fff
}

.s-work--browso .c-nav-list__link svg {
    fill:#fff
}

.s-work--browso .c-work__breakdown, .s-work--browso .c-work__title {
    color:#fff
}

@media (min-width: 768px) {
    .s-work--browso .c-work__hero-desc {
        padding:14em 0 8em
    }
}

.s-work--figma .s-nav {
    background:#191919
}

.s-work--figma .c-logo {
    background-image:url(../images/nav/eye-white.svg)
}

.s-work--figma .c-logo:before {
    background-image:url(../images/nav/lash-white.svg)
}

.s-work--figma .c-logo__iris {
    background:#191919
}

.s-work--figma .c-nav-list__link {
    color:#fff
}

.s-work--figma .c-nav-list__link svg {
    fill:#fff
}

.s-work--figma .c-work__breakdown, .s-work--figma .c-work__title {
    color:#fff
}

@media (min-width: 768px) {
    .s-work--figma .c-work__hero-desc {
        padding:14em 0 10em
    }
}

.s-work h2 {
    margin-top: 2em;
    font-size: 32px;
    line-height: 120%;
    color:#232320
}

@media (min-width: 544px) {
    .s-work h2 {
        font-size: 42px;
        letter-spacing:-1px
    }
}

.s-work__sub {
    margin-top: 1em;
    font-size: 32px;
    line-height: 150%;
    color:#232320
}

@media (min-width: 544px) {
    .s-work__sub {
        margin-top:1.5em
    }
}

.s-work__sub--large {
    margin-top:1.5em
}

@media (min-width: 544px) {
    .s-work__sub--large {
        margin-top:2.5em
    }
}

.s-work p {
    font-size: 18px;
    line-height: 32px;
    color:#656270
}

.s-work h2 + p {
    margin-top:1.5em
}

.s-work h3 + p {
    margin-top:1em
}

.s-work p + p {
    margin-top:2em
}

.c-work__hero {
    position: relative;
    padding:75px 0 6em
}

@media (min-width: 768px) {
    .c-work__hero {
        padding: 75px 0 0;
        height:1100px
    }
}

.c-work__hero--hs {
    background: linear-gradient(350deg, #f8c6ff -6%, rgba(255, 196, 255, 0) 60%), #ffeec4;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--hs {
        margin-bottom:10em
    }
}

@media (min-width: 1452px) {
    .c-work__hero--hs {
        margin-bottom:30em
    }
}

.c-work__hero--shape {
    background: linear-gradient(6deg, #dacdff 1%, rgba(218, 205, 255, 0) 47%), #ffeaee;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--shape {
        margin-bottom:10em
    }
}

@media (min-width: 1452px) {
    .c-work__hero--shape {
        margin-bottom:20em
    }
}

.c-work__hero--browso {
    background: linear-gradient(180deg, #142c69 12%, rgba(20, 44, 105, 0) 62%), #008081;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--browso {
        margin-bottom:10em
    }
}

@media (min-width: 1452px) {
    .c-work__hero--browso {
        margin-bottom:14em
    }
}

.c-work__hero--custoji {
    background: linear-gradient(.25deg, #b6a0ea -36.42%, rgba(182, 160, 234, 0) 59.25%), #f1ebff;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--custoji {
        margin-bottom:3em
    }
}

.c-work__hero--figma {
    background: linear-gradient(203deg, rgba(10, 207, 131, 0) 61%, rgba(10, 207, 131, .62) 123%), #191919;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--figma {
        margin-bottom:10em
    }
}

@media (min-width: 1452px) {
    .c-work__hero--figma {
        margin-bottom:10em
    }
}

.c-work__hero--jeffsum {
    background: linear-gradient(334deg, rgba(10, 185, 149, .7) -6%, rgba(10, 185, 149, 0) 43%), #dacdff;
    margin-bottom:0
}

@media (min-width: 992px) {
    .c-work__hero--jeffsum {
        margin-bottom:10em
    }
}

@media (min-width: 1452px) {
    .c-work__hero--jeffsum {
        margin-bottom:14em
    }
}

.c-work__hero-desc {
    max-width: 90%;
    margin: 0 auto;
    padding: 4em 0;
    transition:all .2s ease-in-out
}

@media (min-width: 768px) {
    .c-work__hero-desc {
        padding:14em 0
    }
}

@media (min-width: 1452px) {
    .c-work__hero-desc {
        max-width:1330px
    }
}

.c-work__title {
    font-size: 50px;
    letter-spacing: -1px;
    line-height: 120%;
    color:#232320
}

@media (min-width: 768px) {
    .c-work__title {
        font-size:70px
    }
}

@media (min-width: 1600px) {
    .c-work__title {
        font-size:80px
    }
}

.c-work__breakdown {
    font-size: 18px;
    line-height: 32px;
    color:#656270
}

.c-work__hero-shot {
    margin: 0 auto;
    max-width:90%
}

.c-work__hero-shot img {
    transition: all .2s ease-in-out;
    position:relative
}

@media (min-width: 768px) {
    .c-work__hero-shot img {
        filter:drop-shadow(0 52px 74px rgba(0, 21, 64, .138559))
    }
}

.c-work__hero-shot--jeffsum img {
    max-width: 100%;
    border-radius:20px
}

@media (min-width: 992px) {
    .c-work__hero-shot--jeffsum img {
        border-radius:40px
    }
}

@media (min-width: 1230px) {
    .c-work__hero-shot--jeffsum {
        max-width:1230px
    }
}

.c-work__hero-shot--shape img {
    max-width: 95%;
    border-radius: 10px;
    margin:0 auto
}

@media (min-width: 544px) {
    .c-work__hero-shot--shape img {
        max-width: 48%;
        margin:auto
    }
}

@media (min-width: 1452px) {
    .c-work__hero-shot--shape img {
        max-width:600px
    }
}

@media (min-width: 768px) {
    .c-work__hero-shot--shape img:first-child {
        top:-80px
    }
}

.c-work__hero-shot--shape img:nth-child(2) {
    display:none
}

@media (min-width: 768px) {
    .c-work__hero-shot--shape img:nth-child(2) {
        top:-140px
    }
}

@media (min-width: 544px) {
    .c-work__hero-shot--shape img:nth-child(2) {
        display:block
    }
}

@media (min-width: 1250px) {
    .c-work__hero-shot--shape {
        max-width:1250px
    }
}

.c-work__hero-shot--hs img {
    max-width:30%
}

@media (min-width: 1452px) {
    .c-work__hero-shot--hs img {
        max-width:444px
    }
}

@media (min-width: 768px) {
    .c-work__hero-shot--hs img:nth-child(2) {
        top:-70px
    }
}

@media (min-width: 768px) {
    .c-work__hero-shot--hs img:nth-child(3) {
        top:-180px
    }
}

@media (min-width: 1452px) {
    .c-work__hero-shot--hs {
        max-width:1452px
    }
}

.c-work__hero-shot--browso {
    position: relative;
    max-width:90%
}

@media (min-width: 1420px) {
    .c-work__hero-shot--browso {
        max-width:1250px
    }
}

.c-work__hero-shot--browso img:first-child {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    box-shadow:10px 10px 0 rgba(0, 0, 0, .2)
}

@media (min-width: 1420px) {
    .c-work__hero-shot--browso img:first-child {
        max-width:1250px
    }
}

.c-work__hero-shot--figma {
    position: relative;
    max-width:90%
}

@media (min-width: 960px) {
    .c-work__hero-shot--figma {
        max-width:960px
    }
}

.c-work__hero-shot--figma img {
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    border-radius:6px
}

.c-work__hero-shot--figma img:first-child {
    display: block;
    margin: 0 auto;
    max-width:100%
}

@media (min-width: 960px) {
    .c-work__hero-shot--figma img:first-child {
        max-width:960px
    }
}

.c-work__compare {
    width: 100%;
    max-width: 375px;
    margin: 1em auto;
    display: inline-block;
    filter:drop-shadow(0 52px 74px rgba(0, 21, 64, .138559))
}

@media (min-width: 768px) {
    .c-work__compare {
        margin:2em auto
    }
}

.c-work__arrow-right {
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, .8);
    position: absolute;
    z-index: 100;
    left:50%
}

@media (min-width: 544px) {
    .c-work__arrow-right {
        transform:translate3d(-50%, -50%, 0)
    }
}

.c-work__mosaics {
    margin:3em 0
}

@media (min-width: 544px) {
    .c-work__mosaics {
        margin:8em 0
    }
}

.c-work__mosaic {
    border-radius: 10px;
    background-size: cover !important;
    background-position: 50% !important;
    overflow: hidden;
    width: 100%;
    background: #fff9ff;
    margin-bottom:30px
}

.c-work__mosaic--medium {
    height:457px
}

.c-work__mosaic--tall {
    height:655px
}

.c-work__mosaic--half-1 {
    height:360px
}

.c-work__mosaic--half-2 {
    height:498px
}

.c-work__mosaic--extra {
    height: 888px;
    display: -ms-flexbox;
    display:flex
}

.c-work__caption, .c-work__mosaic--extra {
    -ms-flex-align: center;
    align-items:center
}

.c-work__caption {
    width: 100%;
    color: #656270;
    display: block;
    font-size: 14px;
    line-height: 170%;
    text-align:center
}

.c-work__caption--padded {
    padding:1.5em 0
}

.c-work__caption-link, .c-work__out-link {
    color: #656270;
    position: relative;
    z-index: 10;
    display: inline-block;
    transition:all .2s ease-in-out
}

.c-work__caption-link span, .c-work__out-link span {
    position: relative;
    z-index:10
}

.c-work__caption-link:before, .c-work__out-link:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 2px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transition: all .2s ease-in-out;
    transform:rotate(1deg)
}

.c-work__caption-link:hover, .c-work__out-link:hover {
    color: #232320;
    text-decoration:none
}

.c-work__caption-link:hover:before, .c-work__out-link:hover:before {
    height:10px
}

.c-work__out-link, .c-work__out-link:hover {
    color:#232320
}

.c-work__montage {
    margin: 0 auto;
    max-width: 95%;
    position:relative
}

@media (min-width: 992px) {
    .c-work__montage {
        max-width:100%
    }
}

.c-work__montage--hs {
    margin:5em auto 0
}

@media (min-width: 992px) {
    .c-work__montage--hs {
        max-width:95%
    }
}

.c-work__montage--hs:before {
    z-index: 1;
    background: linear-gradient(343.21deg, #f8c6ff 3.25%, rgba(255, 196, 255, 0) 58.56%), #ffeec4;
    width: 100%;
    height: 80%;
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    border-radius: 20px;
    display:none
}

@media (min-width: 544px) {
    .c-work__montage--hs:before {
        display:block
    }
}

.c-work__montage--browso-big {
    margin: 4em auto 0;
    padding:1em 0
}

@media (min-width: 768px) {
    .c-work__montage--browso-big {
        padding:2em 0
    }
}

@media (min-width: 992px) {
    .c-work__montage--browso-big {
        margin: 10em auto 0;
        max-width: 95%;
        padding:5em 0
    }
}

.c-work__montage--browso-big:before {
    z-index: 1;
    background: linear-gradient(180deg, #142c69 12%, rgba(20, 44, 105, 0) 62%), #008081;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius:20px
}

.c-work__montage-row {
    width: 100%;
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
    position: relative;
    z-index:100
}

.c-work__montage-row--hs {
    gap: 1em;
    margin: 3em auto;
    -ms-grid-columns:(1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    max-width:1600px
}

@media (min-width: 768px) {
    .c-work__montage-row--hs {
        gap: 3em;
        margin: 3em auto;
        -ms-grid-columns:(1fr) [3];
        grid-template-columns:repeat(3, 1fr)
    }
}

.c-work__montage-row--custoji {
    gap: 1em;
    margin: 1em auto;
    -ms-grid-columns:(1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    max-width:95%
}

@media (min-width: 768px) {
    .c-work__montage-row--custoji {
        gap: 1em;
        margin: 1em auto;
        -ms-grid-columns:(1fr) [2];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1200px) {
    .c-work__montage-row--custoji {
        max-width: 1200px;
        gap: 3em;
        margin: 3em auto;
        -ms-grid-columns:(1fr) [3];
        grid-template-columns:repeat(3, 1fr)
    }
}

.c-work__montage-row--browso {
    gap: 2em;
    margin: 3em auto;
    -ms-grid-columns:(1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    max-width: 1500px;
    width:90%
}

@media (min-width: 768px) {
    .c-work__montage-row--browso {
        margin: 12em auto 4em;
        -ms-grid-columns:(1fr) [4];
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 1500px) {
    .c-work__montage-row--browso {
        width: 100%;
        gap:3em
    }
}

.c-work__montage-row--browso-big {
    gap: 2em;
    margin: 2em auto;
    -ms-grid-columns:(1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    max-width: 1250px;
    width:90%
}

@media (min-width: 768px) {
    .c-work__montage-row--browso-big {
        margin:3em auto
    }
}

@media (min-width: 1250px) {
    .c-work__montage-row--browso-big {
        width: 100%;
        gap:3em
    }
}

.c-work__montage-row--browso-big-triple {
    gap: 2em;
    margin: 3em auto;
    -ms-grid-columns:(1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    max-width: 1250px;
    width: 90%;
    display:none !important
}

@media (min-width: 992px) {
    .c-work__montage-row--browso-big-triple {
        display: -ms-grid !important;
        display:grid !important
    }
}

@media (min-width: 1250px) {
    .c-work__montage-row--browso-big-triple {
        width: 100%;
        gap:3em
    }
}

.c-work__montage-block {
    position:relative
}

.c-work__montage-block:before {
    content: "";
    z-index: 1;
    box-shadow: 0 30px 40px rgba(0, 0, 0, .15);
    display: block;
    width: 95%;
    height: 100%;
    border-radius: 80px;
    position: absolute;
    left: 2%;
    top: 0;
    right: 0;
    bottom:0
}

.c-work__montage-block--custoji {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius:10px
}

.c-work__montage-block--custoji:before {
    display:none
}

.c-work__montage-block--hs {
    max-width: 444px;
    margin:0 auto
}

.c-work__montage-img {
    position: relative;
    z-index:100
}

.c-work__montage-img--hs {
    max-width: 100%;
    margin:0 auto
}

@media (min-width: 1550px) {
    .c-work__montage-img--hs {
        max-width:444px
    }
}

.c-work__montage-img--browso {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    box-shadow:8px 8px 0 rgba(0, 0, 0, .2)
}

@media (min-width: 768px) {
    .c-work__montage-img--browso:nth-child(2) {
        top:-30px
    }
}

@media (min-width: 768px) {
    .c-work__montage-img--browso:nth-child(3) {
        top:-60px
    }
}

@media (min-width: 768px) {
    .c-work__montage-img--browso:nth-child(4) {
        top:-90px
    }
}

@media (min-width: 1500px) {
    .c-work__montage-img--browso {
        max-width:300px
    }
}

.c-work__montage-img--browso-big {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    box-shadow:8px 8px 0 rgba(0, 0, 0, .2)
}

.c-work__montage-img--browso-big-triple {
    box-shadow: 8px 8px 0 rgba(0, 0, 0, .2);
    display:none
}

@media (min-width: 1400px) {
    .c-work__montage-img--browso-big-triple {
        display:block
    }
}

.c-work__montage-img--browso-big-triple:first-child {
    max-width:300px
}

.c-work__montage-img--browso-big-triple:nth-child(2) {
    max-width: 522px;
    margin:0 auto
}

.c-work__montage-img--browso-big-triple:nth-child(3) {
    max-width: 308px;
    margin-left:auto
}

.c-work__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display:block
}

@media (min-width: 544px) {
    .c-work__video {
        border-radius:10px
    }
}

.c-work__callout {
    margin: 3em auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    max-width:95%
}

@media (min-width: 544px) {
    .c-work__callout {
        margin:6em auto 0
    }
}

.c-work__callout-holder {
    position:relative
}

.c-work__callout-holder--hs:before {
    background: #ff9139;
    border-radius: 50%;
    content: "";
    display: none;
    height: 10px;
    left: 260px;
    position: absolute;
    top: 305px;
    width: 10px;
    z-index:11
}

@media (min-width: 1420px) {
    .c-work__callout-holder--hs:before {
        display:block
    }
}

.c-work__callout-holder--hs:after {
    background: #ff9139;
    border-radius: 50%;
    content: "";
    display: none;
    height: 24px;
    left: 253px;
    opacity: .5;
    position: absolute;
    top: 298px;
    width: 24px;
    z-index: 10;
    animation:pulse 2s infinite
}

@media (min-width: 1420px) {
    .c-work__callout-holder--hs:after {
        display:block
    }
}

.c-work__callout-img {
    border-radius: 20px;
    filter:drop-shadow(0 52px 74px rgba(0, 21, 64, .138559))
}

.c-work__callout-img--hs {
    max-width: 100%;
    height: auto;
    position:relative
}

@media (min-width: 1420px) {
    .c-work__callout-img--hs {
        max-width:1329px
    }
}

.c-work__aanimator {
    width: 100%;
    max-width: 1498px;
    overflow: hidden;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    border-radius:4px
}

@media (min-width: 544px) {
    .c-work__aanimator {
        border-radius:20px
    }
}

.c-work__image {
    position: absolute !important;
    display:none !important
}

.c-work__image--pong {
    width: 400px;
    left: -180px;
    bottom: -150px;
    box-shadow:10px 10px 0 rgba(0, 0, 0, .2)
}

@media (min-width: 1640px) {
    .c-work__image--pong {
        display:block !important
    }
}

.c-work__image--theme {
    width: 300px;
    right: -140px;
    top: -160px;
    box-shadow:10px 10px 0 rgba(0, 0, 0, .2)
}

@media (min-width: 1640px) {
    .c-work__image--theme {
        display:block !important
    }
}

.c-work__image--chat {
    width: 380px;
    right: -200px;
    top:-80px
}

@media (min-width: 768px) {
    .c-work__image--chat {
        display:block !important
    }
}

.c-work__image--cover {
    width: 400px;
    left: -310px;
    bottom:-80px
}

@media (min-width: 768px) {
    .c-work__image--cover {
        display:block !important
    }
}

.c-work__shape-video {
    box-shadow: 0 52px 74px rgba(0, 21, 64, .06);
    border-radius:4px
}

@media (min-width: 544px) {
    .c-work__shape-video {
        border-radius:10px
    }
}

.c-work__browso-video {
    width: 100%;
    max-width: 1500px;
    overflow: hidden;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    border-radius:4px
}

@media (min-width: 544px) {
    .c-work__browso-video {
        border-radius:20px
    }
}

.c-work__picture {
    margin: 1em auto;
    display: block;
    text-align: center;
    position:relative
}

.c-work__picture--jeffsum {
    margin:2em 0
}

@media (min-width: 768px) {
    .c-work__picture--jeffsum {
        margin:10em 0
    }
}

.c-work__picture--jeffsum img {
    border-radius: 20px;
    box-shadow:0 52px 74px rgba(0, 21, 64, .138559)
}

@media (min-width: 992px) {
    .c-work__picture--jeffsum img {
        border-radius:50px
    }
}

.c-work__picture--cs:before {
    content: "";
    z-index: 1;
    width: 100%;
    height: 80%;
    display: block;
    /* background: linear-gradient(1turn, #fefaf6 27.41%, #fdf5ee 91.67%); */
    background: #e2e8ff;
    position: absolute;
    left: 0;
    top: 25%;
    border-radius:20px
}

@media (min-width: 768px) {
    .c-work__picture {
        margin:3em 0
    }
}

.c-work__picture img {
    position: relative;
    z-index: 100;
    display: inline-block;
    max-width:100%
}

.c-work__tweets {
    width: 100%;
    display: -ms-grid;
    display: grid;
    margin: 3em auto 0;
    position: relative;
    z-index: 100;
    gap: .5em;
    -ms-grid-columns:(1fr) [1];
    grid-template-columns:repeat(1, 1fr)
}

@media (min-width: 544px) {
    .c-work__tweets {
        gap: 1.5em;
        -ms-grid-columns:(1fr) [2];
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 992px) {
    .c-work__tweets {
        margin: 4em auto;
        -ms-grid-columns:(1fr) [4];
        grid-template-columns:repeat(4, 1fr)
    }
}

.c-work__tweet {
    overflow: hidden;
    position:relative
}

@media (min-width: 544px) {
    .c-work__tweet {
        max-height:300px
    }
}

.c-work__tweet:before {
    z-index: 100;
    content: "";
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fefaf6 82.98%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    display:none
}

@media (min-width: 544px) {
    .c-work__tweet:before {
        display:block
    }
}

.c-work__tweet:nth-child(9), .c-work__tweet:nth-child(10), .c-work__tweet:nth-child(11), .c-work__tweet:nth-child(12), .c-work__tweet:nth-child(13), .c-work__tweet:nth-child(15), .c-work__tweet:nth-child(16) {
    display:none
}

@media (min-width: 544px) {
    .c-work__tweet:nth-child(9), .c-work__tweet:nth-child(10), .c-work__tweet:nth-child(11), .c-work__tweet:nth-child(12), .c-work__tweet:nth-child(13), .c-work__tweet:nth-child(15), .c-work__tweet:nth-child(16) {
        display:block
    }
}

.c-work__hero-picture {
    position:relative
}

.c-work__hero-picture--custoji {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content:center
}

.c-work__hero-picture--custoji img {
    position: relative;
    top: 0;
    max-width: 924px;
    width:100%
}

@media (min-width: 544px) {
    .c-work__hero-picture--custoji img {
        top:-30px
    }
}

@media (min-width: 768px) {
    .c-work__hero-picture--custoji img {
        top:-140px
    }
}

.c-work__hero-picture--jeffsum {
    margin:0 auto
}

.c-work__hero-picture--jeffsum:nth-child(2) {
    display:none
}

@media (min-width: 768px) {
    .c-work__hero-picture--jeffsum:nth-child(2) {
        top:-100px
    }
}

@media (min-width: 992px) {
    .c-work__hero-picture--jeffsum:nth-child(2) {
        display:block
    }
}

.s-shots {
    margin: 1em 0;
    text-align:center
}

@media (min-width: 768px) {
    .s-shots {
        margin:4em 0 0
    }
}

.c-continue {
    border: 4px solid #fdf5ee;
    padding: 2em;
    max-width: 95%;
    margin: 0 auto;
    border-radius:20px
}

@media (min-width: 544px) {
    .c-continue {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content:center
    }
}

@media (min-width: 1600px) {
    .c-continue {
        max-width:1600px
    }
}

@media (min-width: 992px) {
    .c-continue {
        padding:13em 4em 16em
    }
}

@media (min-width: 544px) {
    .c-continue__holder {
        padding: 0 1.5em;
        width:50%
    }
}

.c-continue__col--left {
    margin:0 0 2em
}

@media (min-width: 544px) {
    .c-continue__col--left {
        text-align: right;
        margin:0
    }
}

.c-continue__category {
    font-size: 12px;
    line-height: 30px;
    color: #796179;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block;
    font-weight:700
}

@media (min-width: 992px) {
    .c-continue__category {
        font-size:14px
    }
}

.c-continue__link {
    position: relative;
    font-family: Biotif-Bold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: -.5px;
    color: #232320;
    transition:all .2s ease-in-out
}

@media (min-width: 992px) {
    .c-continue__link {
        font-size:50px
    }
}

.c-continue__link:before {
    z-index: 5;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 8px;
    height: 6px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transform: rotate(-1deg);
    transition:all .2s cubic-bezier(.175, .885, .32, 1.275)
}

.c-continue__link:hover {
    color: #9b369b;
    text-decoration:none
}

.c-continue__link:hover:before {
    transform:scale3d(1.2, 1.2, 1.2)
}

.c-continue__link:active:before {
    transform:scale3d(1.1, 1.1, 1.1)
}

.c-continue__link span {
    position: relative;
    z-index:10
}

.c-continue__arrow {
    position: absolute;
    z-index: 5;
    display:none
}

@media (min-width: 992px) {
    .c-continue__arrow {
        display:block
    }
}

.c-continue__arrow--prev {
    top: 0;
    left:-100px
}

.c-continue__arrow--next {
    top: -80px;
    right:-260px
}

.c-seanbot {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 5px 30px 0 rgba(0, 0, 0, .15), 0 3px 3px 0 rgba(0, 0, 0, .05);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1;
    transform:translateZ(0)
}

@media (min-width: 544px) {
    .c-seanbot {
        border-radius: 6px;
        left: auto;
        top: auto;
        bottom: 40px;
        right: 40px;
        width: 350px;
        height:600px
    }
}

.c-seanbot.hide {
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0;
    transform:translate3d(0, 30px, 0)
}

.c-seanbot__header {
    background: #222;
    padding: 20px 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width:100%
}

@media (min-width: 544px) {
    .c-seanbot__header {
        border-radius:6px 6px 0 0
    }
}

.c-seanbot__avatar {
    border-radius: 50%;
    border: 2px solid #fff;
    max-width: 40px;
    margin-right: 16px;
    box-shadow:0 4px 4px 0 rgba(0, 0, 0, .25)
}

.c-seanbot__close {
    background: #222;
    border: 0;
    padding: 10px 15px;
    transition: all .2s ease-in-out;
    border-radius:6px
}

.c-seanbot__close:active, .c-seanbot__close:hover {
    background:#363636
}

.c-seanbot__desc, .c-seanbot__name {
    color: #fff;
    display:block
}

.c-seanbot__name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom:3px
}

.c-seanbot__desc {
    font-size: 13px;
    opacity:.8
}

.c-seanbot__content {
    height: 90%;
    width: 100%;
    position: absolute;
    top: 80px;
    padding: 0 16px 40px;
    overflow-y:scroll
}

@media (min-width: 544px) {
    .c-seanbot__content {
        height: 520px;
        top:80px
    }
}

.c-seanbot__agent, .c-seanbot__user {
    padding: 16px;
    max-width: 90%;
    line-height: 150%;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 16px;
    clear:both
}

.c-seanbot__agent:after, .c-seanbot__options:after, .c-seanbot__user:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear:both
}

.c-seanbot__agent {
    background: #fff;
    color: #222;
    border: 1px solid #c5ced6;
    float:left
}

.c-seanbot__agent + .c-seanbot__agent {
    margin-top:6px
}

.c-seanbot__user {
    padding: 16px;
    background: #222;
    color: #fff;
    float:right
}

.c-seanbot__options {
    float: left;
    margin-top: 16px;
    display:block
}

.c-seanbot__options.hide {
    display:none
}

.c-seanbot__button {
    /* background: #fff6eb; */
    background:#e2e8ff;
    /* color: #462905; */
    color:#001d9b;
    transition: all .2s ease-in-out;
    border-radius: 20px;
    padding: 12px 20px;
    border: 0;
    font-size: 14px;
    display:block
}

.c-seanbot__button_1 {
    /* background: #fff6eb; */
    background:#e2e8ff;
    /* color: #462905; */
    color:#001d9b;
    transition: all .2s ease-in-out;
    border-radius: 20px;
    padding: 12px 20px;
    border: 0;
    font-size: 14px;
    display:block
}

.c-seanbot__button_1:hover {
    /* background:#ffebd2 */
    background:#99abf3;
}

.c-seanbot__button:hover {
    /* background:#ffebd2 */
    background:#99abf3;
}

.c-seanbot__button:active, .c-seanbot__button:focus {
    outline: 0;
    background:#ffdfb8
}

.c-seanbot__button:active {
    transform:translate3d(0, 2px, 0)
}

.c-seanbot__button + .c-seanbot__button {
    margin-top:10px
}

.c-seanbot__answer {
    display: none;
    pointer-events:none
}

.c-seanbot__answer.active {
    display: block;
    pointer-events:all
}

.c-seanbot__answer > div {
    display: none;
    opacity: 0;
    pointer-events: none;
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    transform:translate3d(0, 4px, 0)
}

.c-seanbot__answer > div.active {
    display: block;
    pointer-events: all;
    opacity: 1;
    transform:translateZ(0)
}

.c-fab {
    background: #222;
    border-radius: 50%;
    border: 0;
    bottom: 10px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, .1);
    height: 60px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 10px;
    width: 60px;
    z-index: 2000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
    opacity:1
}

@media (min-width: 544px) {
    .c-fab {
        bottom: 40px;
        right:40px
    }
}

.c-fab.hide {
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transform:scale3d(.5, .5, .5)
}

.c-fab:hover {
    background:#3c3c3c
}

.c-fab:active, .c-fab:focus {
    outline:none
}

/* @media (prefers-color-scheme: dark) {
    body, html {
        background:#111
    }

    .s-nav {
        background:#111 !important
    }

    .c-nav-list__link {
        color:#fff !important
    }

    .c-nav-list__link svg {
        fill:#fff !important
    }

    .c-nav__work-list {
        background:#222
    }

    .c-logo {
        background-image:url(/images/nav/eye-white.svg)
    }

    .c-logo:before {
        background-image:url(/images/nav/lash-white.svg)
    }

    .c-logo .c-logo__iris {
        background:#111 !important
    }

    .c-footer .c-footer__link, .c-footer .c-footer__text, .c-footer .c-footer__title {
        color:#fff
    }

    .c-footer .c-footer__title {
        background: linear-gradient(271deg, #a0e9ff 30%, #a162e8 50%, #f093b0 70%, #edca85 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color:transparent
    }

    .c-footer .c-footer__blck {
        opacity: .2;
        filter:grayscale(1)
    }

    .s-home .c-hero__eye-wrap--blck {
        opacity:1
    }

    .s-home .c-hero__eye-wrap--tl {
        background:linear-gradient(180deg, #edca85, #f093b0)
    }

    .s-home .c-hero__eye-wrap--tr {
        background:linear-gradient(180deg, #b097f2, #a0e9ff)
    }

    .s-home .c-hero__eye-wrap--bl {
        background:linear-gradient(180deg, #db85b4, #b097f2)
    }

    .s-home .c-hero__eye-wrap--bb {
        background:linear-gradient(180deg, #b097f2, #a0e9ff)
    }

    .s-home .c-hero__eye-wrap--br {
        background:linear-gradient(180deg, #edca85, #f093b0)
    }

    .s-home .c-hero__sub {
        color:#fff
    }

    .s-home .c-hero__title {
        color: #fff;
        background: linear-gradient(271deg, #a0e9ff 30%, #a162e8 50%, #f093b0 70%, #edca85 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height:122%
    }

    .s-home .c-tile {
        background:#191919
    }

    .s-home .c-tile h2, .s-home .c-tile span {
        color:#fff
    }

    .s-home .c-hero__eye-holder {
        background:#191919
    }

    .s-work .c-work__caption, .s-work .c-work__out-link, .s-work .s-work__sub, .s-work h2, .s-work p {
        color:#fff
    }

    .s-work p {
        opacity:.9
    }

    .s-work .c-work__hero {
        background:linear-gradient(180deg, #111 20%, rgba(20, 44, 105, 0) 62%), #1a1a1a !important
    }

    .s-work .c-work__breakdown, .s-work .c-work__title {
        color:#fff
    }

    .s-work .c-work__montage--browso-big:before, .s-work .c-work__montage--hs:before {
        background:#1a1a1a !important
    }

    .s-work .c-loader__svg path {
        fill:#fff !important
    }

    .c-duties {
        background:#1a1a1a
    }

    .c-duties .c-duties__link, .c-duties .c-duties__list-item, .c-duties .c-duties__title {
        color:#fff
    }

    .c-duties .c-duties__title {
        opacity:.6
    }

    .c-continue {
        border-color:#222
    }

    .c-continue .c-continue__category, .c-continue .c-continue__link {
        color:#fff
    }

    .c-continue .c-continue__category {
        opacity:.6
    }

    .c-continue .c-continue__arrow {
        opacity:.5
    }

    .c-work__tweet:before {
        background:linear-gradient(180deg, hsla(0, 0%, 7%, 0), #111 82.98%)
    }

    .c-work__picture--cs:before {
        background:linear-gradient(1turn, #111 27.41%, #1a1a1a 91.67%)
    }

    .s-info a, .s-info a:active, .s-info a:hover, .s-info h1, .s-info h2, .s-info p {
        color:#fff
    }

    .s-info p {
        opacity:.9
    }

    .s-info .c-timecard__item {
        background:#1a1a1a
    }

    .s-info .c-timecard__company, .s-info .c-timecard__role {
        color:#fff
    }

    .s-info .c-timecard__date {
        color: #fff;
        background:#222
    }

    .s-info .c-info__avatar img {
        filter:grayscale(1)
    }

    .s-info .c-gant {
        background:#111
    }

    .s-info .c-gant__entry {
        color: #fff !important;
        background:#222 !important
    }

    .s-info .c-reading__author, .s-info .c-reading__title {
        color:#fff
    }

    .s-info .c-reading__book img {
        filter:grayscale(1)
    }

    .c-seanbot {
        background:#111
    }

    .c-seanbot__agent {
        background: #111;
        border-color: hsla(0, 0%, 100%, .2);
        color:#fff
    }

    .c-seanbot__user {
        background: #222;
        color:#fff
    }

    .c-seanbot__button {
        color: #fff;
        background:#142c69
    }

    .c-seanbot__button:active, .c-seanbot__button:hover {
        background: #1c3e94
    }
} */

div.scrollmenu {
    width: auto;
    overflow: auto;
    white-space: nowrap;
    
}

div.scrollmenu a {
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}