@charset "UTF-8";

/* ----------------- Main Styling ----------------- */

html {
    font-family: Biotif-Regular,Helvetica Neue,Helvetica,Arial,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
}

/* ----------------- Main Styling ----------------- */

/* ----------------- Container Styling ----------------- */

.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
    }
}


/* ----------------- Container Styling ----------------- */


/* ----------------- Column Styling ----------------- */

.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%
    }
}

/* ----------------- Column Styling ----------------- */

/* ----------------- Row Styling ----------------- */

.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
}


/* ----------------- Row Styling ----------------- */


/* ----------------- Margin Styling ----------------- */

.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
    }
}

/* ----------------- Margin Styling ----------------- */

/* ----------------- Padding Styling ----------------- */


.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
    }
}

/* ----------------- Padding Styling ----------------- */

/* ----------------- Display Styling ----------------- */

.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
    }
}


/* ----------------- Display Styling ----------------- */

/* ----------------- Flexy Styling ----------------- */

.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
}

/* ----------------- Flexy Styling ----------------- */

/* ----------------- Clear Styling ----------------- */

.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
    }
}

/* ----------------- Clear Styling ----------------- */

/* ----------------- Position Styling ----------------- */

.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
    }
}

/* ----------------- Position Styling ----------------- */

/* ----------------- Z-Index Styling ----------------- */

.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
}

/* ----------------- Z-Index Styling ----------------- */

/* ----------------- Link Styling ----------------- */

.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
}

/* ----------------- Link Styling ----------------- */

/* ----------------- Card Styling ----------------- */

.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
    }
}

/* ----------------- Card Styling ----------------- */

/* ----------------- Modal Styling ----------------- */

.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
}

/* ----------------- Modal Styling ----------------- */

/* ----------------- Cnetralize Styling ----------------- */

.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
    }
}

/* ----------------- Centralize Styling ----------------- */

/* ----------------- Button Styling ----------------- */

.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
}

/* ----------------- Button Styling ----------------- */

/* ----------------- Text Styling ----------------- */

.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
}

/* ----------------- Text Styling ----------------- */

/* ----------------- OverFlow Styling ----------------- */


.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
    }
}

/* ----------------- OverFlow Styling ----------------- */

/* ----------------- Font Styling ----------------- */


@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: Bogart;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(../images/fonts/bogart-med.woff2) format("woff2"), url(../images/fonts/bogart-med.woff) format("woff")
}

body,
html {
    font-family: Biotif-Regular, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #fefaf6;
    overscroll-behavior: none;
    overflow-x: hidden
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Bogart, Recoleta, 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
}

/* ----------------- Font Styling ----------------- */

/* ----------------- Logo/Bounce Styling ----------------- */


.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
    }
}

/* ----------------- Logo/Bounce Styling ----------------- */

/* ----------------- Navigation Bar Styling ----------------- */


.s-nav {
    position: fixed;
    width: 100%;
    z-index: 1040;
    background: #fefaf6
}

.c-nav {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.c-nav.show-work .c-nav__work,
.c-nav .work-is-visible {
    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--wip span {
    position: relative;
    z-index: 10
}

.c-nav-list__link--wip 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--wip: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
}

/* ----------------- Navigation Bar Styling ----------------- */

/* ----------------- Logo Styling ----------------- */


.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;
    border-radius: 50%;
    bottom: 3px;
    height: 10px;
    position: relative;
    transition: all .2s ease-in-out;
    width: 10px
}

/* ----------------- Logo Styling ----------------- */

/* ----------------- Hero Styling ----------------- */


.c-hero {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    padding-top: 95px
}

.c-hero__title {
    color: #232320;
    font-family: Bogart, Recoleta, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 4em;
    letter-spacing: -1.5px;
    line-height: 110%;
    margin: 0;
    transition: all .2s ease-in-out
}

@media (min-width:1000px) {
    .c-hero__title {
        font-size: 4.5em
    }
}

@media (min-width:1600px) {
    .c-hero__title {
        font-size: 7em;
        letter-spacing: -3px
    }
}

.c-hero__sub {
    color: #656270;
    font-size: 1.7em;
    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
    }
}

@media (min-width:1000px) {
    .c-hero__sub {
        padding-right: 2em
    }
}

@media (min-width:1600px) {
    .c-hero__sub {
        font-size: 2em;
        max-width: 580px;
        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 3.5em 3em 3.5em;
    }
}

@media (min-width:1700px) {
    .c-hero__box {
        padding: 140px 6em 270px;
        max-width: 1600px
    }
}

