@charset "UTF-8";
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    overflow: hidden;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
progress{
    vertical-align:baseline
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline-width:0
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit
}
optgroup{
    font-weight:700
}
button,input,select{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    cursor:pointer
}
[disabled]{
    cursor:default
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
button:-moz-focusring,input:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
@media print{
    *,:after,:before,:first-letter,:first-line{
        text-shadow:none!important;
        box-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    blockquote,pre{
        border:1px solid #999;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    .navbar{
        display:none
    }
    .btn>.caret,.dropup>.btn>.caret{
        border-top-color:#000!important
    }
    .tag{
        border:1px solid #000
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
    .table-bordered td,.table-bordered th{
        border:1px solid #ddd!important
    }
}
html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
@-ms-viewport{
    width:device-width
}
html{
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
[tabindex="-1"]:focus{
    outline:none!important
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[data-original-title],abbr[title]{
    cursor:help
}
address{
    font-style:normal;
    line-height:inherit
}
address,dl,ol,ul{
    margin-bottom:1rem
}
dl,ol,ul{
    margin-top:0
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:none
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle
}
[role=button]{
    cursor:pointer
}
[role=button],a,area,button,input,label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
table{
    border-collapse:collapse
}
caption{
    caption-side:bottom
}
caption,th{
    text-align:left
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
button,input,select,textarea{
    margin:0;
    line-height:inherit;
    border-radius:0
}
input[type=checkbox]:disabled,input[type=radio]:disabled{
    cursor:not-allowed
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{
    -webkit-appearance:listbox
}
textarea{
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit
}
input[type=search]{
    -webkit-appearance:none
}
[hidden]{
    display:none!important
}
.o-container{
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    max-width:1140px;
    padding-left:15px;
    padding-right:15px
}
.o-container--fluid,.o-container--responsive{
    max-width:100%
}
@media (min-width:544px){
    .o-container--responsive{
        max-width:576px
    }
}
@media (min-width:768px){
    .o-container--responsive{
        max-width:720px
    }
}
@media (min-width:992px){
    .o-container--responsive{
        max-width:940px
    }
}
.o-col,[class*=o-col-]{
    box-sizing:border-box;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    position:relative;
    width:100%
}
.o-col-1{
    width:8.33333%
}
.o-col-2{
    width:16.66667%
}
.o-col-3{
    width:25%
}
.o-col-4{
    width:33.33333%
}
.o-col-5{
    width:41.66667%
}
.o-col-6{
    width:50%
}
.o-col-7{
    width:58.33333%
}
.o-col-8{
    width:66.66667%
}
.o-col-9{
    width:75%
}
.o-col-10{
    width:83.33333%
}
.o-col-11{
    width:91.66667%
}
.o-col-12{
    width:100%
}
.o-col-offset-1{
    margin-left:8.33333%
}
.o-col-pull-1{
    right:8.33333%
}
.o-col-push-1{
    left:8.33333%
}
.o-col-offset-2{
    margin-left:16.66667%
}
.o-col-pull-2{
    right:16.66667%
}
.o-col-push-2{
    left:16.66667%
}
.o-col-offset-3{
    margin-left:25%
}
.o-col-pull-3{
    right:25%
}
.o-col-push-3{
    left:25%
}
.o-col-offset-4{
    margin-left:33.33333%
}
.o-col-pull-4{
    right:33.33333%
}
.o-col-push-4{
    left:33.33333%
}
.o-col-offset-5{
    margin-left:41.66667%
}
.o-col-pull-5{
    right:41.66667%
}
.o-col-push-5{
    left:41.66667%
}
.o-col-offset-6{
    margin-left:50%
}
.o-col-pull-6{
    right:50%
}
.o-col-push-6{
    left:50%
}
.o-col-offset-7{
    margin-left:58.33333%
}
.o-col-pull-7{
    right:58.33333%
}
.o-col-push-7{
    left:58.33333%
}
.o-col-offset-8{
    margin-left:66.66667%
}
.o-col-pull-8{
    right:66.66667%
}
.o-col-push-8{
    left:66.66667%
}
.o-col-offset-9{
    margin-left:75%
}
.o-col-pull-9{
    right:75%
}
.o-col-push-9{
    left:75%
}
.o-col-offset-10{
    margin-left:83.33333%
}
.o-col-pull-10{
    right:83.33333%
}
.o-col-push-10{
    left:83.33333%
}
.o-col-offset-11{
    margin-left:91.66667%
}
.o-col-pull-11{
    right:91.66667%
}
.o-col-push-11{
    left:91.66667%
}
@media (min-width:544px){
    .o-col-1\@sm{
        width:8.33333%
    }
    .o-col-2\@sm{
        width:16.66667%
    }
    .o-col-3\@sm{
        width:25%
    }
    .o-col-4\@sm{
        width:33.33333%
    }
    .o-col-5\@sm{
        width:41.66667%
    }
    .o-col-6\@sm{
        width:50%
    }
    .o-col-7\@sm{
        width:58.33333%
    }
    .o-col-8\@sm{
        width:66.66667%
    }
    .o-col-9\@sm{
        width:75%
    }
    .o-col-10\@sm{
        width:83.33333%
    }
    .o-col-11\@sm{
        width:91.66667%
    }
    .o-col-12\@sm{
        width:100%
    }
    .o-col-offset-0\@sm{
        margin-left:0
    }
    .o-col-pull-0\@sm{
        right:auto
    }
    .o-col-push-0\@sm{
        left:auto
    }
    .o-col-offset-1\@sm{
        margin-left:8.33333%
    }
    .o-col-pull-1\@sm{
        right:8.33333%
    }
    .o-col-push-1\@sm{
        left:8.33333%
    }
    .o-col-offset-2\@sm{
        margin-left:16.66667%
    }
    .o-col-pull-2\@sm{
        right:16.66667%
    }
    .o-col-push-2\@sm{
        left:16.66667%
    }
    .o-col-offset-3\@sm{
        margin-left:25%
    }
    .o-col-pull-3\@sm{
        right:25%
    }
    .o-col-push-3\@sm{
        left:25%
    }
    .o-col-offset-4\@sm{
        margin-left:33.33333%
    }
    .o-col-pull-4\@sm{
        right:33.33333%
    }
    .o-col-push-4\@sm{
        left:33.33333%
    }
    .o-col-offset-5\@sm{
        margin-left:41.66667%
    }
    .o-col-pull-5\@sm{
        right:41.66667%
    }
    .o-col-push-5\@sm{
        left:41.66667%
    }
    .o-col-offset-6\@sm{
        margin-left:50%
    }
    .o-col-pull-6\@sm{
        right:50%
    }
    .o-col-push-6\@sm{
        left:50%
    }
    .o-col-offset-7\@sm{
        margin-left:58.33333%
    }
    .o-col-pull-7\@sm{
        right:58.33333%
    }
    .o-col-push-7\@sm{
        left:58.33333%
    }
    .o-col-offset-8\@sm{
        margin-left:66.66667%
    }
    .o-col-pull-8\@sm{
        right:66.66667%
    }
    .o-col-push-8\@sm{
        left:66.66667%
    }
    .o-col-offset-9\@sm{
        margin-left:75%
    }
    .o-col-pull-9\@sm{
        right:75%
    }
    .o-col-push-9\@sm{
        left:75%
    }
    .o-col-offset-10\@sm{
        margin-left:83.33333%
    }
    .o-col-pull-10\@sm{
        right:83.33333%
    }
    .o-col-push-10\@sm{
        left:83.33333%
    }
    .o-col-offset-11\@sm{
        margin-left:91.66667%
    }
    .o-col-pull-11\@sm{
        right:91.66667%
    }
    .o-col-push-11\@sm{
        left:91.66667%
    }
}
@media (min-width:768px){
    .o-col-1\@md{
        width:8.33333%
    }
    .o-col-2\@md{
        width:16.66667%
    }
    .o-col-3\@md{
        width:25%
    }
    .o-col-4\@md{
        width:33.33333%
    }
    .o-col-5\@md{
        width:41.66667%
    }
    .o-col-6\@md{
        width:50%
    }
    .o-col-7\@md{
        width:58.33333%
    }
    .o-col-8\@md{
        width:66.66667%
    }
    .o-col-9\@md{
        width:75%
    }
    .o-col-10\@md{
        width:83.33333%
    }
    .o-col-11\@md{
        width:91.66667%
    }
    .o-col-12\@md{
        width:100%
    }
    .o-col-offset-0\@md{
        margin-left:0
    }
    .o-col-pull-0\@md{
        right:auto
    }
    .o-col-push-0\@md{
        left:auto
    }
    .o-col-offset-1\@md{
        margin-left:8.33333%
    }
    .o-col-pull-1\@md{
        right:8.33333%
    }
    .o-col-push-1\@md{
        left:8.33333%
    }
    .o-col-offset-2\@md{
        margin-left:16.66667%
    }
    .o-col-pull-2\@md{
        right:16.66667%
    }
    .o-col-push-2\@md{
        left:16.66667%
    }
    .o-col-offset-3\@md{
        margin-left:25%
    }
    .o-col-pull-3\@md{
        right:25%
    }
    .o-col-push-3\@md{
        left:25%
    }
    .o-col-offset-4\@md{
        margin-left:33.33333%
    }
    .o-col-pull-4\@md{
        right:33.33333%
    }
    .o-col-push-4\@md{
        left:33.33333%
    }
    .o-col-offset-5\@md{
        margin-left:41.66667%
    }
    .o-col-pull-5\@md{
        right:41.66667%
    }
    .o-col-push-5\@md{
        left:41.66667%
    }
    .o-col-offset-6\@md{
        margin-left:50%
    }
    .o-col-pull-6\@md{
        right:50%
    }
    .o-col-push-6\@md{
        left:50%
    }
    .o-col-offset-7\@md{
        margin-left:58.33333%
    }
    .o-col-pull-7\@md{
        right:58.33333%
    }
    .o-col-push-7\@md{
        left:58.33333%
    }
    .o-col-offset-8\@md{
        margin-left:66.66667%
    }
    .o-col-pull-8\@md{
        right:66.66667%
    }
    .o-col-push-8\@md{
        left:66.66667%
    }
    .o-col-offset-9\@md{
        margin-left:75%
    }
    .o-col-pull-9\@md{
        right:75%
    }
    .o-col-push-9\@md{
        left:75%
    }
    .o-col-offset-10\@md{
        margin-left:83.33333%
    }
    .o-col-pull-10\@md{
        right:83.33333%
    }
    .o-col-push-10\@md{
        left:83.33333%
    }
    .o-col-offset-11\@md{
        margin-left:91.66667%
    }
    .o-col-pull-11\@md{
        right:91.66667%
    }
    .o-col-push-11\@md{
        left:91.66667%
    }
}
@media (min-width:992px){
    .o-col-1\@lg{
        width:8.33333%
    }
    .o-col-2\@lg{
        width:16.66667%
    }
    .o-col-3\@lg{
        width:25%
    }
    .o-col-4\@lg{
        width:33.33333%
    }
    .o-col-5\@lg{
        width:41.66667%
    }
    .o-col-6\@lg{
        width:50%
    }
    .o-col-7\@lg{
        width:58.33333%
    }
    .o-col-8\@lg{
        width:66.66667%
    }
    .o-col-9\@lg{
        width:75%
    }
    .o-col-10\@lg{
        width:83.33333%
    }
    .o-col-11\@lg{
        width:91.66667%
    }
    .o-col-12\@lg{
        width:100%
    }
    .o-col-offset-0\@lg{
        margin-left:0
    }
    .o-col-pull-0\@lg{
        right:auto
    }
    .o-col-push-0\@lg{
        left:auto
    }
    .o-col-offset-1\@lg{
        margin-left:8.33333%
    }
    .o-col-pull-1\@lg{
        right:8.33333%
    }
    .o-col-push-1\@lg{
        left:8.33333%
    }
    .o-col-offset-2\@lg{
        margin-left:16.66667%
    }
    .o-col-pull-2\@lg{
        right:16.66667%
    }
    .o-col-push-2\@lg{
        left:16.66667%
    }
    .o-col-offset-3\@lg{
        margin-left:25%
    }
    .o-col-pull-3\@lg{
        right:25%
    }
    .o-col-push-3\@lg{
        left:25%
    }
    .o-col-offset-4\@lg{
        margin-left:33.33333%
    }
    .o-col-pull-4\@lg{
        right:33.33333%
    }
    .o-col-push-4\@lg{
        left:33.33333%
    }
    .o-col-offset-5\@lg{
        margin-left:41.66667%
    }
    .o-col-pull-5\@lg{
        right:41.66667%
    }
    .o-col-push-5\@lg{
        left:41.66667%
    }
    .o-col-offset-6\@lg{
        margin-left:50%
    }
    .o-col-pull-6\@lg{
        right:50%
    }
    .o-col-push-6\@lg{
        left:50%
    }
    .o-col-offset-7\@lg{
        margin-left:58.33333%
    }
    .o-col-pull-7\@lg{
        right:58.33333%
    }
    .o-col-push-7\@lg{
        left:58.33333%
    }
    .o-col-offset-8\@lg{
        margin-left:66.66667%
    }
    .o-col-pull-8\@lg{
        right:66.66667%
    }
    .o-col-push-8\@lg{
        left:66.66667%
    }
    .o-col-offset-9\@lg{
        margin-left:75%
    }
    .o-col-pull-9\@lg{
        right:75%
    }
    .o-col-push-9\@lg{
        left:75%
    }
    .o-col-offset-10\@lg{
        margin-left:83.33333%
    }
    .o-col-pull-10\@lg{
        right:83.33333%
    }
    .o-col-push-10\@lg{
        left:83.33333%
    }
    .o-col-offset-11\@lg{
        margin-left:91.66667%
    }
    .o-col-pull-11\@lg{
        right:91.66667%
    }
    .o-col-push-11\@lg{
        left:91.66667%
    }
}
.o-row{
    box-sizing:border-box;
    margin-left:-15px;
    margin-right:-15px
}
.o-row:after{
    clear:both;
    content:"";
    display:table
}
.o-row>[class*=o-col]{
    float:left
}
.o-row--md{
    margin-left:-8px;
    margin-right:-8px
}
.o-row--md>[class*=o-col]{
    padding-left:8px;
    padding-right:8px
}
.o-row--sm{
    margin-left:-4px;
    margin-right:-4px
}
.o-row--sm>[class*=o-col]{
    padding-left:4px;
    padding-right:4px
}
.o-row--xs{
    margin-left:-2px;
    margin-right:-2px
}
.o-row--xs>[class*=o-col]{
    padding-left:2px;
    padding-right:2px
}
.o-row-flex{
    box-sizing:border-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
}
.o-row-flex--md{
    margin-left:-8px;
    margin-right:-8px
}
.o-row-flex--md>[class*=o-col]{
    padding-left:8px;
    padding-right:8px
}
.o-row-flex--sm{
    margin-left:-4px;
    margin-right:-4px
}
.o-row-flex--sm>[class*=o-col]{
    padding-left:4px;
    padding-right:4px
}
.o-row-flex--xs{
    margin-left:-2px;
    margin-right:-2px
}
.o-row-flex--xs>[class*=o-col]{
    padding-left:2px;
    padding-right:2px
}
.u-mrg-0{
    margin:0!important
}
.u-mrg-1{
    margin:4px!important
}
.u-mrg-2{
    margin:8px!important
}
.u-mrg-3{
    margin:12px!important
}
.u-mrg-4{
    margin:16px!important
}
.u-mrg-5{
    margin:20px!important
}
.u-mrg-6{
    margin:24px!important
}
.u-mrg-7{
    margin:28px!important
}
.u-mrg-8{
    margin:32px!important
}
.u-mrg-9{
    margin:36px!important
}
.u-mrg-10{
    margin:40px!important
}
.u-mrg-auto{
    margin:auto!important
}
@media (min-width:544px){
    .u-mrg-0\@sm{
        margin:0!important
    }
    .u-mrg-1\@sm{
        margin:4px!important
    }
    .u-mrg-2\@sm{
        margin:8px!important
    }
    .u-mrg-3\@sm{
        margin:12px!important
    }
    .u-mrg-4\@sm{
        margin:16px!important
    }
    .u-mrg-5\@sm{
        margin:20px!important
    }
    .u-mrg-6\@sm{
        margin:24px!important
    }
    .u-mrg-7\@sm{
        margin:28px!important
    }
    .u-mrg-8\@sm{
        margin:32px!important
    }
    .u-mrg-9\@sm{
        margin:36px!important
    }
    .u-mrg-10\@sm{
        margin:40px!important
    }
    .u-mrg-auto\@sm{
        margin:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-0\@md{
        margin:0!important
    }
    .u-mrg-1\@md{
        margin:4px!important
    }
    .u-mrg-2\@md{
        margin:8px!important
    }
    .u-mrg-3\@md{
        margin:12px!important
    }
    .u-mrg-4\@md{
        margin:16px!important
    }
    .u-mrg-5\@md{
        margin:20px!important
    }
    .u-mrg-6\@md{
        margin:24px!important
    }
    .u-mrg-7\@md{
        margin:28px!important
    }
    .u-mrg-8\@md{
        margin:32px!important
    }
    .u-mrg-9\@md{
        margin:36px!important
    }
    .u-mrg-10\@md{
        margin:40px!important
    }
    .u-mrg-auto\@md{
        margin:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-0\@lg{
        margin:0!important
    }
    .u-mrg-1\@lg{
        margin:4px!important
    }
    .u-mrg-2\@lg{
        margin:8px!important
    }
    .u-mrg-3\@lg{
        margin:12px!important
    }
    .u-mrg-4\@lg{
        margin:16px!important
    }
    .u-mrg-5\@lg{
        margin:20px!important
    }
    .u-mrg-6\@lg{
        margin:24px!important
    }
    .u-mrg-7\@lg{
        margin:28px!important
    }
    .u-mrg-8\@lg{
        margin:32px!important
    }
    .u-mrg-9\@lg{
        margin:36px!important
    }
    .u-mrg-10\@lg{
        margin:40px!important
    }
    .u-mrg-auto\@lg{
        margin:auto!important
    }
}
.u-mrg-t-0{
    margin-top:0!important
}
.u-mrg-t-1{
    margin-top:4px!important
}
.u-mrg-t-2{
    margin-top:8px!important
}
.u-mrg-t-3{
    margin-top:12px!important
}
.u-mrg-t-4{
    margin-top:16px!important
}
.u-mrg-t-5{
    margin-top:20px!important
}
.u-mrg-t-6{
    margin-top:24px!important
}
.u-mrg-t-7{
    margin-top:28px!important
}
.u-mrg-t-8{
    margin-top:32px!important
}
.u-mrg-t-9{
    margin-top:36px!important
}
.u-mrg-t-10{
    margin-top:40px!important
}
.u-mrg-t-auto{
    margin-top:auto!important
}
@media (min-width:544px){
    .u-mrg-t-0\@sm{
        margin-top:0!important
    }
    .u-mrg-t-1\@sm{
        margin-top:4px!important
    }
    .u-mrg-t-2\@sm{
        margin-top:8px!important
    }
    .u-mrg-t-3\@sm{
        margin-top:12px!important
    }
    .u-mrg-t-4\@sm{
        margin-top:16px!important
    }
    .u-mrg-t-5\@sm{
        margin-top:20px!important
    }
    .u-mrg-t-6\@sm{
        margin-top:24px!important
    }
    .u-mrg-t-7\@sm{
        margin-top:28px!important
    }
    .u-mrg-t-8\@sm{
        margin-top:32px!important
    }
    .u-mrg-t-9\@sm{
        margin-top:36px!important
    }
    .u-mrg-t-10\@sm{
        margin-top:40px!important
    }
    .u-mrg-t-auto\@sm{
        margin-top:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-t-0\@md{
        margin-top:0!important
    }
    .u-mrg-t-1\@md{
        margin-top:4px!important
    }
    .u-mrg-t-2\@md{
        margin-top:8px!important
    }
    .u-mrg-t-3\@md{
        margin-top:12px!important
    }
    .u-mrg-t-4\@md{
        margin-top:16px!important
    }
    .u-mrg-t-5\@md{
        margin-top:20px!important
    }
    .u-mrg-t-6\@md{
        margin-top:24px!important
    }
    .u-mrg-t-7\@md{
        margin-top:28px!important
    }
    .u-mrg-t-8\@md{
        margin-top:32px!important
    }
    .u-mrg-t-9\@md{
        margin-top:36px!important
    }
    .u-mrg-t-10\@md{
        margin-top:40px!important
    }
    .u-mrg-t-auto\@md{
        margin-top:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-t-0\@lg{
        margin-top:0!important
    }
    .u-mrg-t-1\@lg{
        margin-top:4px!important
    }
    .u-mrg-t-2\@lg{
        margin-top:8px!important
    }
    .u-mrg-t-3\@lg{
        margin-top:12px!important
    }
    .u-mrg-t-4\@lg{
        margin-top:16px!important
    }
    .u-mrg-t-5\@lg{
        margin-top:20px!important
    }
    .u-mrg-t-6\@lg{
        margin-top:24px!important
    }
    .u-mrg-t-7\@lg{
        margin-top:28px!important
    }
    .u-mrg-t-8\@lg{
        margin-top:32px!important
    }
    .u-mrg-t-9\@lg{
        margin-top:36px!important
    }
    .u-mrg-t-10\@lg{
        margin-top:40px!important
    }
    .u-mrg-t-auto\@lg{
        margin-top:auto!important
    }
}
.u-mrg-r-0{
    margin-right:0!important
}
.u-mrg-r-1{
    margin-right:4px!important
}
.u-mrg-r-2{
    margin-right:8px!important
}
.u-mrg-r-3{
    margin-right:12px!important
}
.u-mrg-r-4{
    margin-right:16px!important
}
.u-mrg-r-5{
    margin-right:20px!important
}
.u-mrg-r-6{
    margin-right:24px!important
}
.u-mrg-r-7{
    margin-right:28px!important
}
.u-mrg-r-8{
    margin-right:32px!important
}
.u-mrg-r-9{
    margin-right:36px!important
}
.u-mrg-r-10{
    margin-right:40px!important
}
.u-mrg-r-auto{
    margin-right:auto!important
}
@media (min-width:544px){
    .u-mrg-r-0\@sm{
        margin-right:0!important
    }
    .u-mrg-r-1\@sm{
        margin-right:4px!important
    }
    .u-mrg-r-2\@sm{
        margin-right:8px!important
    }
    .u-mrg-r-3\@sm{
        margin-right:12px!important
    }
    .u-mrg-r-4\@sm{
        margin-right:16px!important
    }
    .u-mrg-r-5\@sm{
        margin-right:20px!important
    }
    .u-mrg-r-6\@sm{
        margin-right:24px!important
    }
    .u-mrg-r-7\@sm{
        margin-right:28px!important
    }
    .u-mrg-r-8\@sm{
        margin-right:32px!important
    }
    .u-mrg-r-9\@sm{
        margin-right:36px!important
    }
    .u-mrg-r-10\@sm{
        margin-right:40px!important
    }
    .u-mrg-r-auto\@sm{
        margin-right:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-r-0\@md{
        margin-right:0!important
    }
    .u-mrg-r-1\@md{
        margin-right:4px!important
    }
    .u-mrg-r-2\@md{
        margin-right:8px!important
    }
    .u-mrg-r-3\@md{
        margin-right:12px!important
    }
    .u-mrg-r-4\@md{
        margin-right:16px!important
    }
    .u-mrg-r-5\@md{
        margin-right:20px!important
    }
    .u-mrg-r-6\@md{
        margin-right:24px!important
    }
    .u-mrg-r-7\@md{
        margin-right:28px!important
    }
    .u-mrg-r-8\@md{
        margin-right:32px!important
    }
    .u-mrg-r-9\@md{
        margin-right:36px!important
    }
    .u-mrg-r-10\@md{
        margin-right:40px!important
    }
    .u-mrg-r-auto\@md{
        margin-right:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-r-0\@lg{
        margin-right:0!important
    }
    .u-mrg-r-1\@lg{
        margin-right:4px!important
    }
    .u-mrg-r-2\@lg{
        margin-right:8px!important
    }
    .u-mrg-r-3\@lg{
        margin-right:12px!important
    }
    .u-mrg-r-4\@lg{
        margin-right:16px!important
    }
    .u-mrg-r-5\@lg{
        margin-right:20px!important
    }
    .u-mrg-r-6\@lg{
        margin-right:24px!important
    }
    .u-mrg-r-7\@lg{
        margin-right:28px!important
    }
    .u-mrg-r-8\@lg{
        margin-right:32px!important
    }
    .u-mrg-r-9\@lg{
        margin-right:36px!important
    }
    .u-mrg-r-10\@lg{
        margin-right:40px!important
    }
    .u-mrg-r-auto\@lg{
        margin-right:auto!important
    }
}
.u-mrg-b-0{
    margin-bottom:0!important
}
.u-mrg-b-1{
    margin-bottom:4px!important
}
.u-mrg-b-2{
    margin-bottom:8px!important
}
.u-mrg-b-3{
    margin-bottom:12px!important
}
.u-mrg-b-4{
    margin-bottom:16px!important
}
.u-mrg-b-5{
    margin-bottom:20px!important
}
.u-mrg-b-6{
    margin-bottom:24px!important
}
.u-mrg-b-7{
    margin-bottom:28px!important
}
.u-mrg-b-8{
    margin-bottom:32px!important
}
.u-mrg-b-9{
    margin-bottom:36px!important
}
.u-mrg-b-10{
    margin-bottom:40px!important
}
.u-mrg-b-auto{
    margin-bottom:auto!important
}
@media (min-width:544px){
    .u-mrg-b-0\@sm{
        margin-bottom:0!important
    }
    .u-mrg-b-1\@sm{
        margin-bottom:4px!important
    }
    .u-mrg-b-2\@sm{
        margin-bottom:8px!important
    }
    .u-mrg-b-3\@sm{
        margin-bottom:12px!important
    }
    .u-mrg-b-4\@sm{
        margin-bottom:16px!important
    }
    .u-mrg-b-5\@sm{
        margin-bottom:20px!important
    }
    .u-mrg-b-6\@sm{
        margin-bottom:24px!important
    }
    .u-mrg-b-7\@sm{
        margin-bottom:28px!important
    }
    .u-mrg-b-8\@sm{
        margin-bottom:32px!important
    }
    .u-mrg-b-9\@sm{
        margin-bottom:36px!important
    }
    .u-mrg-b-10\@sm{
        margin-bottom:40px!important
    }
    .u-mrg-b-auto\@sm{
        margin-bottom:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-b-0\@md{
        margin-bottom:0!important
    }
    .u-mrg-b-1\@md{
        margin-bottom:4px!important
    }
    .u-mrg-b-2\@md{
        margin-bottom:8px!important
    }
    .u-mrg-b-3\@md{
        margin-bottom:12px!important
    }
    .u-mrg-b-4\@md{
        margin-bottom:16px!important
    }
    .u-mrg-b-5\@md{
        margin-bottom:20px!important
    }
    .u-mrg-b-6\@md{
        margin-bottom:24px!important
    }
    .u-mrg-b-7\@md{
        margin-bottom:28px!important
    }
    .u-mrg-b-8\@md{
        margin-bottom:32px!important
    }
    .u-mrg-b-9\@md{
        margin-bottom:36px!important
    }
    .u-mrg-b-10\@md{
        margin-bottom:40px!important
    }
    .u-mrg-b-auto\@md{
        margin-bottom:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-b-0\@lg{
        margin-bottom:0!important
    }
    .u-mrg-b-1\@lg{
        margin-bottom:4px!important
    }
    .u-mrg-b-2\@lg{
        margin-bottom:8px!important
    }
    .u-mrg-b-3\@lg{
        margin-bottom:12px!important
    }
    .u-mrg-b-4\@lg{
        margin-bottom:16px!important
    }
    .u-mrg-b-5\@lg{
        margin-bottom:20px!important
    }
    .u-mrg-b-6\@lg{
        margin-bottom:24px!important
    }
    .u-mrg-b-7\@lg{
        margin-bottom:28px!important
    }
    .u-mrg-b-8\@lg{
        margin-bottom:32px!important
    }
    .u-mrg-b-9\@lg{
        margin-bottom:36px!important
    }
    .u-mrg-b-10\@lg{
        margin-bottom:40px!important
    }
    .u-mrg-b-auto\@lg{
        margin-bottom:auto!important
    }
}
.u-mrg-l-0{
    margin-left:0!important
}
.u-mrg-l-1{
    margin-left:4px!important
}
.u-mrg-l-2{
    margin-left:8px!important
}
.u-mrg-l-3{
    margin-left:12px!important
}
.u-mrg-l-4{
    margin-left:16px!important
}
.u-mrg-l-5{
    margin-left:20px!important
}
.u-mrg-l-6{
    margin-left:24px!important
}
.u-mrg-l-7{
    margin-left:28px!important
}
.u-mrg-l-8{
    margin-left:32px!important
}
.u-mrg-l-9{
    margin-left:36px!important
}
.u-mrg-l-10{
    margin-left:40px!important
}
.u-mrg-l-auto{
    margin-left:auto!important
}
@media (min-width:544px){
    .u-mrg-l-0\@sm{
        margin-left:0!important
    }
    .u-mrg-l-1\@sm{
        margin-left:4px!important
    }
    .u-mrg-l-2\@sm{
        margin-left:8px!important
    }
    .u-mrg-l-3\@sm{
        margin-left:12px!important
    }
    .u-mrg-l-4\@sm{
        margin-left:16px!important
    }
    .u-mrg-l-5\@sm{
        margin-left:20px!important
    }
    .u-mrg-l-6\@sm{
        margin-left:24px!important
    }
    .u-mrg-l-7\@sm{
        margin-left:28px!important
    }
    .u-mrg-l-8\@sm{
        margin-left:32px!important
    }
    .u-mrg-l-9\@sm{
        margin-left:36px!important
    }
    .u-mrg-l-10\@sm{
        margin-left:40px!important
    }
    .u-mrg-l-auto\@sm{
        margin-left:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-l-0\@md{
        margin-left:0!important
    }
    .u-mrg-l-1\@md{
        margin-left:4px!important
    }
    .u-mrg-l-2\@md{
        margin-left:8px!important
    }
    .u-mrg-l-3\@md{
        margin-left:12px!important
    }
    .u-mrg-l-4\@md{
        margin-left:16px!important
    }
    .u-mrg-l-5\@md{
        margin-left:20px!important
    }
    .u-mrg-l-6\@md{
        margin-left:24px!important
    }
    .u-mrg-l-7\@md{
        margin-left:28px!important
    }
    .u-mrg-l-8\@md{
        margin-left:32px!important
    }
    .u-mrg-l-9\@md{
        margin-left:36px!important
    }
    .u-mrg-l-10\@md{
        margin-left:40px!important
    }
    .u-mrg-l-auto\@md{
        margin-left:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-l-0\@lg{
        margin-left:0!important
    }
    .u-mrg-l-1\@lg{
        margin-left:4px!important
    }
    .u-mrg-l-2\@lg{
        margin-left:8px!important
    }
    .u-mrg-l-3\@lg{
        margin-left:12px!important
    }
    .u-mrg-l-4\@lg{
        margin-left:16px!important
    }
    .u-mrg-l-5\@lg{
        margin-left:20px!important
    }
    .u-mrg-l-6\@lg{
        margin-left:24px!important
    }
    .u-mrg-l-7\@lg{
        margin-left:28px!important
    }
    .u-mrg-l-8\@lg{
        margin-left:32px!important
    }
    .u-mrg-l-9\@lg{
        margin-left:36px!important
    }
    .u-mrg-l-10\@lg{
        margin-left:40px!important
    }
    .u-mrg-l-auto\@lg{
        margin-left:auto!important
    }
}
.u-mrg-h-0{
    margin-left:0!important;
    margin-right:0!important
}
.u-mrg-h-1{
    margin-left:4px!important;
    margin-right:4px!important
}
.u-mrg-h-2{
    margin-left:8px!important;
    margin-right:8px!important
}
.u-mrg-h-3{
    margin-left:12px!important;
    margin-right:12px!important
}
.u-mrg-h-4{
    margin-left:16px!important;
    margin-right:16px!important
}
.u-mrg-h-5{
    margin-left:20px!important;
    margin-right:20px!important
}
.u-mrg-h-6{
    margin-left:24px!important;
    margin-right:24px!important
}
.u-mrg-h-7{
    margin-left:28px!important;
    margin-right:28px!important
}
.u-mrg-h-8{
    margin-left:32px!important;
    margin-right:32px!important
}
.u-mrg-h-9{
    margin-left:36px!important;
    margin-right:36px!important
}
.u-mrg-h-10{
    margin-left:40px!important;
    margin-right:40px!important
}
.u-mrg-h-auto{
    margin-left:auto!important;
    margin-right:auto!important
}
@media (min-width:544px){
    .u-mrg-h-0\@sm{
        margin-left:0!important;
        margin-right:0!important
    }
    .u-mrg-h-1\@sm{
        margin-left:4px!important;
        margin-right:4px!important
    }
    .u-mrg-h-2\@sm{
        margin-left:8px!important;
        margin-right:8px!important
    }
    .u-mrg-h-3\@sm{
        margin-left:12px!important;
        margin-right:12px!important
    }
    .u-mrg-h-4\@sm{
        margin-left:16px!important;
        margin-right:16px!important
    }
    .u-mrg-h-5\@sm{
        margin-left:20px!important;
        margin-right:20px!important
    }
    .u-mrg-h-6\@sm{
        margin-left:24px!important;
        margin-right:24px!important
    }
    .u-mrg-h-7\@sm{
        margin-left:28px!important;
        margin-right:28px!important
    }
    .u-mrg-h-8\@sm{
        margin-left:32px!important;
        margin-right:32px!important
    }
    .u-mrg-h-9\@sm{
        margin-left:36px!important;
        margin-right:36px!important
    }
    .u-mrg-h-10\@sm{
        margin-left:40px!important;
        margin-right:40px!important
    }
    .u-mrg-h-auto\@sm{
        margin-left:auto!important;
        margin-right:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-h-0\@md{
        margin-left:0!important;
        margin-right:0!important
    }
    .u-mrg-h-1\@md{
        margin-left:4px!important;
        margin-right:4px!important
    }
    .u-mrg-h-2\@md{
        margin-left:8px!important;
        margin-right:8px!important
    }
    .u-mrg-h-3\@md{
        margin-left:12px!important;
        margin-right:12px!important
    }
    .u-mrg-h-4\@md{
        margin-left:16px!important;
        margin-right:16px!important
    }
    .u-mrg-h-5\@md{
        margin-left:20px!important;
        margin-right:20px!important
    }
    .u-mrg-h-6\@md{
        margin-left:24px!important;
        margin-right:24px!important
    }
    .u-mrg-h-7\@md{
        margin-left:28px!important;
        margin-right:28px!important
    }
    .u-mrg-h-8\@md{
        margin-left:32px!important;
        margin-right:32px!important
    }
    .u-mrg-h-9\@md{
        margin-left:36px!important;
        margin-right:36px!important
    }
    .u-mrg-h-10\@md{
        margin-left:40px!important;
        margin-right:40px!important
    }
    .u-mrg-h-auto\@md{
        margin-left:auto!important;
        margin-right:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-h-0\@lg{
        margin-left:0!important;
        margin-right:0!important
    }
    .u-mrg-h-1\@lg{
        margin-left:4px!important;
        margin-right:4px!important
    }
    .u-mrg-h-2\@lg{
        margin-left:8px!important;
        margin-right:8px!important
    }
    .u-mrg-h-3\@lg{
        margin-left:12px!important;
        margin-right:12px!important
    }
    .u-mrg-h-4\@lg{
        margin-left:16px!important;
        margin-right:16px!important
    }
    .u-mrg-h-5\@lg{
        margin-left:20px!important;
        margin-right:20px!important
    }
    .u-mrg-h-6\@lg{
        margin-left:24px!important;
        margin-right:24px!important
    }
    .u-mrg-h-7\@lg{
        margin-left:28px!important;
        margin-right:28px!important
    }
    .u-mrg-h-8\@lg{
        margin-left:32px!important;
        margin-right:32px!important
    }
    .u-mrg-h-9\@lg{
        margin-left:36px!important;
        margin-right:36px!important
    }
    .u-mrg-h-10\@lg{
        margin-left:40px!important;
        margin-right:40px!important
    }
    .u-mrg-h-auto\@lg{
        margin-left:auto!important;
        margin-right:auto!important
    }
}
.u-mrg-v-0{
    margin-bottom:0!important;
    margin-top:0!important
}
.u-mrg-v-1{
    margin-bottom:4px!important;
    margin-top:4px!important
}
.u-mrg-v-2{
    margin-bottom:8px!important;
    margin-top:8px!important
}
.u-mrg-v-3{
    margin-bottom:12px!important;
    margin-top:12px!important
}
.u-mrg-v-4{
    margin-bottom:16px!important;
    margin-top:16px!important
}
.u-mrg-v-5{
    margin-bottom:20px!important;
    margin-top:20px!important
}
.u-mrg-v-6{
    margin-bottom:24px!important;
    margin-top:24px!important
}
.u-mrg-v-7{
    margin-bottom:28px!important;
    margin-top:28px!important
}
.u-mrg-v-8{
    margin-bottom:32px!important;
    margin-top:32px!important
}
.u-mrg-v-9{
    margin-bottom:36px!important;
    margin-top:36px!important
}
.u-mrg-v-10{
    margin-bottom:40px!important;
    margin-top:40px!important
}
.u-mrg-v-auto{
    margin-bottom:auto!important;
    margin-top:auto!important
}
@media (min-width:544px){
    .u-mrg-v-0\@sm{
        margin-bottom:0!important;
        margin-top:0!important
    }
    .u-mrg-v-1\@sm{
        margin-bottom:4px!important;
        margin-top:4px!important
    }
    .u-mrg-v-2\@sm{
        margin-bottom:8px!important;
        margin-top:8px!important
    }
    .u-mrg-v-3\@sm{
        margin-bottom:12px!important;
        margin-top:12px!important
    }
    .u-mrg-v-4\@sm{
        margin-bottom:16px!important;
        margin-top:16px!important
    }
    .u-mrg-v-5\@sm{
        margin-bottom:20px!important;
        margin-top:20px!important
    }
    .u-mrg-v-6\@sm{
        margin-bottom:24px!important;
        margin-top:24px!important
    }
    .u-mrg-v-7\@sm{
        margin-bottom:28px!important;
        margin-top:28px!important
    }
    .u-mrg-v-8\@sm{
        margin-bottom:32px!important;
        margin-top:32px!important
    }
    .u-mrg-v-9\@sm{
        margin-bottom:36px!important;
        margin-top:36px!important
    }
    .u-mrg-v-10\@sm{
        margin-bottom:40px!important;
        margin-top:40px!important
    }
    .u-mrg-v-auto\@sm{
        margin-bottom:auto!important;
        margin-top:auto!important
    }
}
@media (min-width:768px){
    .u-mrg-v-0\@md{
        margin-bottom:0!important;
        margin-top:0!important
    }
    .u-mrg-v-1\@md{
        margin-bottom:4px!important;
        margin-top:4px!important
    }
    .u-mrg-v-2\@md{
        margin-bottom:8px!important;
        margin-top:8px!important
    }
    .u-mrg-v-3\@md{
        margin-bottom:12px!important;
        margin-top:12px!important
    }
    .u-mrg-v-4\@md{
        margin-bottom:16px!important;
        margin-top:16px!important
    }
    .u-mrg-v-5\@md{
        margin-bottom:20px!important;
        margin-top:20px!important
    }
    .u-mrg-v-6\@md{
        margin-bottom:24px!important;
        margin-top:24px!important
    }
    .u-mrg-v-7\@md{
        margin-bottom:28px!important;
        margin-top:28px!important
    }
    .u-mrg-v-8\@md{
        margin-bottom:32px!important;
        margin-top:32px!important
    }
    .u-mrg-v-9\@md{
        margin-bottom:36px!important;
        margin-top:36px!important
    }
    .u-mrg-v-10\@md{
        margin-bottom:40px!important;
        margin-top:40px!important
    }
    .u-mrg-v-auto\@md{
        margin-bottom:auto!important;
        margin-top:auto!important
    }
}
@media (min-width:992px){
    .u-mrg-v-0\@lg{
        margin-bottom:0!important;
        margin-top:0!important
    }
    .u-mrg-v-1\@lg{
        margin-bottom:4px!important;
        margin-top:4px!important
    }
    .u-mrg-v-2\@lg{
        margin-bottom:8px!important;
        margin-top:8px!important
    }
    .u-mrg-v-3\@lg{
        margin-bottom:12px!important;
        margin-top:12px!important
    }
    .u-mrg-v-4\@lg{
        margin-bottom:16px!important;
        margin-top:16px!important
    }
    .u-mrg-v-5\@lg{
        margin-bottom:20px!important;
        margin-top:20px!important
    }
    .u-mrg-v-6\@lg{
        margin-bottom:24px!important;
        margin-top:24px!important
    }
    .u-mrg-v-7\@lg{
        margin-bottom:28px!important;
        margin-top:28px!important
    }
    .u-mrg-v-8\@lg{
        margin-bottom:32px!important;
        margin-top:32px!important
    }
    .u-mrg-v-9\@lg{
        margin-bottom:36px!important;
        margin-top:36px!important
    }
    .u-mrg-v-10\@lg{
        margin-bottom:40px!important;
        margin-top:40px!important
    }
    .u-mrg-v-auto\@lg{
        margin-bottom:auto!important;
        margin-top:auto!important
    }
}
.u-pad-0{
    padding:0!important
}
.u-pad-1{
    padding:4px!important
}
.u-pad-2{
    padding:8px!important
}
.u-pad-3{
    padding:12px!important
}
.u-pad-4{
    padding:16px!important
}
.u-pad-5{
    padding:20px!important
}
.u-pad-6{
    padding:24px!important
}
.u-pad-7{
    padding:28px!important
}
.u-pad-8{
    padding:32px!important
}
.u-pad-9{
    padding:36px!important
}
.u-pad-10{
    padding:40px!important
}
@media (min-width:544px){
    .u-pad-0\@sm{
        padding:0!important
    }
    .u-pad-1\@sm{
        padding:4px!important
    }
    .u-pad-2\@sm{
        padding:8px!important
    }
    .u-pad-3\@sm{
        padding:12px!important
    }
    .u-pad-4\@sm{
        padding:16px!important
    }
    .u-pad-5\@sm{
        padding:20px!important
    }
    .u-pad-6\@sm{
        padding:24px!important
    }
    .u-pad-7\@sm{
        padding:28px!important
    }
    .u-pad-8\@sm{
        padding:32px!important
    }
    .u-pad-9\@sm{
        padding:36px!important
    }
    .u-pad-10\@sm{
        padding:40px!important
    }
}
@media (min-width:768px){
    .u-pad-0\@md{
        padding:0!important
    }
    .u-pad-1\@md{
        padding:4px!important
    }
    .u-pad-2\@md{
        padding:8px!important
    }
    .u-pad-3\@md{
        padding:12px!important
    }
    .u-pad-4\@md{
        padding:16px!important
    }
    .u-pad-5\@md{
        padding:20px!important
    }
    .u-pad-6\@md{
        padding:24px!important
    }
    .u-pad-7\@md{
        padding:28px!important
    }
    .u-pad-8\@md{
        padding:32px!important
    }
    .u-pad-9\@md{
        padding:36px!important
    }
    .u-pad-10\@md{
        padding:40px!important
    }
}
@media (min-width:992px){
    .u-pad-0\@lg{
        padding:0!important
    }
    .u-pad-1\@lg{
        padding:4px!important
    }
    .u-pad-2\@lg{
        padding:8px!important
    }
    .u-pad-3\@lg{
        padding:12px!important
    }
    .u-pad-4\@lg{
        padding:16px!important
    }
    .u-pad-5\@lg{
        padding:20px!important
    }
    .u-pad-6\@lg{
        padding:24px!important
    }
    .u-pad-7\@lg{
        padding:28px!important
    }
    .u-pad-8\@lg{
        padding:32px!important
    }
    .u-pad-9\@lg{
        padding:36px!important
    }
    .u-pad-10\@lg{
        padding:40px!important
    }
}
.u-pad-t-0{
    padding-top:0!important
}
.u-pad-t-1{
    padding-top:4px!important
}
.u-pad-t-2{
    padding-top:8px!important
}
.u-pad-t-3{
    padding-top:12px!important
}
.u-pad-t-4{
    padding-top:16px!important
}
.u-pad-t-5{
    padding-top:20px!important
}
.u-pad-t-6{
    padding-top:24px!important
}
.u-pad-t-7{
    padding-top:28px!important
}
.u-pad-t-8{
    padding-top:32px!important
}
.u-pad-t-9{
    padding-top:36px!important
}
.u-pad-t-10{
    padding-top:40px!important
}
@media (min-width:544px){
    .u-pad-t-0\@sm{
        padding-top:0!important
    }
    .u-pad-t-1\@sm{
        padding-top:4px!important
    }
    .u-pad-t-2\@sm{
        padding-top:8px!important
    }
    .u-pad-t-3\@sm{
        padding-top:12px!important
    }
    .u-pad-t-4\@sm{
        padding-top:16px!important
    }
    .u-pad-t-5\@sm{
        padding-top:20px!important
    }
    .u-pad-t-6\@sm{
        padding-top:24px!important
    }
    .u-pad-t-7\@sm{
        padding-top:28px!important
    }
    .u-pad-t-8\@sm{
        padding-top:32px!important
    }
    .u-pad-t-9\@sm{
        padding-top:36px!important
    }
    .u-pad-t-10\@sm{
        padding-top:40px!important
    }
}
@media (min-width:768px){
    .u-pad-t-0\@md{
        padding-top:0!important
    }
    .u-pad-t-1\@md{
        padding-top:4px!important
    }
    .u-pad-t-2\@md{
        padding-top:8px!important
    }
    .u-pad-t-3\@md{
        padding-top:12px!important
    }
    .u-pad-t-4\@md{
        padding-top:16px!important
    }
    .u-pad-t-5\@md{
        padding-top:20px!important
    }
    .u-pad-t-6\@md{
        padding-top:24px!important
    }
    .u-pad-t-7\@md{
        padding-top:28px!important
    }
    .u-pad-t-8\@md{
        padding-top:32px!important
    }
    .u-pad-t-9\@md{
        padding-top:36px!important
    }
    .u-pad-t-10\@md{
        padding-top:40px!important
    }
}
@media (min-width:992px){
    .u-pad-t-0\@lg{
        padding-top:0!important
    }
    .u-pad-t-1\@lg{
        padding-top:4px!important
    }
    .u-pad-t-2\@lg{
        padding-top:8px!important
    }
    .u-pad-t-3\@lg{
        padding-top:12px!important
    }
    .u-pad-t-4\@lg{
        padding-top:16px!important
    }
    .u-pad-t-5\@lg{
        padding-top:20px!important
    }
    .u-pad-t-6\@lg{
        padding-top:24px!important
    }
    .u-pad-t-7\@lg{
        padding-top:28px!important
    }
    .u-pad-t-8\@lg{
        padding-top:32px!important
    }
    .u-pad-t-9\@lg{
        padding-top:36px!important
    }
    .u-pad-t-10\@lg{
        padding-top:40px!important
    }
}
.u-pad-r-0{
    padding-right:0!important
}
.u-pad-r-1{
    padding-right:4px!important
}
.u-pad-r-2{
    padding-right:8px!important
}
.u-pad-r-3{
    padding-right:12px!important
}
.u-pad-r-4{
    padding-right:16px!important
}
.u-pad-r-5{
    padding-right:20px!important
}
.u-pad-r-6{
    padding-right:24px!important
}
.u-pad-r-7{
    padding-right:28px!important
}
.u-pad-r-8{
    padding-right:32px!important
}
.u-pad-r-9{
    padding-right:36px!important
}
.u-pad-r-10{
    padding-right:40px!important
}
@media (min-width:544px){
    .u-pad-r-0\@sm{
        padding-right:0!important
    }
    .u-pad-r-1\@sm{
        padding-right:4px!important
    }
    .u-pad-r-2\@sm{
        padding-right:8px!important
    }
    .u-pad-r-3\@sm{
        padding-right:12px!important
    }
    .u-pad-r-4\@sm{
        padding-right:16px!important
    }
    .u-pad-r-5\@sm{
        padding-right:20px!important
    }
    .u-pad-r-6\@sm{
        padding-right:24px!important
    }
    .u-pad-r-7\@sm{
        padding-right:28px!important
    }
    .u-pad-r-8\@sm{
        padding-right:32px!important
    }
    .u-pad-r-9\@sm{
        padding-right:36px!important
    }
    .u-pad-r-10\@sm{
        padding-right:40px!important
    }
}
@media (min-width:768px){
    .u-pad-r-0\@md{
        padding-right:0!important
    }
    .u-pad-r-1\@md{
        padding-right:4px!important
    }
    .u-pad-r-2\@md{
        padding-right:8px!important
    }
    .u-pad-r-3\@md{
        padding-right:12px!important
    }
    .u-pad-r-4\@md{
        padding-right:16px!important
    }
    .u-pad-r-5\@md{
        padding-right:20px!important
    }
    .u-pad-r-6\@md{
        padding-right:24px!important
    }
    .u-pad-r-7\@md{
        padding-right:28px!important
    }
    .u-pad-r-8\@md{
        padding-right:32px!important
    }
    .u-pad-r-9\@md{
        padding-right:36px!important
    }
    .u-pad-r-10\@md{
        padding-right:40px!important
    }
}
@media (min-width:992px){
    .u-pad-r-0\@lg{
        padding-right:0!important
    }
    .u-pad-r-1\@lg{
        padding-right:4px!important
    }
    .u-pad-r-2\@lg{
        padding-right:8px!important
    }
    .u-pad-r-3\@lg{
        padding-right:12px!important
    }
    .u-pad-r-4\@lg{
        padding-right:16px!important
    }
    .u-pad-r-5\@lg{
        padding-right:20px!important
    }
    .u-pad-r-6\@lg{
        padding-right:24px!important
    }
    .u-pad-r-7\@lg{
        padding-right:28px!important
    }
    .u-pad-r-8\@lg{
        padding-right:32px!important
    }
    .u-pad-r-9\@lg{
        padding-right:36px!important
    }
    .u-pad-r-10\@lg{
        padding-right:40px!important
    }
}
.u-pad-b-0{
    padding-bottom:0!important
}
.u-pad-b-1{
    padding-bottom:4px!important
}
.u-pad-b-2{
    padding-bottom:8px!important
}
.u-pad-b-3{
    padding-bottom:12px!important
}
.u-pad-b-4{
    padding-bottom:16px!important
}
.u-pad-b-5{
    padding-bottom:20px!important
}
.u-pad-b-6{
    padding-bottom:24px!important
}
.u-pad-b-7{
    padding-bottom:28px!important
}
.u-pad-b-8{
    padding-bottom:32px!important
}
.u-pad-b-9{
    padding-bottom:36px!important
}
.u-pad-b-10{
    padding-bottom:40px!important
}
@media (min-width:544px){
    .u-pad-b-0\@sm{
        padding-bottom:0!important
    }
    .u-pad-b-1\@sm{
        padding-bottom:4px!important
    }
    .u-pad-b-2\@sm{
        padding-bottom:8px!important
    }
    .u-pad-b-3\@sm{
        padding-bottom:12px!important
    }
    .u-pad-b-4\@sm{
        padding-bottom:16px!important
    }
    .u-pad-b-5\@sm{
        padding-bottom:20px!important
    }
    .u-pad-b-6\@sm{
        padding-bottom:24px!important
    }
    .u-pad-b-7\@sm{
        padding-bottom:28px!important
    }
    .u-pad-b-8\@sm{
        padding-bottom:32px!important
    }
    .u-pad-b-9\@sm{
        padding-bottom:36px!important
    }
    .u-pad-b-10\@sm{
        padding-bottom:40px!important
    }
}
@media (min-width:768px){
    .u-pad-b-0\@md{
        padding-bottom:0!important
    }
    .u-pad-b-1\@md{
        padding-bottom:4px!important
    }
    .u-pad-b-2\@md{
        padding-bottom:8px!important
    }
    .u-pad-b-3\@md{
        padding-bottom:12px!important
    }
    .u-pad-b-4\@md{
        padding-bottom:16px!important
    }
    .u-pad-b-5\@md{
        padding-bottom:20px!important
    }
    .u-pad-b-6\@md{
        padding-bottom:24px!important
    }
    .u-pad-b-7\@md{
        padding-bottom:28px!important
    }
    .u-pad-b-8\@md{
        padding-bottom:32px!important
    }
    .u-pad-b-9\@md{
        padding-bottom:36px!important
    }
    .u-pad-b-10\@md{
        padding-bottom:40px!important
    }
}
@media (min-width:992px){
    .u-pad-b-0\@lg{
        padding-bottom:0!important
    }
    .u-pad-b-1\@lg{
        padding-bottom:4px!important
    }
    .u-pad-b-2\@lg{
        padding-bottom:8px!important
    }
    .u-pad-b-3\@lg{
        padding-bottom:12px!important
    }
    .u-pad-b-4\@lg{
        padding-bottom:16px!important
    }
    .u-pad-b-5\@lg{
        padding-bottom:20px!important
    }
    .u-pad-b-6\@lg{
        padding-bottom:24px!important
    }
    .u-pad-b-7\@lg{
        padding-bottom:28px!important
    }
    .u-pad-b-8\@lg{
        padding-bottom:32px!important
    }
    .u-pad-b-9\@lg{
        padding-bottom:36px!important
    }
    .u-pad-b-10\@lg{
        padding-bottom:40px!important
    }
}
.u-pad-l-0{
    padding-left:0!important
}
.u-pad-l-1{
    padding-left:4px!important
}
.u-pad-l-2{
    padding-left:8px!important
}
.u-pad-l-3{
    padding-left:12px!important
}
.u-pad-l-4{
    padding-left:16px!important
}
.u-pad-l-5{
    padding-left:20px!important
}
.u-pad-l-6{
    padding-left:24px!important
}
.u-pad-l-7{
    padding-left:28px!important
}
.u-pad-l-8{
    padding-left:32px!important
}
.u-pad-l-9{
    padding-left:36px!important
}
.u-pad-l-10{
    padding-left:40px!important
}
@media (min-width:544px){
    .u-pad-l-0\@sm{
        padding-left:0!important
    }
    .u-pad-l-1\@sm{
        padding-left:4px!important
    }
    .u-pad-l-2\@sm{
        padding-left:8px!important
    }
    .u-pad-l-3\@sm{
        padding-left:12px!important
    }
    .u-pad-l-4\@sm{
        padding-left:16px!important
    }
    .u-pad-l-5\@sm{
        padding-left:20px!important
    }
    .u-pad-l-6\@sm{
        padding-left:24px!important
    }
    .u-pad-l-7\@sm{
        padding-left:28px!important
    }
    .u-pad-l-8\@sm{
        padding-left:32px!important
    }
    .u-pad-l-9\@sm{
        padding-left:36px!important
    }
    .u-pad-l-10\@sm{
        padding-left:40px!important
    }
}
@media (min-width:768px){
    .u-pad-l-0\@md{
        padding-left:0!important
    }
    .u-pad-l-1\@md{
        padding-left:4px!important
    }
    .u-pad-l-2\@md{
        padding-left:8px!important
    }
    .u-pad-l-3\@md{
        padding-left:12px!important
    }
    .u-pad-l-4\@md{
        padding-left:16px!important
    }
    .u-pad-l-5\@md{
        padding-left:20px!important
    }
    .u-pad-l-6\@md{
        padding-left:24px!important
    }
    .u-pad-l-7\@md{
        padding-left:28px!important
    }
    .u-pad-l-8\@md{
        padding-left:32px!important
    }
    .u-pad-l-9\@md{
        padding-left:36px!important
    }
    .u-pad-l-10\@md{
        padding-left:40px!important
    }
}
@media (min-width:992px){
    .u-pad-l-0\@lg{
        padding-left:0!important
    }
    .u-pad-l-1\@lg{
        padding-left:4px!important
    }
    .u-pad-l-2\@lg{
        padding-left:8px!important
    }
    .u-pad-l-3\@lg{
        padding-left:12px!important
    }
    .u-pad-l-4\@lg{
        padding-left:16px!important
    }
    .u-pad-l-5\@lg{
        padding-left:20px!important
    }
    .u-pad-l-6\@lg{
        padding-left:24px!important
    }
    .u-pad-l-7\@lg{
        padding-left:28px!important
    }
    .u-pad-l-8\@lg{
        padding-left:32px!important
    }
    .u-pad-l-9\@lg{
        padding-left:36px!important
    }
    .u-pad-l-10\@lg{
        padding-left:40px!important
    }
}
.u-pad-h-0{
    padding-left:0!important;
    padding-right:0!important
}
.u-pad-h-1{
    padding-left:4px!important;
    padding-right:4px!important
}
.u-pad-h-2{
    padding-left:8px!important;
    padding-right:8px!important
}
.u-pad-h-3{
    padding-left:12px!important;
    padding-right:12px!important
}
.u-pad-h-4{
    padding-left:16px!important;
    padding-right:16px!important
}
.u-pad-h-5{
    padding-left:20px!important;
    padding-right:20px!important
}
.u-pad-h-6{
    padding-left:24px!important;
    padding-right:24px!important
}
.u-pad-h-7{
    padding-left:28px!important;
    padding-right:28px!important
}
.u-pad-h-8{
    padding-left:32px!important;
    padding-right:32px!important
}
.u-pad-h-9{
    padding-left:36px!important;
    padding-right:36px!important
}
.u-pad-h-10{
    padding-left:40px!important;
    padding-right:40px!important
}
@media (min-width:544px){
    .u-pad-h-0\@sm{
        padding-left:0!important;
        padding-right:0!important
    }
    .u-pad-h-1\@sm{
        padding-left:4px!important;
        padding-right:4px!important
    }
    .u-pad-h-2\@sm{
        padding-left:8px!important;
        padding-right:8px!important
    }
    .u-pad-h-3\@sm{
        padding-left:12px!important;
        padding-right:12px!important
    }
    .u-pad-h-4\@sm{
        padding-left:16px!important;
        padding-right:16px!important
    }
    .u-pad-h-5\@sm{
        padding-left:20px!important;
        padding-right:20px!important
    }
    .u-pad-h-6\@sm{
        padding-left:24px!important;
        padding-right:24px!important
    }
    .u-pad-h-7\@sm{
        padding-left:28px!important;
        padding-right:28px!important
    }
    .u-pad-h-8\@sm{
        padding-left:32px!important;
        padding-right:32px!important
    }
    .u-pad-h-9\@sm{
        padding-left:36px!important;
        padding-right:36px!important
    }
    .u-pad-h-10\@sm{
        padding-left:40px!important;
        padding-right:40px!important
    }
}
@media (min-width:768px){
    .u-pad-h-0\@md{
        padding-left:0!important;
        padding-right:0!important
    }
    .u-pad-h-1\@md{
        padding-left:4px!important;
        padding-right:4px!important
    }
    .u-pad-h-2\@md{
        padding-left:8px!important;
        padding-right:8px!important
    }
    .u-pad-h-3\@md{
        padding-left:12px!important;
        padding-right:12px!important
    }
    .u-pad-h-4\@md{
        padding-left:16px!important;
        padding-right:16px!important
    }
    .u-pad-h-5\@md{
        padding-left:20px!important;
        padding-right:20px!important
    }
    .u-pad-h-6\@md{
        padding-left:24px!important;
        padding-right:24px!important
    }
    .u-pad-h-7\@md{
        padding-left:28px!important;
        padding-right:28px!important
    }
    .u-pad-h-8\@md{
        padding-left:32px!important;
        padding-right:32px!important
    }
    .u-pad-h-9\@md{
        padding-left:36px!important;
        padding-right:36px!important
    }
    .u-pad-h-10\@md{
        padding-left:40px!important;
        padding-right:40px!important
    }
}
@media (min-width:992px){
    .u-pad-h-0\@lg{
        padding-left:0!important;
        padding-right:0!important
    }
    .u-pad-h-1\@lg{
        padding-left:4px!important;
        padding-right:4px!important
    }
    .u-pad-h-2\@lg{
        padding-left:8px!important;
        padding-right:8px!important
    }
    .u-pad-h-3\@lg{
        padding-left:12px!important;
        padding-right:12px!important
    }
    .u-pad-h-4\@lg{
        padding-left:16px!important;
        padding-right:16px!important
    }
    .u-pad-h-5\@lg{
        padding-left:20px!important;
        padding-right:20px!important
    }
    .u-pad-h-6\@lg{
        padding-left:24px!important;
        padding-right:24px!important
    }
    .u-pad-h-7\@lg{
        padding-left:28px!important;
        padding-right:28px!important
    }
    .u-pad-h-8\@lg{
        padding-left:32px!important;
        padding-right:32px!important
    }
    .u-pad-h-9\@lg{
        padding-left:36px!important;
        padding-right:36px!important
    }
    .u-pad-h-10\@lg{
        padding-left:40px!important;
        padding-right:40px!important
    }
}
.u-pad-v-0{
    padding-bottom:0!important;
    padding-top:0!important
}
.u-pad-v-1{
    padding-bottom:4px!important;
    padding-top:4px!important
}
.u-pad-v-2{
    padding-bottom:8px!important;
    padding-top:8px!important
}
.u-pad-v-3{
    padding-bottom:12px!important;
    padding-top:12px!important
}
.u-pad-v-4{
    padding-bottom:16px!important;
    padding-top:16px!important
}
.u-pad-v-5{
    padding-bottom:20px!important;
    padding-top:20px!important
}
.u-pad-v-6{
    padding-bottom:24px!important;
    padding-top:24px!important
}
.u-pad-v-7{
    padding-bottom:28px!important;
    padding-top:28px!important
}
.u-pad-v-8{
    padding-bottom:32px!important;
    padding-top:32px!important
}
.u-pad-v-9{
    padding-bottom:36px!important;
    padding-top:36px!important
}
.u-pad-v-10{
    padding-bottom:40px!important;
    padding-top:40px!important
}
@media (min-width:544px){
    .u-pad-v-0\@sm{
        padding-bottom:0!important;
        padding-top:0!important
    }
    .u-pad-v-1\@sm{
        padding-bottom:4px!important;
        padding-top:4px!important
    }
    .u-pad-v-2\@sm{
        padding-bottom:8px!important;
        padding-top:8px!important
    }
    .u-pad-v-3\@sm{
        padding-bottom:12px!important;
        padding-top:12px!important
    }
    .u-pad-v-4\@sm{
        padding-bottom:16px!important;
        padding-top:16px!important
    }
    .u-pad-v-5\@sm{
        padding-bottom:20px!important;
        padding-top:20px!important
    }
    .u-pad-v-6\@sm{
        padding-bottom:24px!important;
        padding-top:24px!important
    }
    .u-pad-v-7\@sm{
        padding-bottom:28px!important;
        padding-top:28px!important
    }
    .u-pad-v-8\@sm{
        padding-bottom:32px!important;
        padding-top:32px!important
    }
    .u-pad-v-9\@sm{
        padding-bottom:36px!important;
        padding-top:36px!important
    }
    .u-pad-v-10\@sm{
        padding-bottom:40px!important;
        padding-top:40px!important
    }
}
@media (min-width:768px){
    .u-pad-v-0\@md{
        padding-bottom:0!important;
        padding-top:0!important
    }
    .u-pad-v-1\@md{
        padding-bottom:4px!important;
        padding-top:4px!important
    }
    .u-pad-v-2\@md{
        padding-bottom:8px!important;
        padding-top:8px!important
    }
    .u-pad-v-3\@md{
        padding-bottom:12px!important;
        padding-top:12px!important
    }
    .u-pad-v-4\@md{
        padding-bottom:16px!important;
        padding-top:16px!important
    }
    .u-pad-v-5\@md{
        padding-bottom:20px!important;
        padding-top:20px!important
    }
    .u-pad-v-6\@md{
        padding-bottom:24px!important;
        padding-top:24px!important
    }
    .u-pad-v-7\@md{
        padding-bottom:28px!important;
        padding-top:28px!important
    }
    .u-pad-v-8\@md{
        padding-bottom:32px!important;
        padding-top:32px!important
    }
    .u-pad-v-9\@md{
        padding-bottom:36px!important;
        padding-top:36px!important
    }
    .u-pad-v-10\@md{
        padding-bottom:40px!important;
        padding-top:40px!important
    }
}
@media (min-width:992px){
    .u-pad-v-0\@lg{
        padding-bottom:0!important;
        padding-top:0!important
    }
    .u-pad-v-1\@lg{
        padding-bottom:4px!important;
        padding-top:4px!important
    }
    .u-pad-v-2\@lg{
        padding-bottom:8px!important;
        padding-top:8px!important
    }
    .u-pad-v-3\@lg{
        padding-bottom:12px!important;
        padding-top:12px!important
    }
    .u-pad-v-4\@lg{
        padding-bottom:16px!important;
        padding-top:16px!important
    }
    .u-pad-v-5\@lg{
        padding-bottom:20px!important;
        padding-top:20px!important
    }
    .u-pad-v-6\@lg{
        padding-bottom:24px!important;
        padding-top:24px!important
    }
    .u-pad-v-7\@lg{
        padding-bottom:28px!important;
        padding-top:28px!important
    }
    .u-pad-v-8\@lg{
        padding-bottom:32px!important;
        padding-top:32px!important
    }
    .u-pad-v-9\@lg{
        padding-bottom:36px!important;
        padding-top:36px!important
    }
    .u-pad-v-10\@lg{
        padding-bottom:40px!important;
        padding-top:40px!important
    }
}
.u-d-initial{
    display:initial!important
}
.u-d-none{
    display:none!important
}
.u-d-block{
    display:block!important
}
.u-d-inline{
    display:inline!important
}
.u-d-inline-block{
    display:inline-block!important
}
.u-d-flex{
    display:-ms-flexbox!important;
    display:flex!important
}
@media (min-width:544px){
    .u-d-initial\@sm{
        display:initial!important
    }
    .u-d-none\@sm{
        display:none!important
    }
    .u-d-block\@sm{
        display:block!important
    }
    .u-d-inline\@sm{
        display:inline!important
    }
    .u-d-inline-block\@sm{
        display:inline-block!important
    }
    .u-d-flex\@sm{
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media (min-width:768px){
    .u-d-initial\@md{
        display:initial!important
    }
    .u-d-none\@md{
        display:none!important
    }
    .u-d-block\@md{
        display:block!important
    }
    .u-d-inline\@md{
        display:inline!important
    }
    .u-d-inline-block\@md{
        display:inline-block!important
    }
    .u-d-flex\@md{
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media (min-width:992px){
    .u-d-initial\@lg{
        display:initial!important
    }
    .u-d-none\@lg{
        display:none!important
    }
    .u-d-block\@lg{
        display:block!important
    }
    .u-d-inline\@lg{
        display:inline!important
    }
    .u-d-inline-block\@lg{
        display:inline-block!important
    }
    .u-d-flex\@lg{
        display:-ms-flexbox!important;
        display:flex!important
    }
}
.o-flexy{
    box-sizing:border-box;
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (min-width:544px){
    .o-flexy\@sm{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:768px){
    .o-flexy\@md{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
@media (min-width:992px){
    .o-flexy\@lg{
        -ms-flex-align:center;
        align-items:center;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.o-flexy--top{
    -ms-flex-align:start;
    align-items:flex-start
}
.o-flexy--middle{
    -ms-flex-align:center;
    align-items:center
}
.o-flexy--bottom{
    -ms-flex-align:end;
    align-items:flex-end
}
.o-flexy--stretch{
    -ms-flex-align:stretch;
    align-items:stretch
}
@media (min-width:544px){
    .o-flexy--top\@sm{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .o-flexy--middle\@sm{
        -ms-flex-align:center;
        align-items:center
    }
    .o-flexy--bottom\@sm{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .o-flexy--stretch\@sm{
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
@media (min-width:768px){
    .o-flexy--top\@md{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .o-flexy--middle\@md{
        -ms-flex-align:center;
        align-items:center
    }
    .o-flexy--bottom\@md{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .o-flexy--stretch\@md{
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
@media (min-width:992px){
    .o-flexy--top\@lg{
        -ms-flex-align:start;
        align-items:flex-start
    }
    .o-flexy--middle\@lg{
        -ms-flex-align:center;
        align-items:center
    }
    .o-flexy--bottom\@lg{
        -ms-flex-align:end;
        align-items:flex-end
    }
    .o-flexy--stretch\@lg{
        -ms-flex-align:stretch;
        align-items:stretch
    }
}
.o-flexy__block{
    box-sizing:border-box;
    max-width:100%;
    min-width:0;
    -ms-flex:1;
    flex:1;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    -webkit-flex:1
}
@media (min-width:544px){
    .o-flexy__block\@sm{
        -ms-flex:1;
        flex:1;
        -ms-flex-preferred-size:auto;
        flex-basis:auto;
        -webkit-flex:1
    }
}
@media (min-width:768px){
    .o-flexy__block\@md{
        -ms-flex:1;
        flex:1;
        -ms-flex-preferred-size:auto;
        flex-basis:auto;
        -webkit-flex:1
    }
}
@media (min-width:992px){
    .o-flexy__block\@lg{
        -ms-flex:1;
        flex:1;
        -ms-flex-preferred-size:auto;
        flex-basis:auto;
        -webkit-flex:1
    }
}
.o-flexy__item{
    box-sizing:border-box;
    max-width:100%;
    min-width:0
}
.u-clearfix:after{
    content:" ";
    clear:both;
    display:table
}
.u-clear-none{
    clear:none!important
}
.u-clear-left{
    clear:left!important
}
.u-clear-right{
    clear:right!important
}
.u-clear-both{
    clear:both!important
}
@media (min-width:544px){
    .u-clear-none\@sm{
        clear:none!important
    }
    .u-clear-left\@sm{
        clear:left!important
    }
    .u-clear-right\@sm{
        clear:right!important
    }
    .u-clear-both\@sm{
        clear:both!important
    }
}
@media (min-width:768px){
    .u-clear-none\@md{
        clear:none!important
    }
    .u-clear-left\@md{
        clear:left!important
    }
    .u-clear-right\@md{
        clear:right!important
    }
    .u-clear-both\@md{
        clear:both!important
    }
}
@media (min-width:992px){
    .u-clear-none\@lg{
        clear:none!important
    }
    .u-clear-left\@lg{
        clear:left!important
    }
    .u-clear-right\@lg{
        clear:right!important
    }
    .u-clear-both\@lg{
        clear:both!important
    }
}
.u-pull-left{
    float:left!important
}
.u-pull-right{
    float:right!important
}
.u-pull-none{
    float:none!important
}
@media (min-width:544px){
    .u-pull-left\@sm{
        float:left!important
    }
    .u-pull-right\@sm{
        float:right!important
    }
    .u-pull-none\@sm{
        float:none!important
    }
}
@media (min-width:768px){
    .u-pull-left\@md{
        float:left!important
    }
    .u-pull-right\@md{
        float:right!important
    }
    .u-pull-none\@md{
        float:none!important
    }
}
@media (min-width:992px){
    .u-pull-left\@lg{
        float:left!important
    }
    .u-pull-right\@lg{
        float:right!important
    }
    .u-pull-none\@lg{
        float:none!important
    }
}
.u-pos-absolute{
    position:absolute!important
}
.u-pos-fixed{
    position:fixed!important
}
.u-pos-inherit{
    position:inherit!important
}
.u-pos-initial{
    position:static!important
}
.u-pos-relative{
    position:relative!important
}
.u-pos-static{
    position:static!important
}
@media (min-width:544px){
    .u-pos-absolute\@sm{
        position:absolute!important
    }
    .u-pos-fixed\@sm{
        position:fixed!important
    }
    .u-pos-inherit\@sm{
        position:inherit!important
    }
    .u-pos-initial\@sm{
        position:static!important
    }
    .u-pos-relative\@sm{
        position:relative!important
    }
    .u-pos-static\@sm{
        position:static!important
    }
}
@media (min-width:768px){
    .u-pos-absolute\@md{
        position:absolute!important
    }
    .u-pos-fixed\@md{
        position:fixed!important
    }
    .u-pos-inherit\@md{
        position:inherit!important
    }
    .u-pos-initial\@md{
        position:static!important
    }
    .u-pos-relative\@md{
        position:relative!important
    }
    .u-pos-static\@md{
        position:static!important
    }
}
@media (min-width:992px){
    .u-pos-absolute\@lg{
        position:absolute!important
    }
    .u-pos-fixed\@lg{
        position:fixed!important
    }
    .u-pos-inherit\@lg{
        position:inherit!important
    }
    .u-pos-initial\@lg{
        position:static!important
    }
    .u-pos-relative\@lg{
        position:relative!important
    }
    .u-pos-static\@lg{
        position:static!important
    }
}
.u-zi-inherit{
    z-index:inherit!important
}
.u-zi-initial{
    z-index:auto!important
}
.u-zi-unset{
    z-index:unset!important
}
.u-zi-hidden{
    z-index:-1!important
}
.u-zi-0{
    z-index:0!important
}
.u-zi-1{
    z-index:1!important
}
.u-zi-2{
    z-index:2!important
}
.u-zi-3{
    z-index:3!important
}
.u-zi-5{
    z-index:5!important
}
.u-zi-10{
    z-index:10!important
}
.u-zi-100{
    z-index:100!important
}
.u-zi-200{
    z-index:200!important
}
.u-zi-1000{
    z-index:1000!important
}
.u-zi-max{
    z-index:9999999!important
}
.c-link,a{
    background-color:transparent;
    box-sizing:border-box;
    color:#3197d6;
    cursor:pointer;
    text-decoration:none;
    transition:none
}
.c-link:hover,a:hover{
    text-decoration:underline
}
.c-link:active,.c-link:hover,a:active,a:hover{
    color:#71bff1;
    outline-width:0
}
.c-link:focus,a:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
button.c-link{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    font-family:inherit;
    font-size:inherit;
    padding:0;
    text-transform:none
}
button.c-link::-moz-focus-inner{
    border-style:none;
    padding:0
}
button.c-link:-moz-focusring{
    outline:1px dotted ButtonText
}
.fade{
    opacity:0;
    transition:opacity .15s linear
}
.fade.in{
    opacity:1
}
.c-card{
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid #eee;
    border-radius:4px
}
.c-card>:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.c-card>:last-child{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.c-card--square{
    border-radius:0
}
.c-card--square>:first-child{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.c-card--square>:last-child{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.c-card__block{
    box-sizing:border-box;
    padding:20px
}
.c-card__block+.c-card__block{
    border-top:1px solid #eee
}
.c-card__block--md{
    padding:20px
}
.c-card__block--sm{
    padding:12px 20px
}
.c-card__block--xs{
    padding:8px 20px
}
@media (min-width:544px){
    .c-card__block--md\@sm{
        padding:20px
    }
    .c-card__block--sm\@sm{
        padding:12px 20px
    }
    .c-card__block--xs\@sm{
        padding:8px 20px
    }
}
@media (min-width:768px){
    .c-card__block--md\@md{
        padding:20px
    }
    .c-card__block--sm\@md{
        padding:12px 20px
    }
    .c-card__block--xs\@md{
        padding:8px 20px
    }
}
@media (min-width:992px){
    .c-card__block--md\@lg{
        padding:20px
    }
    .c-card__block--sm\@lg{
        padding:12px 20px
    }
    .c-card__block--xs\@lg{
        padding:8px 20px
    }
}
.modal{
    -webkit-overflow-scrolling:touch;
    bottom:0;
    box-sizing:border-box;
    display:none;
    left:0;
    outline:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1050
}
.modal,.modal-open{
    overflow:hidden
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-backdrop{
    background-color:#000;
    bottom:0;
    box-sizing:border-box;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1040
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.fade.in,.modal-backdrop.in{
    opacity:.5
}
.modal-content{
    box-sizing:border-box;
    outline:0;
    position:relative
}
.modal-content,.modal-content.c-card{
    border:none;
    box-shadow:0 3px 9px rgba(0,0,0,.4)
}
.modal-dialog{
    box-sizing:border-box;
    margin:10px;
    position:relative;
    width:auto
}
@media (min-width:768px){
    .modal-dialog{
        margin:30px auto;
        max-width:600px
    }
}
.modal-dialog--sm{
    max-width:300px
}
.modal-dialog--md{
    max-width:600px
}
.modal-dialog--lg{
    max-width:900px
}
@media (min-width:544px){
    .modal-dialog--sm\@sm{
        max-width:300px
    }
    .modal-dialog--md\@sm{
        max-width:600px
    }
    .modal-dialog--lg\@sm{
        max-width:900px
    }
}
@media (min-width:768px){
    .modal-dialog--sm\@md{
        max-width:300px
    }
    .modal-dialog--md\@md{
        max-width:600px
    }
    .modal-dialog--lg\@md{
        max-width:900px
    }
}
@media (min-width:992px){
    .modal-dialog--sm\@lg{
        max-width:300px
    }
    .modal-dialog--md\@lg{
        max-width:600px
    }
    .modal-dialog--lg\@lg{
        max-width:900px
    }
}
.modal.fade .modal-dialog{
    transform:translateY(-25%);
    transition:transform .3s ease-out
}
.modal.in .modal-dialog{
    transform:translate(0)
}
.modal-scrollbar-measure{
    height:50px;
    overflow:scroll;
    position:absolute;
    top:-9999px;
    width:50px
}
.u-centralize{
    -ms-flex-align:center!important;
    align-items:center!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
@media (min-width:544px){
    .u-centralize\@sm{
        -ms-flex-align:center!important;
        align-items:center!important;
        display:-ms-flexbox!important;
        display:flex!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
}
@media (min-width:768px){
    .u-centralize\@md{
        -ms-flex-align:center!important;
        align-items:center!important;
        display:-ms-flexbox!important;
        display:flex!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
}
@media (min-width:992px){
    .u-centralize\@lg{
        -ms-flex-align:center!important;
        align-items:center!important;
        display:-ms-flexbox!important;
        display:flex!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
}
.c-button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    box-shadow:none;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    font-size:1rem;
    font-weight:400;
    height:36px;
    line-height:34px;
    outline:none;
    padding:0 1em;
    transition:none;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.c-button,.c-button:hover{
    color:#2b2b2b;
    text-decoration:none
}
.c-button:hover{
    background-color:#f9f9f9;
    border-color:#ddd
}
.c-button:active{
    background-color:#f4f4f4;
    border-color:#ddd;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.2)
}
.c-button:focus{
    border-color:#3197d6;
    box-shadow:none
}
.c-button:focus:active{
    box-shadow:inset 0 1px 2px rgba(0,0,0,.2)
}
.c-button.is-disabled,.c-button:disabled{
    background-color:#fff;
    border-color:#ddd;
    text-decoration:none
}
.c-button.is-disabled,.c-button.is-disabled:active,.c-button.is-disabled:focus,.c-button.is-disabled:hover,.c-button[disabled],.c-button[disabled]:active,.c-button[disabled]:focus,.c-button[disabled]:hover{
    cursor:not-allowed;
    opacity:.65
}
.c-button.is-selected{
    background-color:#f1f1f1
}
.c-button.is-selected:hover{
    background-color:#ececec
}
.c-button.is-selected:active{
    background-color:#e7e7e7
}
.c-button.is-error{
    background-color:#e52f28;
    border-color:#cc1f19;
    color:#fff
}
.c-button.is-error:hover{
    background-color:#de221b;
    border-color:#cc1f19;
    color:#fff
}
.c-button.is-error:active{
    background-color:#cc1f19;
    border-color:#cc1f19
}
.c-button.is-error:focus{
    border-color:#cc1f19;
    box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)
}
.c-button.is-error.is-disabled,.c-button.is-error:disabled{
    background-color:#e52f28;
    border-color:#cc1f19
}
.c-button.is-success{
    background-color:#4bc27d;
    border-color:#3aaa69;
    color:#fff
}
.c-button.is-success:hover{
    background-color:#3fba73;
    border-color:#3aaa69;
    color:#fff
}
.c-button.is-success:active{
    background-color:#3aaa69;
    border-color:#3aaa69
}
.c-button.is-success:focus{
    border-color:#3aaa69;
    box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)
}
.c-button.is-success.is-disabled,.c-button.is-success:disabled{
    background-color:#4bc27d;
    border-color:#3aaa69
}
.c-button.is-warning{
    background-color:#ffc646;
    border-color:#ffb91d;
    color:#fff
}
.c-button.is-warning:hover{
    background-color:#ffc032;
    border-color:#ffb91d;
    color:#fff
}
.c-button.is-warning:active{
    background-color:#ffb91d;
    border-color:#ffb91d
}
.c-button.is-warning:focus{
    border-color:#ffb91d;
    box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4)
}
.c-button.is-warning.is-disabled,.c-button.is-warning:disabled{
    background-color:#ffc646;
    border-color:#ffb91d
}
.c-button--sm{
    font-size:.875rem;
    height:28px;
    line-height:26px;
    padding:0 .5em
}
.c-button--md{
    font-size:1rem;
    height:36px;
    line-height:34px;
    padding:0 1em
}
.c-button--lg{
    font-size:1.25rem;
    height:52px;
    line-height:50px;
    padding:0 1.5em
}
.c-button--primary{
    background-color:#3197d6;
    border-color:#237ab3;
    color:#fff
}
.c-button--primary:hover{
    background-color:#288cca;
    border-color:#237ab3;
    color:#fff
}
.c-button--primary:active{
    background-color:#2581b9;
    border-color:#237ab3;
    color:#fff
}
.c-button--primary:focus{
    border-color:#237ab3;
    box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4);
    color:#fff
}
.c-button--primary:focus:active{
    color:#fff
}
.c-button--primary.is-disabled,.c-button--primary:disabled{
    background-color:#3197d6;
    border-color:#237ab3
}
.c-button--link,.c-button--link:hover{
    background-color:transparent;
    border-color:transparent;
    box-shadow:none;
    color:#3197d6
}
.c-button--link:hover{
    text-decoration:underline
}
.c-button--link:active{
    background-color:transparent;
    border-color:transparent;
    box-shadow:none
}
.c-button--link:focus{
    border-color:#237ab3;
    box-shadow:none
}
.c-button--link:focus:active{
    box-shadow:none,none
}
.c-button--link.is-disabled,.c-button--link:disabled{
    background-color:transparent;
    border-color:transparent;
    text-decoration:none
}
.c-button--link.is-error,.c-button--link.is-error:active,.c-button--link.is-error:hover{
    background-color:transparent;
    border-color:transparent;
    box-shadow:none;
    color:#cc1f19
}
.c-button--link.is-error:focus{
    background-color:transparent;
    border-color:#cc1f19;
    box-shadow:none;
    color:#cc1f19
}
.c-button--link.is-error:focus:active{
    box-shadow:none
}
.c-button--link.is-error.is-disabled,.c-button--link.is-error:disabled{
    background-color:transparent;
    border-color:transparent
}
.c-button--link.is-success,.c-button--link.is-success:active,.c-button--link.is-success:hover{
    background-color:transparent;
    border-color:transparent;
    box-shadow:none;
    color:#3aaa69
}
.c-button--link.is-success:focus{
    background-color:transparent;
    border-color:#3aaa69;
    box-shadow:none;
    color:#3aaa69
}
.c-button--link.is-success:focus:active{
    box-shadow:none
}
.c-button--link.is-success.is-disabled,.c-button--link.is-success:disabled{
    background-color:transparent;
    border-color:transparent
}
.c-button--link.is-warning,.c-button--link.is-warning:active,.c-button--link.is-warning:hover{
    background-color:transparent;
    border-color:transparent;
    box-shadow:none;
    color:#ffb91d
}
.c-button--link.is-warning:focus{
    background-color:transparent;
    border-color:#ffb91d;
    box-shadow:none;
    color:#ffb91d
}
.c-button--link.is-warning:focus:active{
    box-shadow:none
}
.c-button--link.is-warning.is-disabled,.c-button--link.is-warning:disabled{
    background-color:transparent;
    border-color:transparent
}
.c-button--block{
    display:block;
    width:100%
}
button.c-button{
    font-family:inherit;
    overflow:visible;
    outline:none
}
button.c-button::-moz-focus-inner{
    border-style:none;
    padding:0
}
button.c-button:-moz-focus-ring{
    outline:1px dotted Buttontext
}
button.c-button:focus{
    outline:none
}
.tx-justify{
    text-align:justify!important
}
.tx-left{
    text-align:left!important
}
.tx-center{
    text-align:center!important
}
.tx-right{
    text-align:right!important
}
@media (min-width:544px){
    .tx-justify\@sm{
        text-align:justify!important
    }
    .tx-left\@sm{
        text-align:left!important
    }
    .tx-center\@sm{
        text-align:center!important
    }
    .tx-right\@sm{
        text-align:right!important
    }
}
@media (min-width:768px){
    .tx-justify\@md{
        text-align:justify!important
    }
    .tx-left\@md{
        text-align:left!important
    }
    .tx-center\@md{
        text-align:center!important
    }
    .tx-right\@md{
        text-align:right!important
    }
}
@media (min-width:992px){
    .tx-justify\@lg{
        text-align:justify!important
    }
    .tx-left\@lg{
        text-align:left!important
    }
    .tx-center\@lg{
        text-align:center!important
    }
    .tx-right\@lg{
        text-align:right!important
    }
}
.tx-break-all{
    word-break:break-all!important
}
.tx-break-keep-all{
    word-break:keep-all!important
}
.tx-break-normal{
    word-break:normal!important
}
.tx-overline{
    text-decoration:overline!important
}
.tx-strikethrough{
    text-decoration:line-through!important
}
.tx-underline{
    text-decoration:underline!important
}
.tx-no-decoration,.tx-no-underline{
    text-decoration:none!important
}
.tx-h1{
    font-size:3rem!important
}
.tx-h2{
    font-size:2.25rem!important
}
.tx-h3{
    font-size:1.5rem!important
}
.tx-h4{
    font-size:1.25rem!important
}
.tx-h5{
    font-size:1rem!important
}
.tx-h6{
    font-size:.875rem!important
}
@media (min-width:544px){
    .tx-h1\@sm{
        font-size:3rem!important
    }
    .tx-h2\@sm{
        font-size:2.25rem!important
    }
    .tx-h3\@sm{
        font-size:1.5rem!important
    }
    .tx-h4\@sm{
        font-size:1.25rem!important
    }
    .tx-h5\@sm{
        font-size:1rem!important
    }
    .tx-h6\@sm{
        font-size:.875rem!important
    }
}
@media (min-width:768px){
    .tx-h1\@md{
        font-size:3rem!important
    }
    .tx-h2\@md{
        font-size:2.25rem!important
    }
    .tx-h3\@md{
        font-size:1.5rem!important
    }
    .tx-h4\@md{
        font-size:1.25rem!important
    }
    .tx-h5\@md{
        font-size:1rem!important
    }
    .tx-h6\@md{
        font-size:.875rem!important
    }
}
@media (min-width:992px){
    .tx-h1\@lg{
        font-size:3rem!important
    }
    .tx-h2\@lg{
        font-size:2.25rem!important
    }
    .tx-h3\@lg{
        font-size:1.5rem!important
    }
    .tx-h4\@lg{
        font-size:1.25rem!important
    }
    .tx-h5\@lg{
        font-size:1rem!important
    }
    .tx-h6\@lg{
        font-size:.875rem!important
    }
}
.tx-headline-1{
    font-size:5rem!important
}
.tx-headline-2{
    font-size:4.5rem!important
}
.tx-headline-3{
    font-size:4rem!important
}
.tx-headline-4{
    font-size:3.5rem!important
}
@media (min-width:544px){
    .tx-headline-1\@sm{
        font-size:5rem!important
    }
    .tx-headline-2\@sm{
        font-size:4.5rem!important
    }
    .tx-headline-3\@sm{
        font-size:4rem!important
    }
    .tx-headline-4\@sm{
        font-size:3.5rem!important
    }
}
@media (min-width:768px){
    .tx-headline-1\@md{
        font-size:5rem!important
    }
    .tx-headline-2\@md{
        font-size:4.5rem!important
    }
    .tx-headline-3\@md{
        font-size:4rem!important
    }
    .tx-headline-4\@md{
        font-size:3.5rem!important
    }
}
@media (min-width:992px){
    .tx-headline-1\@lg{
        font-size:5rem!important
    }
    .tx-headline-2\@lg{
        font-size:4.5rem!important
    }
    .tx-headline-3\@lg{
        font-size:4rem!important
    }
    .tx-headline-4\@lg{
        font-size:3.5rem!important
    }
}
.tx-lh-heading{
    line-height:1.2!important
}
.tx-lh-body{
    line-height:1.5!important
}
.tx-lh-copy{
    line-height:1.6!important
}
.tx-lh-reset{
    line-height:1!important
}
.tx-lh-none{
    line-height:0!important
}
@media (min-width:544px){
    .tx-lh-heading\@sm{
        line-height:1.2!important
    }
    .tx-lh-body\@sm{
        line-height:1.5!important
    }
    .tx-lh-copy\@sm{
        line-height:1.6!important
    }
    .tx-lh-reset\@sm{
        line-height:1!important
    }
    .tx-lh-none\@sm{
        line-height:0!important
    }
}
@media (min-width:768px){
    .tx-lh-heading\@md{
        line-height:1.2!important
    }
    .tx-lh-body\@md{
        line-height:1.5!important
    }
    .tx-lh-copy\@md{
        line-height:1.6!important
    }
    .tx-lh-reset\@md{
        line-height:1!important
    }
    .tx-lh-none\@md{
        line-height:0!important
    }
}
@media (min-width:992px){
    .tx-lh-heading\@lg{
        line-height:1.2!important
    }
    .tx-lh-body\@lg{
        line-height:1.5!important
    }
    .tx-lh-copy\@lg{
        line-height:1.6!important
    }
    .tx-lh-reset\@lg{
        line-height:1!important
    }
    .tx-lh-none\@lg{
        line-height:0!important
    }
}
.tx-lead{
    font-size:1.25rem!important
}
.tx-xl{
    font-size:1.28rem!important
}
.tx-lg{
    font-size:1.14rem!important
}
.tx-md{
    font-size:1rem!important
}
.tx-sm{
    font-size:.92rem!important
}
.tx-xs{
    font-size:.78rem!important
}
@media (min-width:544px){
    .tx-lead\@sm{
        font-size:1.25rem!important
    }
    .tx-xl\@sm{
        font-size:1.28rem!important
    }
    .tx-lg\@sm{
        font-size:1.14rem!important
    }
    .tx-md\@sm{
        font-size:1rem!important
    }
    .tx-sm\@sm{
        font-size:.92rem!important
    }
    .tx-xs\@sm{
        font-size:.78rem!important
    }
}
@media (min-width:768px){
    .tx-lead\@md{
        font-size:1.25rem!important
    }
    .tx-xl\@md{
        font-size:1.28rem!important
    }
    .tx-lg\@md{
        font-size:1.14rem!important
    }
    .tx-md\@md{
        font-size:1rem!important
    }
    .tx-sm\@md{
        font-size:.92rem!important
    }
    .tx-xs\@md{
        font-size:.78rem!important
    }
}
@media (min-width:992px){
    .tx-lead\@lg{
        font-size:1.25rem!important
    }
    .tx-xl\@lg{
        font-size:1.28rem!important
    }
    .tx-lg\@lg{
        font-size:1.14rem!important
    }
    .tx-md\@lg{
        font-size:1rem!important
    }
    .tx-sm\@lg{
        font-size:.92rem!important
    }
    .tx-xs\@lg{
        font-size:.78rem!important
    }
}
.tx-smooth{
    -moz-osx-font-smoothing:antialiased!important;
    -webkit-font-smoothing:antialiased!important
}
.tx-smooth-auto{
    -moz-osx-font-smoothing:auto!important;
    -webkit-font-smoothing:auto!important
}
.tx-smooth-none{
    -moz-osx-font-smoothing:none!important;
    -webkit-font-smoothing:none!important
}
.tx-initial{
    -moz-osx-font-smoothing:initial!important;
    -webkit-font-smoothing:initial!important
}
.tx-capitalize{
    text-transform:capitalize!important
}
.tx-lowercase{
    text-transform:lowercase!important
}
.tx-uppercase{
    text-transform:uppercase!important
}
.tx-truncate,.tx-truncate-block{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important
}
.tx-truncate-block{
    display:block
}
.tx-100{
    font-weight:100!important
}
.tx-200{
    font-weight:200!important
}
.tx-300{
    font-weight:300!important
}
.tx-400{
    font-weight:400!important
}
.tx-500{
    font-weight:500!important
}
.tx-600{
    font-weight:600!important
}
.tx-700{
    font-weight:700!important
}
.tx-800{
    font-weight:800!important
}
.tx-900{
    font-weight:900!important
}
.tx-lighter{
    font-weight:lighter!important
}
.tx-normal{
    font-weight:400!important
}
.tx-bold{
    font-weight:700!important
}
.tx-bolder{
    font-weight:bolder!important
}
.tx-ws-nowrap{
    white-space:nowrap!important
}
.tx-ws-pre{
    white-space:pre!important
}
.tx-ws-pre-line{
    white-space:pre-line!important
}
.tx-ws-normal{
    white-space:normal!important
}
.tx-wrap-break{
    word-wrap:break-word!important
}
.tx-wrap-normal{
    word-wrap:normal!important
}
.u-overflow-visible{
    overflow:visible!important
}
.u-overflow-hidden{
    overflow:hidden!important
}
.u-overflow-scroll{
    overflow:scroll!important
}
.u-overflow-auto{
    overflow:auto!important
}
@media (min-width:544px){
    .u-overflow-visible\@sm{
        overflow:visible!important
    }
    .u-overflow-hidden\@sm{
        overflow:hidden!important
    }
    .u-overflow-scroll\@sm{
        overflow:scroll!important
    }
    .u-overflow-auto\@sm{
        overflow:auto!important
    }
}
@media (min-width:768px){
    .u-overflow-visible\@md{
        overflow:visible!important
    }
    .u-overflow-hidden\@md{
        overflow:hidden!important
    }
    .u-overflow-scroll\@md{
        overflow:scroll!important
    }
    .u-overflow-auto\@md{
        overflow:auto!important
    }
}
@media (min-width:992px){
    .u-overflow-visible\@lg{
        overflow:visible!important
    }
    .u-overflow-hidden\@lg{
        overflow:hidden!important
    }
    .u-overflow-scroll\@lg{
        overflow:scroll!important
    }
    .u-overflow-auto\@lg{
        overflow:auto!important
    }
}
.u-overflow-x-visible{
    overflow:visible!important
}
.u-overflow-x-hidden{
    overflow:hidden!important
}
.u-overflow-x-scroll{
    overflow:scroll!important
}
.u-overflow-x-auto{
    overflow:auto!important
}
@media (min-width:544px){
    .u-overflow-x-visible\@sm{
        overflow:visible!important
    }
    .u-overflow-x-hidden\@sm{
        overflow:hidden!important
    }
    .u-overflow-x-scroll\@sm{
        overflow:scroll!important
    }
    .u-overflow-x-auto\@sm{
        overflow:auto!important
    }
}
@media (min-width:768px){
    .u-overflow-x-visible\@md{
        overflow:visible!important
    }
    .u-overflow-x-hidden\@md{
        overflow:hidden!important
    }
    .u-overflow-x-scroll\@md{
        overflow:scroll!important
    }
    .u-overflow-x-auto\@md{
        overflow:auto!important
    }
}
@media (min-width:992px){
    .u-overflow-x-visible\@lg{
        overflow:visible!important
    }
    .u-overflow-x-hidden\@lg{
        overflow:hidden!important
    }
    .u-overflow-x-scroll\@lg{
        overflow:scroll!important
    }
    .u-overflow-x-auto\@lg{
        overflow:auto!important
    }
}
.u-overflow-y-visible{
    overflow:visible!important
}
.u-overflow-y-hidden{
    overflow:hidden!important
}
.u-overflow-y-scroll{
    overflow:scroll!important
}
.u-overflow-y-auto{
    overflow:auto!important
}
@media (min-width:544px){
    .u-overflow-y-visible\@sm{
        overflow:visible!important
    }
    .u-overflow-y-hidden\@sm{
        overflow:hidden!important
    }
    .u-overflow-y-scroll\@sm{
        overflow:scroll!important
    }
    .u-overflow-y-auto\@sm{
        overflow:auto!important
    }
}
@media (min-width:768px){
    .u-overflow-y-visible\@md{
        overflow:visible!important
    }
    .u-overflow-y-hidden\@md{
        overflow:hidden!important
    }
    .u-overflow-y-scroll\@md{
        overflow:scroll!important
    }
    .u-overflow-y-auto\@md{
        overflow:auto!important
    }
}
@media (min-width:992px){
    .u-overflow-y-visible\@lg{
        overflow:visible!important
    }
    .u-overflow-y-hidden\@lg{
        overflow:hidden!important
    }
    .u-overflow-y-scroll\@lg{
        overflow:scroll!important
    }
    .u-overflow-y-auto\@lg{
        overflow:auto!important
    }
}
@font-face{
    font-family:Biotif-Regular;
    src:url(../images/fonts/biotif.woff2) format("woff2"),url(../images/fonts/biotif.woff) format("woff")
}
@font-face{
    font-family: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
}
.s-home .c-hero .c-eyelash,.s-home .c-hero svg{
    opacity:0
}
a:hover .c-logo:before{
    opacity:1;
    transform:translate3d(-50%,-80%,0)
}
a:hover .c-logo__iris{
    transform:scale(1.4)
}
.js-bounce-in,.js-bounce-in-home{
    opacity:0
}
@media screen and (prefers-reduced-motion:reduce){
    a,div,img{
        transition:none!important
    }
    .c-cornea,.c-hero__eye__inner,.c-hero__eye__scale,.c-tile:hover,.c-tile:hover .c-tile__img{
        transform:translateZ(0)!important
    }
    .c-hero__eye__scale svg,.js-bounce-in,.js-bounce-in-home{
        opacity:1!important;
        transform:translateZ(0)!important
    }
    .c-logo__eye{
        transform:rotate(180deg)!important
    }
    .c-logo__iris{
        transform:translateZ(0)!important
    }
    .c-logo:before{
        display:none!important
    }
    .c-eyelash{
        opacity:1!important
    }
    .c-loader{
        display:none!important
    }
    .c-nav-list__link span:before{
        transform:translateZ(0)!important
    }
    .c-continue__link:before,.c-duties__link:before,.c-nav__work-list-item-link:hover:before,.c-work__out-link:before{
        transform:rotate(-1deg)!important
    }
    .c-work__out-link:before{
        height:3px!important
    }
}
.s-nav{
    position:fixed;
    width:100%;
    z-index:1040;
    background:#fefaf6
}
.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
}
.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
}
.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:3.5em;
    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:6.5em;
        letter-spacing:-3px
    }
}
.c-hero__sub{
    color:#656270;
    font-size:1.1em;
    line-height:1.7;
    margin:1em 0 0;
    transition:all .2s ease-in-out
}
@media (min-width:544px){
    .c-hero__sub{
        margin:1.3em 0 0
    }
}
@media (min-width:1000px){
    .c-hero__sub{
        padding-right:2em
    }
}
@media (min-width:1600px){
    .c-hero__sub{
        font-size:1.3em;
        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 7em 3em 0
    }
}
@media (min-width:1700px){
    .c-hero__box{
        padding:140px 6em 270px;
        max-width:1600px
    }
}
.c-loader{
    position:absolute;
    left:50%;
    top:35%;
    transform:translate3d(-50%,-50%,0);
    z-index:1;
    opacity:1;
    animation:a 1s infinite;
    pointer-events:none
}
.c-loader,.c-loader svg{
    transition:all .2s ease-in-out
}
.c-loader svg{
    position:relative
}
.c-loader.loaded{
    opacity:0;
    transform:translate3d(-50%,-50%,0)
}
.c-loader.loaded svg{
    transform:scale3d(.5,.5,.5)
}
@keyframes a{
    0%{
        transform:translate3d(-50%,-50%,0)
    }
    50%{
        transform:translate3d(-50%,-60%,0)
    }
    to{
        transform:translate3d(-50%,-50%,0)
    }
}
.s-work--browso .c-loader svg path,.s-work--figma .c-loader svg path{
    fill:#fff
}
.c-duties{
    margin:4em auto;
    max-width:90%;
    border-radius:20px;
    background:#fdf5ee;
    padding:2rem 1rem;
    display:-ms-flexbox;
    display:flex
}
@media (min-width:544px){
    .c-duties{
        padding:2.5rem
    }
}
@media (min-width:992px){
    .c-duties{
        max-width:50em;
        padding:4rem;
        margin:7em auto 7.5em
    }
}
.c-duties__col{
    width:50%;
    padding:0 .5em
}
@media (min-width:544px){
    .c-duties__col{
        padding:0
    }
}
.c-duties__title{
    color:#232320;
    font-size:13px;
    letter-spacing:1.5px;
    text-transform:uppercase
}
.c-duties__list{
    margin:0;
    padding:0;
    list-style:none;
    color:#656270;
    font-size:18px;
    line-height:150%
}
.c-duties__list-item+.c-duties__list-item{
    margin-top:.75em
}
.c-duties__link{
    color:#656270;
    transition:all .2s ease-in-out
}
.c-duties__link,.c-duties__link span{
    position:relative;
    z-index:10
}
.c-duties__link:before{
    z-index:5;
    content:"";
    width:100%;
    position:absolute;
    bottom:-3px;
    height:3px;
    left:0;
    display:block;
    background:#ffc4ff;
    transform:rotate(-1deg);
    transition:all .2s cubic-bezier(.175,.885,.32,1.275)
}
.c-duties__link:hover{
    color:#232320;
    text-decoration:none
}
.c-duties__link:hover:before{
    transform:scale3d(1.2,1.2,1.2)
}
.c-duties h6+ul{
    margin-top:.75em
}
.c-duties ul+h6{
    margin-top:3em
}
.c-footer,.c-footer__content{
    position:relative;
    z-index:1000
}
.c-footer__content{
    max-width:90%;
    margin:0 auto;
    padding:5em 0
}
@media (min-width:992px){
    .c-footer__content{
        padding:14em 0;
        max-width:790px
    }
}
.c-footer__title{
    font-size:40px;
    line-height:120%;
    letter-spacing:-1.5px;
    color:#232320;
    position:relative;
    z-index:100;
    text-align:center
}
@media (min-width:992px){
    .c-footer__title{
        font-size:64px;
        letter-spacing:-2px
    }
}
.c-footer__text{
    color:#656270;
    font-size:20px;
    line-height:160%;
    margin-top:2em;
    position:relative;
    z-index:100;
    text-align:center
}
.c-footer__arrow{
    bottom:11em;
    position:absolute;
    right:-5em;
    z-index:10;
    display:none
}
@media (min-width:1230px){
    .c-footer__arrow{
        display:block
    }
}
.c-footer__blck{
    position:absolute;
    width:135px;
    height:135px;
    border-radius:20px;
    display:none
}
@media (min-width:1000px){
    .c-footer__blck{
        display:block
    }
}
.c-footer__blck--tl{
    right:80px;
    top:120px;
    background:linear-gradient(5.85deg,#dacdff -39.75%,rgba(218,205,255,0) 61.37%),#ffeaee
}
.c-footer__blck--tr{
    right:-55px;
    top:255px;
    background:linear-gradient(331.16deg,#f8c6ff -19.15%,rgba(255,196,255,0) 55.74%),#ffeec4
}
.c-footer__blck--br{
    left:-150px;
    bottom:105px;
    background:linear-gradient(34.67deg,#b6a0ea -68.96%,rgba(182,160,234,0) 45.02%),#f1ebff
}
.c-footer__blck--bl{
    left:-285px;
    bottom:235px;
    background:linear-gradient(323.93deg,rgba(10,185,149,.7) -32.24%,rgba(10,185,149,0) 57.93%),#dacdff
}
.c-footer__link{
    color:#656270;
    display:inline-block;
    transition:all .2s ease-in-out
}
.c-footer__link,.c-footer__link span{
    position:relative;
    z-index:10
}
.c-footer__link:before{
    z-index:5;
    content:"";
    width:100%;
    position:absolute;
    bottom:2px;
    height:3px;
    left:0;
    display:block;
    background:#ffc4ff;
    transition:all .2s ease-in-out;
    transform:rotate(1deg)
}
.c-footer__link:hover{
    color:#232320;
    text-decoration:none
}
.c-footer__link:hover:before{
    height:10px
}
.c-info__hero{
    padding:8em 0 3em;
    max-width:1200px;
    width:90%;
    margin:0 auto;
    display:block
}
@media (min-width:544px){
    .c-info__hero{
        padding:8em 0 5em
    }
}
@media (min-width:1200px){
    .c-info__hero{
        padding:14em 0 5em;
        width:100%;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-align:center;
        align-items:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.c-info__hero-col{
    width:100%;
    position:relative;
    z-index:100;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
@media (min-width:1200px){
    .c-info__hero-col{
        margin:0 2em
    }
}
.c-info__hero-col:nth-child(2){
    max-width:600px;
    margin:0 auto
}
@media (min-width:1200px){
    .c-info__hero-col:nth-child(2){
        max-width:100%;
        margin:0 2em
    }
}
.c-info__avatar{
    max-width:100%;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 52px 74px rgba(0,21,64,.138559);
    max-width:580px;
    margin:0 auto 4em
}
@media (min-width:1200px){
    .c-info__avatar{
        margin:0 auto
    }
}
.c-info__avatar img{
    display:block;
    width:100%;
    height:auto
}
.c-info h1{
    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
}
.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
}
.o-container{
    max-width:1600px
}
.c-tiles{
    position:relative;
    z-index:1000;
    margin:4em auto 0;
    max-width:90%;
    display:-ms-grid;
    display:grid;
    gap:4em;
    -ms-grid-columns:(1fr)[1];
    grid-template-columns:repeat(1,1fr)
}
@media (min-width:544px){
    .c-tiles{
        gap:7em;
        margin:120px auto 0
    }
}
@media (min-width:1600px){
    .c-tiles{
        max-width:1600px
    }
}
.c-tile{
    width:100%;
    border-radius:20px;
    position:relative;
    display:block;
    transition:all .4s ease-in-out;
    padding:3em 3em 4em
}
@media (min-width:1230px){
    .c-tile{
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-align:center;
        align-items:center;
        padding:0;
        height:1000px
    }
}
.c-tile:hover{
    text-decoration:none
}
@media (min-width:544px){
    .c-tile:hover{
        transform:translate3d(0,-5px,0);
        box-shadow:0 52px 74px rgba(0,0,0,.12)
    }
}
@media (min-width:544px){
    .c-tile:hover img{
        transform:translate3d(0,-10px,0)
    }
}
.c-tile:active,.c-tile:focus{
    text-decoration:none
}
.c-tile:active{
    transition:all .3s ease-out;
    transform:scale3d(.99,.99,.99) translateZ(0);
    box-shadow:0 0 0 transparent
}
.c-tile__img{
    position:relative;
    transition:all .4s ease-in-out;
    max-width:100%;
    display:inline-block
}
.c-tile__img--hs{
    max-width:80%
}
@media (min-width:768px){
    .c-tile__img--hs{
        filter:drop-shadow(0 52px 74px rgba(0,21,64,.138559))
    }
}
@media (min-width:616px){
    .c-tile__img--hs{
        max-width:444px
    }
}
.c-tile__img--shape{
    max-width:100%;
    position:relative;
    border-radius:10px
}
@media (min-width:768px){
    .c-tile__img--shape{
        filter:drop-shadow(0 52px 74px rgba(0,21,64,.138559))
    }
}
@media (min-width:835px){
    .c-tile__img--shape{
        max-width:600px
    }
}
@media (min-width:1230px){
    .c-tile__img--custoji{
        max-width:924px
    }
}
@media (min-width:768px){
    .c-tile__img--browso{
        box-shadow:10px 10px 0 rgba(0,0,0,.2)
    }
}
@media (min-width:1230px){
    .c-tile__img--browso{
        max-width:971px
    }
}
@media (min-width:768px){
    .c-tile__img--figma{
        filter:drop-shadow(0 52px 74px rgba(0,0,0,.1))
    }
}
@media (min-width:1230px){
    .c-tile__img--figma{
        max-width:960px
    }
}
.c-tile__img--jeffsum{
    border-radius:10px
}
@media (min-width:768px){
    .c-tile__img--jeffsum{
        border-radius:30px;
        filter:drop-shadow(0 52px 74px rgba(0,0,0,.1))
    }
}
@media (min-width:820px){
    .c-tile__img--jeffsum{
        max-width:585px
    }
}
.c-tile__holder{
    position:relative;
    max-width:100%;
    margin:0 auto;
    text-align:center
}
.c-tile__holder--shape:before{
    content:"";
    width:40px;
    height:120px;
    background:url(/images/hp/editor.png) 0 0 no-repeat;
    background-size:contain;
    display:none;
    position:absolute;
    right:-60px;
    top:0
}
@media (min-width:768px){
    .c-tile__holder--shape:before{
        display:block
    }
}
.c-tile__title{
    font-family: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
    }
}
.c-tile--hs{
    background:linear-gradient(338.83deg,#f8c6ff -3.41%,rgba(255,196,255,0) 52.31%),#ffeec4
}
.c-tile--hs h2,.c-tile--hs span{
    color:#232320
}
.c-tile--shape{
    background:linear-gradient(6.03deg,#dacdff .5%,rgba(218,205,255,0) 46.89%),#ffeaee
}
.c-tile--shape h2,.c-tile--shape span{
    color:#4b3235
}
.c-tile--browso{
    background:linear-gradient(180.14deg,#142c69 .12%,rgba(20,44,105,0) 62.01%),#008081
}
.c-tile--browso h2,.c-tile--browso span{
    color:#fff
}
.c-tile--custoji{
    background:linear-gradient(39.4deg,#b6a0ea -2.55%,rgba(182,160,234,0) 45.21%),#f1ebff
}
.c-tile--custoji h2,.c-tile--custoji span{
    color:#150042
}
.c-tile--figma{
    background:linear-gradient(223.65deg,rgba(10,207,131,0) 60.59%,rgba(10,207,131,.62) 113.24%),#191919
}
.c-tile--figma h2,.c-tile--figma span{
    color:#fff
}
.c-tile--jeffsum{
    background:linear-gradient(314.25deg,rgba(10,185,149,.7) 1.09%,rgba(10,185,149,0) 43.26%),#dacdff
}
.c-tile--jeffsum h2,.c-tile--jeffsum span{
    color:#311c6a
}
.s-work--hs .c-logo__iris,.s-work--hs .s-nav{
    background:#ffeec4
}
.s-work--shape .c-logo__iris,.s-work--shape .s-nav{
    background:#ffeaee
}
.s-work--custoji .s-nav{
    background:#f1ebff
}
.s-work--jeffsum .c-logo__iris,.s-work--jeffsum .s-nav{
    background:#dacdff
}
.s-work--jeffsum .c-nav-list__link{
    color:#311c6a
}
.s-work--jeffsum .c-nav-list__link svg{
    fill:#311c6a
}
.s-work--jeffsum .c-work__breakdown,.s-work--jeffsum .c-work__title{
    color:#311c6a
}
@media (min-width:544px){
    .s-work--jeffsum .c-work__hero-desc{
        padding:4em 0 3em
    }
}
@media (min-width:992px){
    .s-work--jeffsum .c-work__hero-desc{
        padding:14em 0 8em
    }
}
.s-work--browso .s-nav{
    background:#142c69
}
.s-work--browso .c-logo{
    background-image:url(images/nav/eye-white.svg)
}
.s-work--browso .c-logo:before{
    background-image:url(images/nav/lash-white.svg)
}
.s-work--browso .c-logo__iris{
    background:#142c69
}
.s-work--browso .c-nav-list__link{
    color:#fff
}
.s-work--browso .c-nav-list__link svg{
    fill:#fff
}
.s-work--browso .c-work__breakdown,.s-work--browso .c-work__title{
    color:#fff
}
@media (min-width:768px){
    .s-work--browso .c-work__hero-desc{
        padding:14em 0 8em
    }
}
.s-work--figma .s-nav{
    background:#191919
}
.s-work--figma .c-logo{
    background-image:url(../images/nav/eye-white.svg)
}
.s-work--figma .c-logo:before{
    background-image:url(../images/nav/lash-white.svg)
}
.s-work--figma .c-logo__iris{
    background:#191919
}
.s-work--figma .c-nav-list__link{
    color:#fff
}
.s-work--figma .c-nav-list__link svg{
    fill:#fff
}
.s-work--figma .c-work__breakdown,.s-work--figma .c-work__title{
    color:#fff
}
@media (min-width:768px){
    .s-work--figma .c-work__hero-desc{
        padding:14em 0 10em
    }
}
.s-work h2{
    margin-top:2em;
    font-size:32px;
    line-height:120%;
    color:#232320;
    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:1100px
    }
}
.c-work__hero--hs{
    background:linear-gradient(350deg,#f8c6ff -6%,rgba(255,196,255,0) 60%),#ffeec4;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--hs{
        margin-bottom:10em
    }
}
@media (min-width:1452px){
    .c-work__hero--hs{
        margin-bottom:30em
    }
}
.c-work__hero--shape{
    background:linear-gradient(6deg,#dacdff 1%,rgba(218,205,255,0) 47%),#ffeaee;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--shape{
        margin-bottom:10em
    }
}
@media (min-width:1452px){
    .c-work__hero--shape{
        margin-bottom:20em
    }
}
.c-work__hero--browso{
    background:linear-gradient(180deg,#142c69 12%,rgba(20,44,105,0) 62%),#008081;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--browso{
        margin-bottom:10em
    }
}
@media (min-width:1452px){
    .c-work__hero--browso{
        margin-bottom:14em
    }
}
.c-work__hero--custoji{
    background:linear-gradient(.25deg,#b6a0ea -36.42%,rgba(182,160,234,0) 59.25%),#f1ebff;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--custoji{
        margin-bottom:3em
    }
}
.c-work__hero--figma{
    background:linear-gradient(203deg,rgba(10,207,131,0) 61%,rgba(10,207,131,.62) 123%),#191919;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--figma{
        margin-bottom:10em
    }
}
@media (min-width:1452px){
    .c-work__hero--figma{
        margin-bottom:10em
    }
}
.c-work__hero--jeffsum{
    background:linear-gradient(334deg,rgba(10,185,149,.7) -6%,rgba(10,185,149,0) 43%),#dacdff;
    margin-bottom:0
}
@media (min-width:992px){
    .c-work__hero--jeffsum{
        margin-bottom:10em
    }
}
@media (min-width:1452px){
    .c-work__hero--jeffsum{
        margin-bottom:14em
    }
}
.c-work__hero-desc{
    max-width:90%;
    margin:0 auto;
    padding:4em 0;
    transition:all .2s ease-in-out
}
@media (min-width:768px){
    .c-work__hero-desc{
        padding:14em 0
    }
}
@media (min-width:1452px){
    .c-work__hero-desc{
        max-width:1330px
    }
}
.c-work__title{
    font-size:50px;
    letter-spacing:-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__hero-shot--jeffsum img{
    max-width:100%;
    border-radius:20px
}
@media (min-width:992px){
    .c-work__hero-shot--jeffsum img{
        border-radius:40px
    }
}
@media (min-width:1230px){
    .c-work__hero-shot--jeffsum{
        max-width:1230px
    }
}
.c-work__hero-shot--shape img{
    max-width:95%;
    border-radius:10px;
    margin:0 auto
}
@media (min-width:544px){
    .c-work__hero-shot--shape img{
        max-width:48%;
        margin:auto
    }
}
@media (min-width:1452px){
    .c-work__hero-shot--shape img{
        max-width:600px
    }
}
@media (min-width:768px){
    .c-work__hero-shot--shape img:first-child{
        top:-80px
    }
}
.c-work__hero-shot--shape img:nth-child(2){
    display:none
}
@media (min-width:768px){
    .c-work__hero-shot--shape img:nth-child(2){
        top:-140px
    }
}
@media (min-width:544px){
    .c-work__hero-shot--shape img:nth-child(2){
        display:block
    }
}
@media (min-width:1250px){
    .c-work__hero-shot--shape{
        max-width:1250px
    }
}
.c-work__hero-shot--hs img{
    max-width:30%
}
@media (min-width:1452px){
    .c-work__hero-shot--hs img{
        max-width:444px
    }
}
@media (min-width:768px){
    .c-work__hero-shot--hs img:nth-child(2){
        top:-70px
    }
}
@media (min-width:768px){
    .c-work__hero-shot--hs img:nth-child(3){
        top:-180px
    }
}
@media (min-width:1452px){
    .c-work__hero-shot--hs{
        max-width:1452px
    }
}
.c-work__hero-shot--browso{
    position:relative;
    max-width:90%
}
@media (min-width:1420px){
    .c-work__hero-shot--browso{
        max-width:1250px
    }
}
.c-work__hero-shot--browso img:first-child{
    display:block;
    margin:0 auto;
    max-width:100%;
    box-shadow:10px 10px 0 rgba(0,0,0,.2)
}
@media (min-width:1420px){
    .c-work__hero-shot--browso img:first-child{
        max-width:1250px
    }
}
.c-work__hero-shot--figma{
    position:relative;
    max-width:90%
}
@media (min-width:960px){
    .c-work__hero-shot--figma{
        max-width:960px
    }
}
.c-work__hero-shot--figma img{
    box-shadow:0 52px 74px rgba(0,21,64,.138559);
    border-radius:6px
}
.c-work__hero-shot--figma img:first-child{
    display:block;
    margin:0 auto;
    max-width:100%
}
@media (min-width:960px){
    .c-work__hero-shot--figma img:first-child{
        max-width:960px
    }
}
.c-work__compare{
    width:100%;
    max-width:375px;
    margin:1em auto;
    display:inline-block;
    filter:drop-shadow(0 52px 74px rgba(0,21,64,.138559))
}
@media (min-width:768px){
    .c-work__compare{
        margin:2em auto
    }
}
.c-work__arrow-right{
    top:50%;
    transform:translate3d(-50%,-50%,0) scale3d(.8,.8,.8);
    position:absolute;
    z-index:100;
    left:50%
}
@media (min-width:544px){
    .c-work__arrow-right{
        transform:translate3d(-50%,-50%,0)
    }
}
.c-work__mosaics{
    margin:3em 0
}
@media (min-width:544px){
    .c-work__mosaics{
        margin:8em 0
    }
}
.c-work__mosaic{
    border-radius:10px;
    background-size:cover!important;
    background-position:50%!important;
    overflow:hidden;
    width:100%;
    background:#fff9ff;
    margin-bottom:30px
}
.c-work__mosaic--medium{
    height:457px
}
.c-work__mosaic--tall{
    height:655px
}
.c-work__mosaic--half-1{
    height:360px
}
.c-work__mosaic--half-2{
    height:498px
}
.c-work__mosaic--extra{
    height:888px;
    display:-ms-flexbox;
    display:flex
}
.c-work__caption,.c-work__mosaic--extra{
    -ms-flex-align:center;
    align-items:center
}
.c-work__caption{
    width:100%;
    color:#656270;
    display:block;
    font-size:14px;
    line-height:170%;
    text-align:center
}
.c-work__caption--padded{
    padding:1.5em 0
}
.c-work__caption-link,.c-work__out-link{
    color:#656270;
    position:relative;
    z-index:10;
    display:inline-block;
    transition:all .2s ease-in-out
}
.c-work__caption-link span,.c-work__out-link span{
    position:relative;
    z-index:10
}
.c-work__caption-link:before,.c-work__out-link:before{
    z-index:5;
    content:"";
    width:100%;
    position:absolute;
    bottom:2px;
    height:3px;
    left:0;
    display:block;
    background:#ffc4ff;
    transition:all .2s ease-in-out;
    transform:rotate(1deg)
}
.c-work__caption-link:hover,.c-work__out-link:hover{
    color:#232320;
    text-decoration:none
}
.c-work__caption-link:hover:before,.c-work__out-link:hover:before{
    height:10px
}
.c-work__out-link,.c-work__out-link:hover{
    color:#232320
}
.c-work__montage{
    margin:0 auto;
    max-width:95%;
    position:relative
}
@media (min-width:992px){
    .c-work__montage{
        max-width:100%
    }
}
.c-work__montage--hs{
    margin:5em auto 0
}
@media (min-width:992px){
    .c-work__montage--hs{
        max-width:95%
    }
}
.c-work__montage--hs:before{
    z-index:1;
    background:linear-gradient(343.21deg,#f8c6ff 3.25%,rgba(255,196,255,0) 58.56%),#ffeec4;
    width:100%;
    height:80%;
    content:"";
    position:absolute;
    left:0;
    top:10%;
    border-radius:20px;
    display:none
}
@media (min-width:544px){
    .c-work__montage--hs:before{
        display:block
    }
}
.c-work__montage--browso-big{
    margin:4em auto 0;
    padding:1em 0
}
@media (min-width:768px){
    .c-work__montage--browso-big{
        padding:2em 0
    }
}
@media (min-width:992px){
    .c-work__montage--browso-big{
        margin:10em auto 0;
        max-width:95%;
        padding:5em 0
    }
}
.c-work__montage--browso-big:before{
    z-index:1;
    background:linear-gradient(180deg,#142c69 12%,rgba(20,44,105,0) 62%),#008081;
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    left:0;
    top:0;
    border-radius:20px
}
.c-work__montage-row{
    width:100%;
    display:-ms-grid;
    display:grid;
    margin:0 auto;
    position:relative;
    z-index:100
}
.c-work__montage-row--hs{
    gap:1em;
    margin:3em auto;
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,1fr);
    max-width:1600px
}
@media (min-width:768px){
    .c-work__montage-row--hs{
        gap:3em;
        margin:3em auto;
        -ms-grid-columns:(1fr)[3];
        grid-template-columns:repeat(3,1fr)
    }
}
.c-work__montage-row--custoji{
    gap:1em;
    margin:1em auto;
    -ms-grid-columns:(1fr)[1];
    grid-template-columns:repeat(1,1fr);
    max-width:95%
}
@media (min-width:768px){
    .c-work__montage-row--custoji{
        gap:1em;
        margin:1em auto;
        -ms-grid-columns:(1fr)[2];
        grid-template-columns:repeat(2,1fr)
    }
}
@media (min-width:1200px){
    .c-work__montage-row--custoji{
        max-width:1200px;
        gap:3em;
        margin:3em auto;
        -ms-grid-columns:(1fr)[3];
        grid-template-columns:repeat(3,1fr)
    }
}
.c-work__montage-row--browso{
    gap:2em;
    margin:3em auto;
    -ms-grid-columns:(1fr)[2];
    grid-template-columns:repeat(2,1fr);
    max-width:1500px;
    width:90%
}
@media (min-width:768px){
    .c-work__montage-row--browso{
        margin:12em auto 4em;
        -ms-grid-columns:(1fr)[4];
        grid-template-columns:repeat(4,1fr)
    }
}
@media (min-width:1500px){
    .c-work__montage-row--browso{
        width:100%;
        gap:3em
    }
}
.c-work__montage-row--browso-big{
    gap:2em;
    margin:2em auto;
    -ms-grid-columns:(1fr)[1];
    grid-template-columns:repeat(1,1fr);
    max-width:1250px;
    width:90%
}
@media (min-width:768px){
    .c-work__montage-row--browso-big{
        margin:3em auto
    }
}
@media (min-width:1250px){
    .c-work__montage-row--browso-big{
        width:100%;
        gap:3em
    }
}
.c-work__montage-row--browso-big-triple{
    gap:2em;
    margin:3em auto;
    -ms-grid-columns:(1fr)[3];
    grid-template-columns:repeat(3,1fr);
    max-width:1250px;
    width:90%;
    display:none!important
}
@media (min-width:992px){
    .c-work__montage-row--browso-big-triple{
        display:-ms-grid!important;
        display:grid!important
    }
}
@media (min-width:1250px){
    .c-work__montage-row--browso-big-triple{
        width:100%;
        gap:3em
    }
}
.c-work__montage-block{
    position:relative
}
.c-work__montage-block:before{
    content:"";
    z-index:1;
    box-shadow:0 30px 40px rgba(0,0,0,.15);
    display:block;
    width:95%;
    height:100%;
    border-radius:80px;
    position:absolute;
    left:2%;
    top:0;
    right:0;
    bottom:0
}
.c-work__montage-block--custoji{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:#fff;
    border-radius:10px
}
.c-work__montage-block--custoji:before{
    display:none
}
.c-work__montage-block--hs{
    max-width:444px;
    margin:0 auto
}
.c-work__montage-img{
    position:relative;
    z-index:100
}
.c-work__montage-img--hs{
    max-width:100%;
    margin:0 auto
}
@media (min-width:1550px){
    .c-work__montage-img--hs{
        max-width:444px
    }
}
.c-work__montage-img--browso{
    position:relative;
    max-width:100%;
    margin:0 auto;
    box-shadow:8px 8px 0 rgba(0,0,0,.2)
}
@media (min-width:768px){
    .c-work__montage-img--browso:nth-child(2){
        top:-30px
    }
}
@media (min-width:768px){
    .c-work__montage-img--browso:nth-child(3){
        top:-60px
    }
}
@media (min-width:768px){
    .c-work__montage-img--browso:nth-child(4){
        top:-90px
    }
}
@media (min-width:1500px){
    .c-work__montage-img--browso{
        max-width:300px
    }
}
.c-work__montage-img--browso-big{
    position:relative;
    max-width:100%;
    margin:0 auto;
    box-shadow:8px 8px 0 rgba(0,0,0,.2)
}
.c-work__montage-img--browso-big-triple{
    box-shadow:8px 8px 0 rgba(0,0,0,.2);
    display:none
}
@media (min-width:1400px){
    .c-work__montage-img--browso-big-triple{
        display:block
    }
}
.c-work__montage-img--browso-big-triple:first-child{
    max-width:300px
}
.c-work__montage-img--browso-big-triple:nth-child(2){
    max-width:522px;
    margin:0 auto
}
.c-work__montage-img--browso-big-triple:nth-child(3){
    max-width:308px;
    margin-left:auto
}
.c-work__video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
@media (min-width:544px){
    .c-work__video{
        border-radius:10px
    }
}
.c-work__callout{
    margin:3em auto 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    max-width:95%
}
@media (min-width:544px){
    .c-work__callout{
        margin:6em auto 0
    }
}
.c-work__callout-holder{
    position:relative
}
.c-work__callout-holder--hs:before{
    background:#ff9139;
    border-radius:50%;
    content:"";
    display:none;
    height:10px;
    left:260px;
    position:absolute;
    top:305px;
    width:10px;
    z-index:11
}
@media (min-width:1420px){
    .c-work__callout-holder--hs:before{
        display:block
    }
}
.c-work__callout-holder--hs:after{
    background:#ff9139;
    border-radius:50%;
    content:"";
    display:none;
    height:24px;
    left:253px;
    opacity:.5;
    position:absolute;
    top:298px;
    width:24px;
    z-index:10;
    animation:pulse 2s infinite
}
@media (min-width:1420px){
    .c-work__callout-holder--hs:after{
        display:block
    }
}
.c-work__callout-img{
    border-radius:20px;
    filter:drop-shadow(0 52px 74px rgba(0,21,64,.138559))
}
.c-work__callout-img--hs{
    max-width:100%;
    height:auto;
    position:relative
}
@media (min-width:1420px){
    .c-work__callout-img--hs{
        max-width:1329px
    }
}
.c-work__aanimator{
    width:100%;
    max-width:1498px;
    overflow:hidden;
    box-shadow:0 52px 74px rgba(0,21,64,.138559);
    border-radius:4px
}
@media (min-width:544px){
    .c-work__aanimator{
        border-radius:20px
    }
}
.c-work__image{
    position:absolute!important;
    display:none!important
}
.c-work__image--pong{
    width:400px;
    left:-180px;
    bottom:-150px;
    box-shadow:10px 10px 0 rgba(0,0,0,.2)
}
@media (min-width:1640px){
    .c-work__image--pong{
        display:block!important
    }
}
.c-work__image--theme{
    width:300px;
    right:-140px;
    top:-160px;
    box-shadow:10px 10px 0 rgba(0,0,0,.2)
}
@media (min-width:1640px){
    .c-work__image--theme{
        display:block!important
    }
}
.c-work__image--chat{
    width:380px;
    right:-200px;
    top:-80px
}
@media (min-width:768px){
    .c-work__image--chat{
        display:block!important
    }
}
.c-work__image--cover{
    width:400px;
    left:-310px;
    bottom:-80px
}
@media (min-width:768px){
    .c-work__image--cover{
        display:block!important
    }
}
.c-work__shape-video{
    box-shadow:0 52px 74px rgba(0,21,64,.06);
    border-radius:4px
}
@media (min-width:544px){
    .c-work__shape-video{
        border-radius:10px
    }
}
.c-work__browso-video{
    width:100%;
    max-width:1500px;
    overflow:hidden;
    box-shadow:0 52px 74px rgba(0,21,64,.138559);
    border-radius:4px
}
@media (min-width:544px){
    .c-work__browso-video{
        border-radius:20px
    }
}
.c-work__picture{
    margin:1em auto;
    display:block;
    text-align:center;
    position:relative
}
.c-work__picture--jeffsum{
    margin:2em 0
}
@media (min-width:768px){
    .c-work__picture--jeffsum{
        margin:10em 0
    }
}
.c-work__picture--jeffsum img{
    border-radius:20px;
    box-shadow:0 52px 74px rgba(0,21,64,.138559)
}
@media (min-width:992px){
    .c-work__picture--jeffsum img{
        border-radius:50px
    }
}
.c-work__picture--cs:before{
    content:"";
    z-index:1;
    width:100%;
    height:80%;
    display:block;
    background:linear-gradient(1turn,#fefaf6 27.41%,#fdf5ee 91.67%);
    position:absolute;
    left:0;
    top:25%;
    border-radius:20px
}
@media (min-width:768px){
    .c-work__picture{
        margin:3em 0
    }
}
.c-work__picture img{
    position:relative;
    z-index:100;
    display:inline-block;
    max-width:100%
}
.c-work__tweets{
    width:100%;
    display:-ms-grid;
    display:grid;
    margin:3em auto 0;
    position:relative;
    z-index:100;
    gap:.5em;
    -ms-grid-columns:(1fr)[1];
    grid-template-columns:repeat(1,1fr)
}
@media (min-width:544px){
    .c-work__tweets{
        gap:1.5em;
        -ms-grid-columns:(1fr)[2];
        grid-template-columns:repeat(2,1fr)
    }
}
@media (min-width:992px){
    .c-work__tweets{
        margin:4em auto;
        -ms-grid-columns:(1fr)[4];
        grid-template-columns:repeat(4,1fr)
    }
}
.c-work__tweet{
    overflow:hidden;
    position:relative
}
@media (min-width:544px){
    .c-work__tweet{
        max-height:300px
    }
}
.c-work__tweet:before{
    z-index:100;
    content:"";
    background:linear-gradient(180deg,hsla(0,0%,100%,0),#fefaf6 82.98%);
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100px;
    display:none
}
@media (min-width:544px){
    .c-work__tweet:before{
        display:block
    }
}
.c-work__tweet:nth-child(9),.c-work__tweet:nth-child(10),.c-work__tweet:nth-child(11),.c-work__tweet:nth-child(12),.c-work__tweet:nth-child(13),.c-work__tweet:nth-child(15),.c-work__tweet:nth-child(16){
    display:none
}
@media (min-width:544px){
    .c-work__tweet:nth-child(9),.c-work__tweet:nth-child(10),.c-work__tweet:nth-child(11),.c-work__tweet:nth-child(12),.c-work__tweet:nth-child(13),.c-work__tweet:nth-child(15),.c-work__tweet:nth-child(16){
        display:block
    }
}
.c-work__hero-picture{
    position:relative
}
.c-work__hero-picture--custoji{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.c-work__hero-picture--custoji img{
    position:relative;
    top:0;
    max-width:924px;
    width:100%
}
@media (min-width:544px){
    .c-work__hero-picture--custoji img{
        top:-30px
    }
}
@media (min-width:768px){
    .c-work__hero-picture--custoji img{
        top:-140px
    }
}
.c-work__hero-picture--jeffsum{
    margin:0 auto
}
.c-work__hero-picture--jeffsum:nth-child(2){
    display:none
}
@media (min-width:768px){
    .c-work__hero-picture--jeffsum:nth-child(2){
        top:-100px
    }
}
@media (min-width:992px){
    .c-work__hero-picture--jeffsum:nth-child(2){
        display:block
    }
}
.s-shots{
    margin:1em 0;
    text-align:center
}
@media (min-width:768px){
    .s-shots{
        margin:4em 0 0
    }
}
.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%
}
.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
}
.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)
}
.c-fab{
    background:#222;
    border-radius:50%;
    border:0;
    bottom:10px;
    box-shadow:0 4px 7px rgba(0,0,0,.1);
    height:60px;
    margin:0;
    padding:0;
    position:fixed;
    right:10px;
    width:60px;
    z-index:2000;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:all .2s cubic-bezier(.175,.885,.32,1.275);
    opacity:1
}
@media (min-width:544px){
    .c-fab{
        bottom:40px;
        right:40px
    }
}
.c-fab.hide{
    z-index:-1;
    pointer-events:none;
    opacity:0;
    transform:scale3d(.5,.5,.5)
}
.c-fab:hover{
    background:#3c3c3c
}
.c-fab:active,.c-fab:focus{
    outline:none
}
@media (prefers-color-scheme:dark){
    body,html{
        background:#111
    }
    .s-nav{
        background:#111!important
    }
    .c-nav-list__link{
        color:#fff!important
    }
    .c-nav-list__link svg{
        fill:#fff!important
    }
    .c-nav__work-list{
        background:#222
    }
    .c-logo{
        background-image:url(../images/nav/eye-white.svg)
    }
    .c-logo:before{
        background-image:url(../images/nav/lash-white.svg)
    }
    .c-logo .c-logo__iris{
        background:#111!important
    }
    .c-footer .c-footer__link,.c-footer .c-footer__text,.c-footer .c-footer__title{
        color:#fff
    }
    .c-footer .c-footer__title{
        background:linear-gradient(271deg,#a0e9ff 30%,#a162e8 50%,#f093b0 70%,#edca85 94%);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent
    }
    .c-footer .c-footer__blck{
        opacity:.2;
        filter:grayscale(1)
    }
    .s-home .c-hero__eye-wrap--blck{
        opacity:1
    }
    .s-home .c-hero__eye-wrap--tl{
        background:linear-gradient(180deg,#edca85,#f093b0)
    }
    .s-home .c-hero__eye-wrap--tr{
        background:linear-gradient(180deg,#b097f2,#a0e9ff)
    }
    .s-home .c-hero__eye-wrap--bl{
        background:linear-gradient(180deg,#db85b4,#b097f2)
    }
    .s-home .c-hero__eye-wrap--bb{
        background:linear-gradient(180deg,#b097f2,#a0e9ff)
    }
    .s-home .c-hero__eye-wrap--br{
        background:linear-gradient(180deg,#edca85,#f093b0)
    }
    .s-home .c-hero__sub{
        color:#fff
    }
    .s-home .c-hero__title{
        color:#fff;
        background:linear-gradient(271deg,#a0e9ff 30%,#a162e8 50%,#f093b0 70%,#edca85 94%);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent
    }
    .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
    }
}