/* ----------------- Hero Styling ----------------- */

/* ----------------- Loader Styling ----------------- */


.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
}

/* ----------------- Loader Styling ----------------- */

/* ----------------- Duties Styling ----------------- */


.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
}


/* ----------------- Duties Styling ----------------- */

/* ----------------- Footer Styling ----------------- */

.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: 64px;
        letter-spacing: -2px
    }
}

.c-footer__text {
    color: #656270;
    font-size: 30px;
    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
}

/* ----------------- Footer Styling ----------------- */

/* ----------------- Info Styling ----------------- */



.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 {
    letter-spacing: -2px
}

.c-info h1,
.c-info h2 {
    font-size: 35px;
    color: #232320;
    line-height: 150%
}

.c-info h2 {
    letter-spacing: -1px;
    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: Bogart, Recoleta, 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
}

/* ----------------- Info Styling ----------------- */

/* ----------------- misc Styling ----------------- */

.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)
}

@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: 9/span 4;
        grid-row: 1/1
    }
}

.c-gant__entry--ct {
    background: #aadcda;
    color: #090f0f
}

@media (min-width:992px) {
    .c-gant__entry--ct {
        -ms-grid-column-span: 3;
        -ms-grid-column: 1;
        grid-column: 1/span 3;
        grid-row: 4/4
    }
}

.c-gant__entry--df {
    background: #d4dbf9;
    color: #2a335a
}

@media (min-width:992px) {
    .c-gant__entry--df {
        -ms-grid-column-span: 4;
        -ms-grid-column: 4;
        grid-column: 4/span 4;
        grid-row: 3/3
    }
}

.c-gant__entry--fl {
    background: #ffeec4;
    color: #5a4610
}

@media (min-width:992px) {
    .c-gant__entry--fl {
        -ms-grid-column-span: 3;
        -ms-grid-column: 6;
        grid-column: 6/span 3;
        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: 0 52px 74px 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
}

/* ----------------- misc Styling ----------------- */

/* ----------------- features Styling ----------------- */


.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)
    background: linear-gradient(338.83deg, #f8c6ff -3.41%, rgba(255, 196, 255, 0) 52.31%), #ffeec4
}

@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__holder {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    text-align: center
}

.c-tile__title {
    font-family: Bogart, Recoleta, 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
    }
}

/* ----------------- features Styling ----------------- */

/* ----------------- work Styling ----------------- */

.s-work h2 {
    margin-top: 2em;
    font-size: 32px;
    line-height: 120%;
    color: #232320;
    letter-spacing: -1px
}

@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;
    letter-spacing: -1px
}

@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: 600px
    }
}


.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: -1.5px;
    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;
        letter-spacing: -4px
    }
}

.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__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-row {
    width: 100%;
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
    position: relative;
    z-index: 100
}


.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__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__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
    }
}

/* ----------------- work Styling ----------------- */

/* ----------------- wip Styling ----------------- */


.s-shots {
    margin: 1em 0;
    text-align: center
}

@media (min-width:768px) {
    .s-shots {
        margin: 4em 0 0
    }
}

.s-wip .s-nav {
    background: hsla(0, 0%, 100%, 0);
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.c-wip__header {
    text-align: center;
    overflow: hidden;
    padding: 8em 0 4em;
    background: linear-gradient(.25deg, #ffeec4 -36.42%, #fefaf6 59.25%);
    position: relative;
    opacity: 0
}

@media (min-width:1000px) {
    .c-wip__header {
        padding: 14em 0 10em
    }
}

.c-wip__header-text {
    max-width: 700px;
    margin: 0 auto;
    position: relative
}

.c-wip__title {
    color: #232320;
    font-family: Bogart, Recoleta, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    letter-spacing: -1.5px;
    line-height: 110%;
    margin: 0;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 100
}

@media (min-width:1000px) {
    .c-wip__title {
        font-size: 4.5em
    }
}

@media (min-width:1600px) {
    .c-wip__title {
        font-size: 5em;
        letter-spacing: -3px
    }
}

.c-wip__timestamp {
    color: #656270;
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block;
    margin: 1em 0 0;
    font-weight: 700
}

.c-wip__sub {
    color: #232320;
    font-size: 1.1em;
    line-height: 1.7;
    margin: 1em 0 0;
    transition: all .2s ease-in-out;
    text-align: center;
    position: relative;
    z-index: 100
}

@media (min-width:544px) {
    .c-wip__sub {
        margin: 1.3em 0 0
    }
}

@media (min-width:1600px) {
    .c-wip__sub {
        font-size: 1.3em;
        padding: 0
    }
}

.c-wip__amp {
    font-family: Bogart, Recoleta, Helvetica Neue, Helvetica, Arial, sans-serif
}

.c-wip__blob {
    z-index: 1;
    position: absolute;
    width: 540px;
    height: 330px;
    border-radius: 10000px;
    filter: blur(130px);
    transition: all .3s ease-in-out
}

.c-wip__blob--1 {
    left: -330px;
    bottom: -240px;
    background: linear-gradient(5.85deg, #17ddb9 -33.15%, #eddcf6 84.96%)
}

.c-wip__blob--2 {
    left: -350px;
    top: -440px;
    background: linear-gradient(5.85deg, #ffbea3 4.65%, #eddcf6 88.74%)
}

.c-wip__blob--3 {
    right: -330px;
    bottom: 0;
    background: linear-gradient(5.85deg, #dacdff -39.75%, rgba(218, 205, 255, 0) 61.37%), #ffeaee
}

.c-wip__blob--4 {
    left: 70px;
    bottom: -90px;
    background: linear-gradient(331.16deg, #f8c6ff -19.15%, rgba(255, 196, 255, 0) 55.74%), #ffeec4
}

.c-wip__timeline-holder {
    max-width: 740px;
    margin: 0 auto 5em;
    padding: 0 1em
}

@media (min-width:1000px) {
    .c-wip__timeline-holder {
        margin: 0 auto 10em;
        padding: 4em 0 0
    }
}

.c-wip__timeline-item {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.c-wip__timeline-icon {
    position: relative
}

.c-wip__timeline-icon:before {
    content: "";
    width: 2px;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate3d(-50%, 0, 0);
    background: #fff0e4
}

.c-wip__timeline-icon.is-first:before {
    display: none
}

.c-wip__timeline-icon-holder {
    position: relative;
    z-index: 10;
    background: #fefaf6;
    box-shadow: 0 0 0 8px #fefaf6
}

.c-wip__timeline-content {
    padding: 0 0 5em 1em
}

@media (min-width:1000px) {
    .c-wip__timeline-content {
        padding: 0 0 6em 2em
    }
}

.c-wip__timeline-content.is-first {
    padding: 0 0 0 1em
}

@media (min-width:1000px) {
    .c-wip__timeline-content.is-first {
        padding: 0 0 0 2em
    }
}

.c-wip__timeline-content h2 {
    margin-top: .15em;
    font-size: 34px;
    line-height: 120%;
    color: #232320;
    letter-spacing: -1px
}

.c-wip__timeline-content a {
    color: #232320;
    font-size: 18px;
    line-height: 32px;
    display: inline-block;
    transition: all .2s ease-in-out
}

.c-wip__timeline-content a,
.c-wip__timeline-content a span {
    position: relative;
    z-index: 10
}

.c-wip__timeline-content a:before {
    z-index: -1;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 2px;
    height: 3px;
    left: 0;
    display: block;
    background: #ffc4ff;
    transition: all .2s ease-in-out;
    transform: rotate(-.5deg)
}

.c-wip__timeline-content a:hover {
    color: #232320;
    text-decoration: none
}

.c-wip__timeline-content a:hover:before {
    height: 10px
}

.c-wip__timeline-content p {
    font-size: 18px;
    line-height: 32px;
    color: #656270
}

.c-wip__timeline-content h2+p,
.c-wip__timeline-content p+p,
.c-wip__timeline-content span+p {
    margin-top: 1.5em
}

.c-wip__timeline-content img {
    margin: 2em 0;
    border-radius: 20px;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    max-width: 100%
}

.c-wip__timeline-content blockquote p {
    font-weight: 500;
    color: #232320;
    line-height: 160%;
    font-size: 18px;
    font-style: italic;
    position: relative;
    padding: 1em 0
}

@media (min-width:1000px) {
    .c-wip__timeline-content blockquote p {
        padding: 1em 0;
        font-size: 22px
    }
}

.c-wip__timeline-content blockquote p:before {
    color: #656270;
    content: "“";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    left: -30px;
    opacity: .3;
    position: absolute;
    top: 30px;
    z-index: 1;
    display: none
}

@media (min-width:1000px) {
    .c-wip__timeline-content blockquote p:before {
        display: block
    }
}

.c-wip__link-block {
    margin: 1.5em 0 0
}

.c-wip__link-block-title {
    color: #232320;
    margin-bottom: 1em;
    font-weight: 700
}

.c-wip__date,
.c-wip__link-block-title {
    font-size: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block
}

.c-wip__date {
    padding: 3em 0;
    margin: 5em 0;
    border-top: 2px solid #fff0e4;
    border-bottom: 2px solid #fff0e4;
    width: 100%;
    font-weight: 600
}

@media (min-width:1000px) {
    .c-wip__date {
        padding: 3em 0 3em 6.1em
    }
}

.c-wip__date-content {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center !important;
    align-items: center !important
}

@media (min-width:1000px) {
    .c-wip__date-content {
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

.c-wip__video {
    width: 100%;
    margin: 3em 0;
    object-fit: cover;
    display: block;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559)
}

@media (min-width:544px) {
    .c-wip__video {
        border-radius: 20px
    }
}

.c-wip__playlist {
    margin: 1em 0 2em;
    object-fit: cover;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 52px 74px rgba(0, 21, 64, .138559);
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

/* ----------------- wip Styling ----------------- */

/* ----------------- continue Styling ----------------- */


.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: Bogart, Recoleta, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1px;
    color: #232320;
    transition: all .2s ease-in-out
}

@media (min-width:992px) {
    .c-continue__link {
        font-size: 50px;
        letter-spacing: -1.5px
    }
}

.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
}

/* ----------------- continue Styling ----------------- */

/* ----------------- bot Styling ----------------- */


/*.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;
    color: #462905;
    transition: all .2s ease-in-out;
    border-radius: 20px;
    padding: 12px 20px;
    border: 0;
    font-size: 14px;
    display: block
}

.c-seanbot__button:hover {
    background: #ffebd2
}

.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)
}*/

/* ----------------- bot Styling ----------------- */

/* ----------------- fab Styling ----------------- */

.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
}

/* ----------------- fab Styling ----------------- */

/* ----------------- dark theme Styling ----------------- */



@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%, #2596be 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%, #2596be 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .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__breakdown,
    .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__title {
        display: inline-block;
        color: #fff;
        background: linear-gradient(271deg, #a0e9ff 30%, #a162e8 50%, #f093b0 70%, #edca85 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .s-work .c-work__breakdown {
        display: block
    }
    .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,
    .c-seanbot__agent {
        background: #191919
    }
    .c-seanbot__agent {
        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
    }
    .c-wip__timeline-icon-holder {
        background: #111;
        box-shadow: 0 0 0 6px #111
    }
    .c-wip__timeline-icon img {
        filter: invert(1)
    }
    .c-wip__timeline-icon:before {
        background: #222
    }
    .c-wip__date {
        border-color: #222
    }
    .c-wip__date span {
        color: #fff
    }
    .c-wip__date svg {
        opacity: .7
    }
    .c-wip__date svg path {
        stroke: #fff
    }
    .c-wip__timeline-content a,
    .c-wip__timeline-content h2,
    .c-wip__timeline-content p {
        color: #fff
    }
    .c-wip__timeline-content a,
    .c-wip__timeline-content p {
        opacity: .8
    }
    .c-wip__timeline-content blockquote p {
        color: #fff
    }
    .c-wip__timeline-content a:hover {
        color: #fff;
        opacity: 1
    }
    .c-wip__timeline-content a:before {
        background: #444
    }
    .c-wip__timestamp {
        color: #fff;
        opacity: .7
    }
    .c-wip__title {
        color: #fff;
        background: linear-gradient(271deg, #a0e9ff 30%, #a162e8 50%, #f093b0 70%, #edca85 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .c-wip__sub {
        color: #fff;
        opacity: .8
    }
    .c-wip__header {
        background: linear-gradient(180deg, #111 20%, rgba(20, 44, 105, 0) 60%), #1a1a1a !important
    }
    .c-wip__blob {
        display: none !important
    }
    .c-wip__playlist {
        box-shadow: none
    }
    .c-info .c-tile {
    background: #191919 !important;
    }

    .c-info .c-tile--hs {
        background: #191919 !important;
    }

    .c-info .c-tile h2, .c-info .c-tile span {
        color: #fff !important;
    }

    .c-info form {
        background: #191919 !important;
    }

    form input {
        color: #fff !important;
        background: #111 !important;
        opacity: 1 !important;
    }

    form button {
        background: #a162e8 !important;
        color: #fff !important;
    }
}

/* ----------------- dark theme Styling ----------------- */