@font-face {
        font-family: icon-font;
        font-style: normal;
        font-weight: 400;
        src: url(/assets/fonts/icon/icon-font.woff2) format("woff2"), url(/assets/fonts/icon/icon-font.woff) format("woff")
    }
    
    @font-face {
        font-family: 'Apercu Pro Mono';
        src: url('/assets/fonts/ApercuPro-Mono.woff2') format('woff2'), url('/assets/fonts/ApercuPro-Mono.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Apercu Pro';
        src: url("/assets/fonts/ApercuPro.woff2") format("woff2"), url('/assets/fonts/ApercuPro.woff') format('woff');
    }
    
    @font-face {
        font-family: 'ApercuPro-Bold';
        src: url("/assets/fonts/ApercuPro-Bold.woff2") format("woff2"), url('/assets/fonts/ApercuPro-Bold.woff') format('woff');
    }
    /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
    /**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
    
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        -webkit-font-feature-settings: "liga" 1;
        -moz-font-feature-settings: "liga" 1;
        -ms-font-feature-settings: "liga" 1;
        font-feature-settings: "liga" 1;
        scroll-behavior: smooth;
    }
    /**
 * Remove the margin in all browsers (opinionated).
 */
    
    body {
        margin: 0;
    }
    /* normalize end */
    
    code {
        font-family: 'Apercu Pro Mono';
        display: block;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        overflow: auto;
        word-break: break-word;
        padding: 1rem 2rem
    }
    
    .wrapper {
        max-width: 75rem;
        margin: 0 auto
    }
    
    .row,
    .wrapper {
        box-sizing: border-box
    }
    
    .row {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-direction: normal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0
    }
    
    .reverse.row,
    .row {
        -webkit-box-orient: horizontal
    }
    
    .reverse.row {
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    
    .col.reverse,
    .reverse.row {
        -webkit-box-direction: reverse
    }
    
    .col.reverse {
        -webkit-box-orient: vertical;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    
    .column-xs {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
    
    .column-xs,
    .column-xs-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-1 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }
    
    .column-xs-2 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }
    
    .column-xs-2,
    .column-xs-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-3 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    
    .column-xs-4 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }
    
    .column-xs-4,
    .column-xs-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-5 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }
    
    .column-xs-6 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    
    .column-xs-6,
    .column-xs-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-7 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }
    
    .column-xs-8 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }
    
    .column-xs-8,
    .column-xs-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-9 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    
    .column-xs-10 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }
    
    .column-xs-10,
    .column-xs-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-11 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }
    
    .column-xs-12 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    
    .column-xs-12,
    .column-xs-offset-1 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-1 {
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 8.33333%
    }
    
    .column-xs-offset-2 {
        margin-left: 16.66667%
    }
    
    .column-xs-offset-2,
    .column-xs-offset-3 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-3 {
        margin-left: 25%
    }
    
    .column-xs-offset-4 {
        margin-left: 33.33333%
    }
    
    .column-xs-offset-4,
    .column-xs-offset-5 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-5 {
        margin-left: 41.66667%
    }
    
    .column-xs-offset-6 {
        margin-left: 50%
    }
    
    .column-xs-offset-6,
    .column-xs-offset-7 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-7 {
        margin-left: 58.33333%
    }
    
    .column-xs-offset-8 {
        margin-left: 66.66667%
    }
    
    .column-xs-offset-8,
    .column-xs-offset-9 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-9 {
        margin-left: 75%
    }
    
    .column-xs-offset-10 {
        margin-left: 83.33333%
    }
    
    .column-xs-offset-10,
    .column-xs-offset-11 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0
    }
    
    .column-xs-offset-11 {
        margin-left: 91.66667%
    }
    
    .column-xs-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -moz-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 0;
        padding-left: 0;
        margin-left: 100%
    }
    
    .column-xs {
        -webkit-box-flex: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    
    .start-xs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        text-align: start
    }
    
    .center-xs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        text-align: center
    }
    
    .end-xs {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
        text-align: end
    }
    
    .top-xs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
    
    .middle-xs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center
    }
    
    .bottom-xs {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-align-items: flex-end;
        align-items: flex-end
    }
    
    .around-xs {
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around
    }
    
    .between-xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between
    }
    
    .first-xs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    
    .last-xs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    
    .notification {
        display: none;
        position: relative;
        margin-bottom: 1.875rem;
        padding: .75rem 2.5rem;
        background-color: #fff;
        box-shadow: 0 .125rem .625rem rgba(0, 0, 0, .05)
    }
    
    @media only screen and (min-width:48em) {
        .container {
            width: 46rem
        }
        .column-sm {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
        .column-sm,
        .column-sm-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
            max-width: 8.33333%
        }
        .column-sm-2 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
            max-width: 16.66667%
        }
        .column-sm-2,
        .column-sm-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-3 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .column-sm-4 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
            max-width: 33.33333%
        }
        .column-sm-4,
        .column-sm-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-5 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
            max-width: 41.66667%
        }
        .column-sm-6 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .column-sm-6,
        .column-sm-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-7 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
            max-width: 58.33333%
        }
        .column-sm-8 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
            max-width: 66.66667%
        }
        .column-sm-8,
        .column-sm-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-9 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .column-sm-10 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
            max-width: 83.33333%
        }
        .column-sm-10,
        .column-sm-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-11 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
            max-width: 91.66667%
        }
        .column-sm-12 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .column-sm-12,
        .column-sm-offset-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-left: 8.33333%
        }
        .column-sm-offset-2 {
            margin-left: 16.66667%
        }
        .column-sm-offset-2,
        .column-sm-offset-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-3 {
            margin-left: 25%
        }
        .column-sm-offset-4 {
            margin-left: 33.33333%
        }
        .column-sm-offset-4,
        .column-sm-offset-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-5 {
            margin-left: 41.66667%
        }
        .column-sm-offset-6 {
            margin-left: 50%
        }
        .column-sm-offset-6,
        .column-sm-offset-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-7 {
            margin-left: 58.33333%
        }
        .column-sm-offset-8 {
            margin-left: 66.66667%
        }
        .column-sm-offset-8,
        .column-sm-offset-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-9 {
            margin-left: 75%
        }
        .column-sm-offset-10 {
            margin-left: 83.33333%
        }
        .column-sm-offset-10,
        .column-sm-offset-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-sm-offset-11 {
            margin-left: 91.66667%
        }
        .column-sm-offset-12 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0;
            margin-left: 100%
        }
        .column-sm {
            -webkit-box-flex: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }
        .start-sm {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -moz-justify-content: flex-start;
            justify-content: flex-start;
            text-align: start
        }
        .center-sm {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            justify-content: center;
            text-align: center
        }
        .end-sm {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            text-align: end
        }
        .top-sm {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -moz-align-items: flex-start;
            align-items: flex-start
        }
        .middle-sm {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -moz-align-items: center;
            align-items: center
        }
        .bottom-sm {
            -webkit-box-align: end;
            -ms-flex-align: end;
            -moz-align-items: flex-end;
            align-items: flex-end
        }
        .around-sm {
            -ms-flex-pack: distribute;
            -moz-justify-content: space-around;
            justify-content: space-around
        }
        .between-sm {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -moz-justify-content: space-between;
            justify-content: space-between
        }
        .first-sm {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .last-sm {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    
    @media only screen and (min-width:62em) {
        .container {
            width: 61rem
        }
        .column-md {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
        .column-md,
        .column-md-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
            max-width: 8.33333%
        }
        .column-md-2 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
            max-width: 16.66667%
        }
        .column-md-2,
        .column-md-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-3 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .column-md-4 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
            max-width: 33.33333%
        }
        .column-md-4,
        .column-md-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-5 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
            max-width: 41.66667%
        }
        .column-md-6 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .column-md-6,
        .column-md-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-7 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
            max-width: 58.33333%
        }
        .column-md-8 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
            max-width: 66.66667%
        }
        .column-md-8,
        .column-md-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-9 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .column-md-10 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
            max-width: 83.33333%
        }
        .column-md-10,
        .column-md-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-11 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
            max-width: 91.66667%
        }
        .column-md-12 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .column-md-12,
        .column-md-offset-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-left: 8.33333%
        }
        .column-md-offset-2 {
            margin-left: 16.66667%
        }
        .column-md-offset-2,
        .column-md-offset-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-3 {
            margin-left: 25%
        }
        .column-md-offset-4 {
            margin-left: 33.33333%
        }
        .column-md-offset-4,
        .column-md-offset-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-5 {
            margin-left: 41.66667%
        }
        .column-md-offset-6 {
            margin-left: 50%
        }
        .column-md-offset-6,
        .column-md-offset-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-7 {
            margin-left: 58.33333%
        }
        .column-md-offset-8 {
            margin-left: 66.66667%
        }
        .column-md-offset-8,
        .column-md-offset-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-9 {
            margin-left: 75%
        }
        .column-md-offset-10 {
            margin-left: 83.33333%
        }
        .column-md-offset-10,
        .column-md-offset-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-md-offset-11 {
            margin-left: 91.66667%
        }
        .column-md-offset-12 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0;
            margin-left: 100%
        }
        .column-md {
            -webkit-box-flex: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }
        .start-md {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -moz-justify-content: flex-start;
            justify-content: flex-start;
            text-align: start
        }
        .center-md {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            justify-content: center;
            text-align: center
        }
        .end-md {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            text-align: end
        }
        .top-md {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -moz-align-items: flex-start;
            align-items: flex-start
        }
        .middle-md {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -moz-align-items: center;
            align-items: center
        }
        .bottom-md {
            -webkit-box-align: end;
            -ms-flex-align: end;
            -moz-align-items: flex-end;
            align-items: flex-end
        }
        .around-md {
            -ms-flex-pack: distribute;
            -moz-justify-content: space-around;
            justify-content: space-around
        }
        .between-md {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -moz-justify-content: space-between;
            justify-content: space-between
        }
        .first-md {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .last-md {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    
    @media only screen and (min-width:75em) {
        .container {
            width: 80rem
        }
        .column-lg {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }
        .column-lg,
        .column-lg-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 8.33333%;
            flex-basis: 8.33333%;
            max-width: 8.33333%
        }
        .column-lg-2 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 16.66667%;
            flex-basis: 16.66667%;
            max-width: 16.66667%
        }
        .column-lg-2,
        .column-lg-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-3 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            max-width: 25%
        }
        .column-lg-4 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
            max-width: 33.33333%
        }
        .column-lg-4,
        .column-lg-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-5 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 41.66667%;
            flex-basis: 41.66667%;
            max-width: 41.66667%
        }
        .column-lg-6 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            max-width: 50%
        }
        .column-lg-6,
        .column-lg-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-7 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 58.33333%;
            flex-basis: 58.33333%;
            max-width: 58.33333%
        }
        .column-lg-8 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 66.66667%;
            flex-basis: 66.66667%;
            max-width: 66.66667%
        }
        .column-lg-8,
        .column-lg-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-9 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 75%
        }
        .column-lg-10 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 83.33333%;
            flex-basis: 83.33333%;
            max-width: 83.33333%
        }
        .column-lg-10,
        .column-lg-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-11 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 91.66667%;
            flex-basis: 91.66667%;
            max-width: 91.66667%
        }
        .column-lg-12 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%
        }
        .column-lg-12,
        .column-lg-offset-1 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-1 {
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-left: 8.33333%
        }
        .column-lg-offset-2 {
            margin-left: 16.66667%
        }
        .column-lg-offset-2,
        .column-lg-offset-3 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-3 {
            margin-left: 25%
        }
        .column-lg-offset-4 {
            margin-left: 33.33333%
        }
        .column-lg-offset-4,
        .column-lg-offset-5 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-5 {
            margin-left: 41.66667%
        }
        .column-lg-offset-6 {
            margin-left: 50%
        }
        .column-lg-offset-6,
        .column-lg-offset-7 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-7 {
            margin-left: 58.33333%
        }
        .column-lg-offset-8 {
            margin-left: 66.66667%
        }
        .column-lg-offset-8,
        .column-lg-offset-9 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-9 {
            margin-left: 75%
        }
        .column-lg-offset-10 {
            margin-left: 83.33333%
        }
        .column-lg-offset-10,
        .column-lg-offset-11 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0
        }
        .column-lg-offset-11 {
            margin-left: 91.66667%
        }
        .column-lg-offset-12 {
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -moz-flex-grow: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 0;
            padding-left: 0;
            margin-left: 100%
        }
        .column-lg {
            -webkit-box-flex: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            max-width: 100%
        }
        .start-lg {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            -moz-justify-content: flex-start;
            justify-content: flex-start;
            text-align: start
        }
        .center-lg {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            justify-content: center;
            text-align: center
        }
        .end-lg {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            -moz-justify-content: flex-end;
            justify-content: flex-end;
            text-align: end
        }
        .top-lg {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -moz-align-items: flex-start;
            align-items: flex-start
        }
        .middle-lg {
            -webkit-box-align: center;
            -ms-flex-align: center;
            -moz-align-items: center;
            align-items: center
        }
        .bottom-lg {
            -webkit-box-align: end;
            -ms-flex-align: end;
            -moz-align-items: flex-end;
            align-items: flex-end
        }
        .around-lg {
            -ms-flex-pack: distribute;
            -moz-justify-content: space-around;
            justify-content: space-around
        }
        .between-lg {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -moz-justify-content: space-between;
            justify-content: space-between
        }
        .first-lg {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
        .last-lg {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }
    }
    
    .disable-transitions,
    .disable-transitions * {
        transition: none !important
    }
    
    .disable-vertical-scroll {
        overflow-y: hidden !important
    }
    
    .disable-horizontal-scroll {
        overflow-x: hidden !important
    }
    
    .display-block {
        display: block !important
    }
    
    .display-none {
        display: none !important
    }
    
    .display-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    
    .list-unstyled {
        margin: 0;
        padding: 0;
        list-style-type: none !important
    }
    
    .cursor-auto {
        cursor: auto !important
    }
    
    .cursor-grab {
        cursor: -webkit-grab !important;
        cursor: grab !important
    }
    
    .cursor-grabbing {
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important
    }
    
    .cursor-default {
        cursor: default !important
    }
    
    .cursor-move {
        cursor: move !important
    }
    
    .cursor-pointer {
        cursor: pointer !important
    }
    
    .hidden {
        display: none !important
    }
    
    .visibility-hidden {
        visibility: hidden !important
    }
    
    @media (max-width:47.938em) {
        .hidden-alpha {
            display: none !important
        }
        .visibility-hidden-alpha {
            visibility: hidden !important
        }
    }
    
    @media (min-width:48em) and (max-width:61.938em) {
        .hidden-beta {
            display: none !important
        }
        .visibility-hidden-beta {
            visibility: hidden !important
        }
    }
    
    @media (min-width:62em) and (max-width:74.938em) {
        .hidden-gamma {
            display: none !important
        }
        .visibility-hidden-gamma {
            visibility: hidden !important
        }
    }
    
    @media (min-width:75em) {
        .hidden-delta {
            display: none !important
        }
        .visibility-hidden-delta {
            visibility: hidden !important
        }
    }
    
    .margin-alpha {
        margin: .625rem !important
    }
    
    .margin-alpha-vertical {
        margin-top: .625rem !important;
        margin-bottom: .625rem !important
    }
    
    .margin-alpha-horizontal {
        margin-left: .625rem !important
    }
    
    .margin-alpha-horizontal,
    .margin-alpha-right {
        margin-right: .625rem !important
    }
    
    .margin-alpha-left {
        margin-left: .625rem !important
    }
    
    .margin-alpha-top {
        margin-top: .625rem !important
    }
    
    .margin-alpha-bottom {
        margin-bottom: .625rem !important
    }
    
    .margin-beta {
        margin: 1.25rem !important
    }
    
    .margin-beta-vertical {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important
    }
    
    .margin-beta-horizontal {
        margin-left: 1.25rem !important
    }
    
    .margin-beta-horizontal,
    .margin-beta-right {
        margin-right: 1.25rem !important
    }
    
    .margin-beta-left {
        margin-left: 1.25rem !important
    }
    
    .margin-beta-top {
        margin-top: 1.25rem !important
    }
    
    .margin-beta-bottom {
        margin-bottom: 1.25rem !important
    }
    
    .margin-gamma {
        margin: 1.875rem !important
    }
    
    .margin-gamma-vertical {
        margin-top: 1.875rem !important;
        margin-bottom: 1.875rem !important
    }
    
    .margin-gamma-horizontal {
        margin-left: 1.875rem !important
    }
    
    .margin-gamma-horizontal,
    .margin-gamma-right {
        margin-right: 1.875rem !important
    }
    
    .margin-gamma-left {
        margin-left: 1.875rem !important
    }
    
    .margin-gamma-top {
        margin-top: 1.875rem !important
    }
    
    .margin-gamma-bottom {
        margin-bottom: 1.875rem !important
    }
    
    .margin-delta {
        margin: 2.5rem !important
    }
    
    .margin-delta-vertical {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }
    
    .margin-delta-horizontal {
        margin-left: 2.5rem !important
    }
    
    .margin-delta-horizontal,
    .margin-delta-right {
        margin-right: 2.5rem !important
    }
    
    .margin-delta-left {
        margin-left: 2.5rem !important
    }
    
    .margin-delta-top {
        margin-top: 2.5rem !important
    }
    
    .margin-delta-bottom {
        margin-bottom: 2.5rem !important
    }
    
    .margin-epsilon {
        margin: 3.125rem !important
    }
    
    .margin-epsilon-vertical {
        margin-top: 3.125rem !important;
        margin-bottom: 3.125rem !important
    }
    
    .margin-epsilon-horizontal {
        margin-left: 3.125rem !important
    }
    
    .margin-epsilon-horizontal,
    .margin-epsilon-right {
        margin-right: 3.125rem !important
    }
    
    .margin-epsilon-left {
        margin-left: 3.125rem !important
    }
    
    .margin-epsilon-top {
        margin-top: 3.125rem !important
    }
    
    .margin-epsilon-bottom {
        margin-bottom: 3.125rem !important
    }
    
    .margin-zeta {
        margin: 4.375rem !important
    }
    
    .margin-zeta-vertical {
        margin-top: 4.375rem !important;
        margin-bottom: 4.375rem !important
    }
    
    .margin-zeta-horizontal {
        margin-left: 4.375rem !important
    }
    
    .margin-zeta-horizontal,
    .margin-zeta-right {
        margin-right: 4.375rem !important
    }
    
    .margin-zeta-left {
        margin-left: 4.375rem !important
    }
    
    .margin-zeta-top {
        margin-top: 4.375rem !important
    }
    
    .margin-zeta-bottom {
        margin-bottom: 4.375rem !important
    }
    
    .margin-eta {
        margin: 6.25rem !important
    }
    
    .margin-eta-vertical {
        margin-top: 6.25rem !important;
        margin-bottom: 6.25rem !important
    }
    
    .margin-eta-horizontal {
        margin-left: 6.25rem !important
    }
    
    .margin-eta-horizontal,
    .margin-eta-right {
        margin-right: 6.25rem !important
    }
    
    .margin-eta-left {
        margin-left: 6.25rem !important
    }
    
    .margin-eta-top {
        margin-top: 6.25rem !important
    }
    
    .margin-eta-bottom {
        margin-bottom: 6.25rem !important
    }
    
    .margin-theta {
        margin: 9.375rem !important
    }
    
    .margin-theta-vertical {
        margin-top: 9.375rem !important;
        margin-bottom: 9.375rem !important
    }
    
    .margin-theta-horizontal {
        margin-left: 9.375rem !important
    }
    
    .margin-theta-horizontal,
    .margin-theta-right {
        margin-right: 9.375rem !important
    }
    
    .margin-theta-left {
        margin-left: 9.375rem !important
    }
    
    .margin-theta-top {
        margin-top: 9.375rem !important
    }
    
    .margin-theta-bottom {
        margin-bottom: 9.375rem !important
    }
    
    .no-margin {
        margin: 0 !important
    }
    
    .no-bottom-margin {
        margin-bottom: 0 !important
    }
    
    .no-top-margin {
        margin-top: 0 !important
    }
    
    .no-left-margin {
        margin-left: 0 !important
    }
    
    .no-right-margin {
        margin-right: 0 !important
    }
    
    .no-vertical-margin {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    
    .no-horizontal-margin {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    
    .padding-alpha {
        padding: .625rem !important
    }
    
    .padding-alpha-vertical {
        padding-top: .625rem !important;
        padding-bottom: .625rem !important
    }
    
    .padding-alpha-horizontal {
        padding-left: .625rem !important
    }
    
    .padding-alpha-horizontal,
    .padding-alpha-right {
        padding-right: .625rem !important
    }
    
    .padding-alpha-left {
        padding-left: .625rem !important
    }
    
    .padding-alpha-top {
        padding-top: .625rem !important
    }
    
    .padding-alpha-bottom {
        padding-bottom: .625rem !important
    }
    
    .padding-beta {
        padding: 1.25rem !important
    }
    
    .padding-beta-vertical {
        padding-top: 1.25rem !important;
        padding-bottom: 1.25rem !important
    }
    
    .padding-beta-horizontal {
        padding-left: 1.25rem !important
    }
    
    .padding-beta-horizontal,
    .padding-beta-right {
        padding-right: 1.25rem !important
    }
    
    .padding-beta-left {
        padding-left: 1.25rem !important
    }
    
    .padding-beta-top {
        padding-top: 1.25rem !important
    }
    
    .padding-beta-bottom {
        padding-bottom: 1.25rem !important
    }
    
    .padding-gamma {
        padding: 1.875rem !important
    }
    
    .padding-gamma-vertical {
        padding-top: 1.875rem !important;
        padding-bottom: 1.875rem !important
    }
    
    .padding-gamma-horizontal {
        padding-left: 1.875rem !important
    }
    
    .padding-gamma-horizontal,
    .padding-gamma-right {
        padding-right: 1.875rem !important
    }
    
    .padding-gamma-left {
        padding-left: 1.875rem !important
    }
    
    .padding-gamma-top {
        padding-top: 1.875rem !important
    }
    
    .padding-gamma-bottom {
        padding-bottom: 1.875rem !important
    }
    
    .padding-delta {
        padding: 2.5rem !important
    }
    
    .padding-delta-vertical {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }
    
    .padding-delta-horizontal {
        padding-left: 2.5rem !important
    }
    
    .padding-delta-horizontal,
    .padding-delta-right {
        padding-right: 2.5rem !important
    }
    
    .padding-delta-left {
        padding-left: 2.5rem !important
    }
    
    .padding-delta-top {
        padding-top: 2.5rem !important
    }
    
    .padding-delta-bottom {
        padding-bottom: 2.5rem !important
    }
    
    .padding-epsilon {
        padding: 3.125rem !important
    }
    
    .padding-epsilon-vertical {
        padding-top: 3.125rem !important;
        padding-bottom: 3.125rem !important
    }
    
    .padding-epsilon-horizontal {
        padding-left: 3.125rem !important
    }
    
    .padding-epsilon-horizontal,
    .padding-epsilon-right {
        padding-right: 3.125rem !important
    }
    
    .padding-epsilon-left {
        padding-left: 3.125rem !important
    }
    
    .padding-epsilon-top {
        padding-top: 3.125rem !important
    }
    
    .padding-epsilon-bottom {
        padding-bottom: 3.125rem !important
    }
    
    .padding-zeta {
        padding: 5rem !important
    }
    
    .padding-zeta-vertical {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important
    }
    
    .padding-zeta-horizontal {
        padding-left: 5rem !important
    }
    
    .padding-zeta-horizontal,
    .padding-zeta-right {
        padding-right: 5rem !important
    }
    
    .padding-zeta-left {
        padding-left: 5rem !important
    }
    
    .padding-zeta-top {
        padding-top: 5rem !important
    }
    
    .padding-zeta-bottom {
        padding-bottom: 5rem !important
    }
    
    .padding-eta {
        padding: 6.25rem !important
    }
    
    .padding-eta-vertical {
        padding-top: 6.25rem !important;
        padding-bottom: 6.25rem !important
    }
    
    .padding-eta-horizontal {
        padding-left: 6.25rem !important
    }
    
    .padding-eta-horizontal,
    .padding-eta-right {
        padding-right: 6.25rem !important
    }
    
    .padding-eta-left {
        padding-left: 6.25rem !important
    }
    
    .padding-eta-top {
        padding-top: 6.25rem !important
    }
    
    .padding-eta-bottom {
        padding-bottom: 6.25rem !important
    }
    
    .padding-theta {
        padding: 9.375rem !important
    }
    
    .padding-theta-vertical {
        padding-top: 9.375rem !important;
        padding-bottom: 9.375rem !important
    }
    
    .padding-theta-horizontal {
        padding-left: 9.375rem !important
    }
    
    .padding-theta-horizontal,
    .padding-theta-right {
        padding-right: 9.375rem !important
    }
    
    .padding-theta-left {
        padding-left: 9.375rem !important
    }
    
    .padding-theta-top {
        padding-top: 9.375rem !important
    }
    
    .padding-theta-bottom {
        padding-bottom: 9.375rem !important
    }
    
    .no-padding {
        padding: 0 !important
    }
    
    .no-bottom-padding {
        padding-bottom: 0 !important
    }
    
    .no-top-padding {
        padding-top: 0 !important
    }
    
    .no-left-padding {
        padding-left: 0 !important
    }
    
    .no-right-padding {
        padding-right: 0 !important
    }
    
    .no-vertical-padding {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    
    .no-horizontal-padding {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    
    .position-relative {
        position: relative !important
    }
    
    .position-absolute {
        position: absolute !important
    }
    
    .text-center {
        text-align: center !important
    }
    
    .text-left {
        text-align: left !important
    }
    
    .text-right {
        text-align: right !important
    }
    
    .color-body {
        color: #171717 !important
    }
    
    .color-text {
        color: #000 !important
    }
    
    .color-alpha {
        color: #331ae6 !important
    }
    
    .color-beta {
        color: #f5f5f5 !important
    }
    
    .color-gamma {
        color: #bfbfbf !important
    }
    
    .color-delta {
        color: #2e2e2e !important
    }
    
    .color-epsilon {
        color: #171717 !important
    }
    
    .color-zeta {
        color: hsla(0, 0%, 100%, .9) !important
    }
    
    .color-eta {
        color: #fff !important
    }
    
    .color-theta {
        color: #3d3d3d !important
    }
    
    .color-iota {
        color: #e6331a !important
    }
    
    .gradient-alpha {
        color: #fff;
        background: #e6331a;
        /* Old browsers */
        background: -moz-linear-gradient(top, #e6331a 0%, #331ae6 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e6331a 0%, #331ae6 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e6331a 0%, #331ae6 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6331a', endColorstr='#331ae6', GradientType=0);
        /* IE6-9 */
    }
    /* .scroll-disable {
  overflow: hidden !important
} */
    
    .h-hyphens {
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
    
    *,
     :after,
     :before {
        box-sizing: border-box
    }
    
    html {
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }
    
    body,
    html {
        height: 100%;
        margin: 0;
        padding: 0
    }
    
    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -webkit-text-size-adjust: 100%;
        background-color: #171717;
        color: #323232;
        font-family: "Apercu Pro", sans-serif;
        font-size: 18px;
        line-height: 1.87
    }
    
    a {
        display: inline;
        transition: all .3s linear;
        color: #331ae6;
        text-decoration: none
    }
    
    a:not([class]) {
        text-decoration: underline
    }
    
    img {
        max-width: 100%
    }
    
    dd {
        margin: 0
    }
    
    button,
    input,
    select,
    textarea {
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    
    input[type=checkbox] {
        -webkit-appearance: checkbox;
    }
    
    textarea {
        resize: none
    }
    
    button {
        border: 0;
        background: transparent;
        font-family: "ApercuPro-Mono", monospace;
        cursor: pointer
    }
    
    p {
        margin-top: 0
    }
    
    .container {
        max-width: 75rem
    }
    
    .container,
    .container-beta {
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
    
    .container-beta {
        max-width: 50rem
    }
    
    .container-gamma {
        max-width: 90rem
    }
    
    .container-fluid,
    .container-gamma {
        margin-right: auto;
        margin-left: auto
    }
    
    .container-fluid {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
    
    @media (max-width:47.938em) {
        .container-fluid-alpha {
            padding-right: 0;
            padding-left: 0
        }
    }
    
    @media (min-width:62em) and (max-width:74.938em) {
        .container {
            width: 56.25rem
        }
    }
    
    @media (min-width:48em) {
        .container-fluid {
            padding-right: 3.75rem;
            padding-left: 3.75rem
        }
    }
    
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-weight: 700
    }
    
    .h1,
    h1 {
        font-size: 3.125rem;
        letter-spacing: .125rem;
        line-height: 2.64406rem
    }
    
    @media (min-width:62em) {
        .h1,
        h1 {
            font-size: 6.25rem;
            letter-spacing: .25rem;
            line-height: 5.28812rem
        }
    }
    
    @media (min-width:75em) {
        .h1,
        h1 {
            margin-top: 4.375rem;
            margin-bottom: 4.375rem;
            font-size: 6.25rem;
            letter-spacing: .35rem;
            line-height: 7.87456rem
        }
    }
    
    .h2,
    h2 {
        font-size: 2.5rem;
        letter-spacing: .125rem;
        line-height: 2.5875rem
    }
    
    @media (min-width:62em) {
        .h2,
        h2 {
            font-size: 4.375rem;
            letter-spacing: .25rem;
            line-height: 4.52812rem
        }
    }
    
    .h3,
    h3 {
        font-size: 1.25rem;
        letter-spacing: .125rem;
        line-height: 1.29375rem
    }
    
    @media (min-width:62em) {
        .h3,
        h3 {
            font-size: 1.875rem;
            line-height: 1.94062rem
        }
    }
    
    .h4,
    h4 {
        font-size: 1.875rem;
        letter-spacing: .125rem;
        line-height: 1.94062rem;
        color: #331ae6;
    }
    
    .h5,
    h5 {
        letter-spacing: .09375rem
    }
    
    .h5,
    .h6,
    h5,
    h6 {
        font-size: 1.25rem;
        line-height: 1.29375rem
    }
    
    .h6,
    h6 {
        letter-spacing: .0625rem
    }
    
    .section {
        position: relative;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }
    
    .section:first-child {
        padding-top: 12.5rem
    }
    
    .section--full {
        min-height: 75vh
    }
    
    .section--block {
        min-height: 43.75rem
    }
    
    .section--alpha,
    .section--delta,
    .section--epsilon,
    .section--theta,
    .section--iota {
        color: #fff
    }
    
    .section--beta,
    .section--eta {
        color: #000
    }
    
    .section--body {
        background-color: #171717
    }
    
    .section--text {
        background-color: #000
    }
    
    .section--alpha {
        background-color: #331ae6
    }
    
    .section--beta {
        background-color: #f5f5f5
    }
    
    .section--gamma {
        background-color: #bfbfbf
    }
    
    .section--delta {
        background-color: #2e2e2e
    }
    
    .section--epsilon {
        background-color: #171717
    }
    
    .section--zeta {
        background-color: hsla(0, 0%, 100%, .9)
    }
    
    .section--eta {
        background-color: #fff
    }
    
    .section--theta {
        background-color: #3d3d3d
    }
    
    .section--iota {
        background-color: #e6331a
    }
    
    @media (min-width:62em) {
        .section {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem
        }
    }
    
    @media (min-width:75em) {
        .section {
            padding-top: 5.625rem;
            padding-bottom: 5.625rem
        }
    }
    
    .form__group {
        display: block;
        position: relative;
        margin-bottom: .625rem
    }
    
    .form__label {
        display: block;
        min-width: 33.33333%
    }
    
    .form__label--extended {
        padding-top: 1.5rem
    }
    
    .form__field {
        width: 100%;
        height: 3.75rem;
        padding: .5rem 1.5rem;
        border: 1px solid transparent;
        font-size: 1rem
    }
    
    .form__field:focus {
        border: 1px solid #331ae6
    }
    
    .form__field--extended {
        height: auto;
        min-height: 7.5rem;
        padding-top: 1.5rem
    }
    
    @media (max-width:47.938em) {
        .form__label {
            padding-bottom: .5rem
        }
    }
    
    @media (min-width:48em) {
        .form__group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
        .form-group--extended {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }
        .form__button {
            left: 33.33333%
        }
    }
    
    .form__label--shrink {
        position: absolute;
        top: 10px;
        left: 0;
        transition: .5s;
        pointer-events: none;
    }
    /* placeholder shrink
.form__label--placeholder {
  position: absolute;
  top: .5556rem;
  left: 0;
  transition: .37s;
  pointer-events: none;
}

.form__field:focus ~ form__label--shrink,
.form__field--extended:focus ~ form__label--shrink,
.form__field:focus ~ valid,
.form__field--extended:focus ~ valid {
  top: -.667rem;
  left: 0;
  color: #331ae6;
  font-size: .667rem;
  font-weight: bold;
}
*/
    
    .form__field:focus::-webkit-input-placeholder,
    .form__field--extended:focus::-webkit-input-placeholder {
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
    
    .form__field:focus:-moz-placeholder,
    .form__field--extended:focus:-moz-placeholder {
        opacity: 0;
        -moz-transition: opacity .5s;
        transition: opacity .5s
    }
    
    .form__field:focus::-moz-placeholder,
    .form__field--extended::-moz-placeholder {
        opacity: 0;
        -moz-transition: opacity .5s;
        transition: opacity .5s
    }
    
    .form__field:focus:-ms-input-placeholder,
    .form__field--extended:-ms-input-placeholder {
        opacity: 0;
        -ms-transition: opacity .5s;
        transition: opacity .5s;
    }
    
    .form__field:focus::placeholder,
    .form__field--extended:focus::placeholder {
        opacity: 0;
        transition: opacity .5s;
    }
    
    .button {
        display: inline-block;
        position: relative;
        height: 4.125rem;
        padding: 0 2.5rem;
        overflow: hidden;
        border: .125rem solid transparent;
        font-family: 'Apercu Pro Mono', monospace;
        font-size: 1rem;
        letter-spacing: .09375rem;
        line-height: 4.125rem;
        text-transform: uppercase
    }
    
    .button:before {
        content: "";
        height: 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top center;
        transform-origin: top center;
        transition: -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        background-color: transparent
    }
    
    .button:after,
    .button:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }
    
    .button:after {
        content: attr(data-text);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate3d(0, -2.5rem, 0);
        transform: translate3d(0, -2.5rem, 0);
        transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        opacity: 0;
        text-align: center
    }
    
    .button:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        transition-delay: .07s
    }
    
    .button:hover:after {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition-delay: .14s;
        opacity: 1
    }
    
    .button:hover .button__text {
        -webkit-transform: translate3d(0, 2.5rem, 0);
        transform: translate3d(0, 2.5rem, 0);
        opacity: 0
    }
    
    .button:hover .button__icon:nth-of-type(2) {
        -webkit-transform: translateY(2.8125rem);
        transform: translateY(2.8125rem);
        opacity: 0
    }
    
    .button:hover .button__icon:nth-of-type(3) {
        -webkit-transform: translateY(-52%);
        transform: translateY(-52%);
        transition-delay: .19s;
        opacity: 1
    }
    
    .button__overlay {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transform: translate3d(0, 4.125rem, 0);
        transform: translate3d(0, 4.125rem, 0);
        pointer-events: none
    }
    
    .button__overlay:before {
        content: "";
        position: absolute;
        top: -4.125rem;
        right: 0;
        left: 0;
        height: 4.125rem
    }
    
    .button__overlay--alpha {
        background-color: #331ae6
    }
    
    .button__overlay--alpha:before {
        background-color: #2e2e2e
    }
    
    .button__overlay--beta {
        background-color: #331ae6
    }
    
    .button__overlay--beta:before {
        background-color: #fff
    }
    
    .button__text {
        display: block;
        height: 4.125rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        opacity: 1;
        line-height: 4.125rem;
        pointer-events: none
    }
    
    .button--alpha {
        border-color: #331ae6;
        color: #fff
    }
    
    .button--alpha:before {
        background-color: #331ae6
    }
    
    .button--alpha:after {
        color: #fff
    }
    
    .button--beta {
        border-color: #331ae6;
        background-color: #fff;
        color: #000
    }
    
    .button--beta:before {
        background-color: #331ae6
    }
    
    .button--beta:after {
        color: #fff
    }
    
    .button--gamma {
        border-color: #331ae6;
        color: #fff
    }
    
    .button--gamma,
    .button--gamma:before {
        background-color: #331ae6
    }
    
    .button--gamma:after {
        color: #fff
    }
    
    .button--with-icon {
        padding-right: 3.4375rem
    }
    
    .button--with-icon:after {
        padding-right: .9375rem
    }
    
    .button__icon {
        display: block;
        position: absolute;
        top: 50%;
        right: 1.875rem;
        -webkit-transform: translateY(-52%);
        transform: translateY(-52%);
        transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        opacity: 1;
        font-size: .9375rem
    }
    
    .button__icon:nth-of-type(3) {
        -webkit-transform: translateY(-2.8125rem);
        transform: translateY(-2.8125rem);
        opacity: 0
    }
    
    .main-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        height: 4rem;
        background-color: #2e2e2e;
        font-family: 'Apercu Pro Mono', monospace;
        font-size: 0;
        z-index: 10
    }
    
    @media (min-width:48em) {
        .main-nav {
            height: 5rem
        }
    }
    
    @media (min-width:62em) {
        .main-nav {
            display: inline-block;
            height: 5rem
        }
    }
    
    .main-nav__list {
        display: block;
        position: absolute;
        top: 64px;
        right: 0;
        text-transform: uppercase
    }
    
    .main-nav__list-item {
        position: relative;
        font-size: 1rem;
        letter-spacing: .09375rem;
        line-height: 2.5rem
    }
    
    @media (max-width:47.938em) {
        .main-nav__list {
            width: 17.5rem;
            height: calc(100vh - 64px);
            padding: 1.25rem 0 6.25rem;
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            transition: transform .47s cubic-bezier(.77, 0, .18, 1), box-shadow .3s ease-in-out;
            transition: transform .47s cubic-bezier(.77, 0, .18, 1), box-shadow .3s ease-in-out, -webkit-transform .47s cubic-bezier(.77, 0, .18, 1);
            background-color: #2e2e2e;
            text-align: right;
            box-shadow: -.9375rem 1.25rem 3.125rem 0 transparent;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch
        }
        .menu-collapsed .main-target {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            box-shadow: -.9375rem 1.25rem 3.125rem 0 rgba(0, 0, 0, .6)
        }
    }
    
    @media (min-width:48em) and (max-width:61.938em) {
        .main-nav__list-item {
            font-size: .875rem
        }
    }
    
    @media (min-width:48em) {
        .main-nav__list {
            display: inline-block;
            position: relative;
            top: 0
        }
        .main-nav__list-item {
            display: inline-block;
            line-height: 80px
        }
        .main-nav__list-item:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 1px;
            background-color: hsla(0, 0%, 100%, .1);
            content: ""
        }
        .main-nav__list-item:after {
            position: absolute;
            right: 1px;
            bottom: 0;
            left: 0;
            height: .1875rem;
            background-color: #331ae6;
            content: "";
            opacity: 0
        }
        .active.main-nav__list-item:after {
            opacity: 1
        }
    }
    
    .main-nav__list-anchor {
        display: block;
        position: relative;
        color: hsla(0, 0%, 100%, .7)
    }
    
    .main-nav__list-anchor:focus,
    .main-nav__list-anchor:hover {
        color: #fff
    }
    
    .main-nav__list-anchor--beta {
        background-color: #171717
    }
    
    .active .main-nav__list-anchor {
        color: #fff;
        font-weight: 700
    }
    
    .main-nav__list-anchor-text {
        display: block;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        opacity: 1;
        pointer-events: none
    }
    
    @media (max-width:47.938em) {
        .main-nav__list-anchor {
            padding-right: 2.5rem;
            padding-left: 2.5rem
        }
    }
    
    @media (min-width:48em) and (max-width:61.938em) {
        .main-nav__list-anchor {
            padding-right: 1rem;
            padding-left: 1rem
        }
    }
    
    @media (min-width:62em) {
        .main-nav__list-anchor {
            padding-right: 1.5rem;
            padding-left: 1.5rem
        }
    }
    
    @media (min-width:48em) {
        .main-nav__list-anchor {
            overflow: hidden
        }
        .main-nav__list-anchor:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            transition-delay: .07s
        }
        .main-nav__list-anchor:hover:after {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            transition-delay: .14s;
            opacity: 1
        }
        .main-nav__list-anchor:hover .main-nav__list-anchor-text {
            -webkit-transform: translate3d(0, -2.8125rem, 0);
            transform: translate3d(0, -2.8125rem, 0);
            opacity: 0
        }
        .main-nav__list-anchor:before {
            content: "";
            position: absolute;
            right: 1px;
            bottom: 0;
            left: 0;
            height: 100%;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
            transition: -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            transition: transform .37s cubic-bezier(.77, 0, .18, 1);
            transition: transform .37s cubic-bezier(.77, 0, .18, 1), -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            background-color: #331ae6;
            pointer-events: none
        }
        .main-nav__list-anchor:after {
            content: attr(data-title);
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-transform: translate3d(0, 2.8125rem, 0);
            transform: translate3d(0, 2.8125rem, 0);
            transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
            transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            opacity: 0;
            text-align: center;
            pointer-events: none
        }
        .main-nav__list-item:last-child .main-nav__list-anchor:before {
            right: 0
        }
    }
    
    .main-nav__icon {
        position: absolute;
        color: hsla(0, 0%, 100%, .7);
        font-size: .3125rem;
        line-height: 1;
        z-index: 0
    }
    
    @media (max-width:47.938em) {
        .main-nav__icon {
            top: 50%;
            right: 1.5625rem;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }
    }
    
    @media (min-width:48em) {
        .main-nav__icon {
            bottom: 1.25rem;
            left: 50%;
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
            transition: opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear;
            transition: transform .37s cubic-bezier(.77, 0, .18, 1), opacity .25s linear, -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
            transition-delay: .1s
        }
        .main-nav__list-item:hover .main-nav__icon {
            -webkit-transform: translate3d(-50%, 10px, 0);
            transform: translate3d(-50%, 10px, 0);
            opacity: 0
        }
    }
    
    .main-nav__dropdown-list {
        transition: all .4s ease-in-out;
        background-color: #171717
    }
    
    .dropdown-trigger:hover .main-nav__dropdown-list {
        visibility: visible;
        transition-delay: .15s;
        opacity: 1
    }
    
    .main-nav__dropdown-list-item {
        position: relative
    }
    
    .main-nav__dropdown-list-item:before {
        content: "";
        position: absolute;
        width: .1875rem;
        opacity: 0;
        background-color: #331ae6
    }
    
    .active.main-nav__dropdown-list-item:before {
        opacity: 1
    }
    
    .main-nav__dropdown-anchor {
        display: block;
        padding: .625rem 2.5rem;
        color: hsla(0, 0%, 100%, .7);
        line-height: 1.25rem
    }
    
    .main-nav__dropdown-anchor:focus,
    .main-nav__dropdown-anchor:hover {
        color: #fff
    }
    
    .active>.main-nav__dropdown-anchor {
        color: #fff;
        font-weight: 700
    }
    
    @media (min-width:48em) {
        .main-nav__dropdown-list {
            visibility: hidden;
            position: absolute;
            min-width: 11.5625rem;
            padding: .625rem 0;
            opacity: 0
        }
        .main-nav__list-item:last-child .main-nav__dropdown-list {
            right: 0;
            text-align: right
        }
        .main-nav__list-item:last-child .main-nav__dropdown-list .main-nav__dropdown-list-item:before {
            right: 0
        }
        .main-nav__dropdown-list-item {
            padding: .375rem 0
        }
        .main-nav__dropdown-list-item:before {
            top: .25rem;
            bottom: .25rem
        }
        .main-nav__dropdown-anchor {
            padding: 0 1.5rem
        }
    }
    
    .main-nav__burger {
        position: relative;
        width: 64px;
        height: 64px;
        border-right: 1px solid hsla(0, 0%, 100%, .1)
    }
    
    .main-nav__burger-item {
        position: absolute;
        top: 50%;
        right: 1.125rem;
        left: 1.125rem;
        height: .125rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: transform .2s ease-in-out;
        background-color: #fff
    }
    
    .main-nav__burger-item:first-of-type {
        -webkit-transform: translateY(-9px) rotate(0);
        transform: translateY(-9px) rotate(0)
    }
    
    .main-nav__burger-item:nth-of-type(3) {
        -webkit-transform: translateY(8px) rotate(0);
        transform: translateY(8px) rotate(0)
    }
    
    .menu-collapsed .main-nav__burger-item:first-of-type {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }
    
    .menu-collapsed .main-nav__burger-item:nth-of-type(2) {
        display: none
    }
    
    .menu-collapsed .main-nav__burger-item:nth-of-type(3) {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }
    
    @media (min-width:48em) {
        .main-nav__burger {
            display: none
        }
    }
    
    .footer-nav {
        font-family: 'Apercu Pro Mono', monospace;
        font-size: .87rem;
        letter-spacing: .09375rem;
        text-align: center;
        text-transform: uppercase
    }
    
    .footer-nav__anchor {
        position: relative;
        padding: .625rem .5rem;
        color: hsla(0, 0%, 100%, .7)
    }
    
    .footer-nav__anchor:before {
        display: none;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: .125rem;
        background-color: #331ae6;
        content: ""
    }
    
    .footer-nav__anchor:focus,
    .footer-nav__anchor:hover {
        color: #fff
    }
    
    .active .footer-nav__anchor {
        color: #fff;
        font-weight: 700
    }
    
    .active .footer-nav__anchor:before {
        display: block
    }
    
    @media (max-width:62em) {
        .footer-nav__list-item {
            line-height: 3.125rem
        }
    }
    
    @media (min-width:62em) {
        .footer-nav {
            text-align: right
        }
        .footer-nav__list-item {
            display: inline-block;
            padding-left: 1.25rem
        }
        .footer-nav__anchor {
            padding: 1.25rem .5rem
        }
    }
    
    .loader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        z-index: 98;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    
    .loader__logo {
        position: relative;
        z-index: 1;
        width: 11.25rem;
        height: 3.875rem;
        overflow: hidden;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
        background-color: #171717;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 70%
    }
    
    .loader__logo-overlay {
        z-index: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background-color: #331ae6
    }
    
    .loader__grid,
    .loader__logo-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .loader__grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    
    .loader__grid-item {
        position: relative;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-color: #171717
    }
    
    .loader__grid-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: hsla(0, 0%, 100%, .1)
    }
    
    .loader__grid-item:first-of-type::before {
        display: none
    }
    
    .turbolinks-progress-bar {
        display: block;
        z-index: 99;
        height: .375rem;
        background-color: #331ae6
    }
    
    .horizontal-rule {
        display: block;
        position: relative;
        margin: 3.125rem 0 1.875rem;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
    
    .horizontal-rule:after,
    .horizontal-rule:before {
        position: absolute;
        top: 50%;
        width: .625rem;
        height: .625rem;
        border: 2px solid rgba(0, 0, 0, .1);
        border-radius: 50%;
        content: ""
    }
    
    .horizontal-rule:after,
    .horizontal-rule:before {
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%)
    }
    
    .horizontal-rule:before {
        left: 0
    }
    
    .horizontal-rule:after {
        right: 0;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%)
    }
    
    .card-sector-container {
        position: relative;
        z-index: 1
    }
    
    .card-sector {
        display: block;
        position: relative;
        height: 15.625rem;
        margin: .9375rem;
        overflow: hidden;
        background-color: #171717;
        box-shadow: 0 .625rem 1.875rem rgba(0, 0, 0, .3);
        color: #fff;
        text-align: right
    }
    
    .card-sector:hover .card-sector__bg {
        opacity: 1
    }
    
    .card-sector:hover .card-sector__text:before {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    
    .card-sector__bg {
        z-index: 0;
        top: 0;
        transition: all .3s ease-in-out;
        opacity: .3;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
    
    .card-sector__bg,
    .card-sector__text {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none
    }
    
    .card-sector__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        min-height: 5.3125rem;
        margin: 0;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
        font-size: 1.25rem;
        letter-spacing: .09375rem;
        color: #FFF
    }
    
    .card-sector__text:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(calc(100% - 6px));
        transition: -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1);
        transition: transform .37s cubic-bezier(.77, 0, .18, 1), -webkit-transform .37s cubic-bezier(.77, 0, .18, 1);
        background-color: #331ae6
    }
    
    @media (min-width:48em) {
        .card-sector {
            height: 18.75rem
        }
        .card-sector__text {
            height: 6.5625rem;
            font-size: 1rem;
            letter-spacing: .125rem;
            line-height: 1
        }
        .card-sector__text:before {
            transform: translateX(calc(100% - 8px))
        }
    }
    
    @media (min-width:62em) {
        .card-sector__text {
            font-size: 1.5rem
        }
        .card-sector:nth-of-type(2) {
            transform: translate3d(0px, 30px, 0px);
        }
    }
    
    .card-plain {
        display: block;
        position: relative;
        margin: .9375rem 0 3.125rem;
        padding: 3.125rem 3.125rem 4.0625rem;
        background-color: #fff;
        color: #000
    }
    
    .card-plain:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: opacity .4s ease-in-out;
        opacity: 0;
        box-shadow: 0 1.0625rem 2rem rgba(0, 0, 0, .08)
    }
    
    .card-plain:hover:before {
        opacity: 1
    }
    
    .card-plain--fh {
        min-height: 16.875rem
    }
    
    .card-plain__button {
        position: absolute;
        right: 2.5rem;
        bottom: 0;
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }
    
    .card-plain__button--left {
        right: auto;
        left: 2.5rem
    }
    /*@media (max-width:62em) {
  .card-plain {
    max-width: 83.33333%
  }
  .card-plain--right {
    float: right
  }
}*/
    
    @media (min-width:62em) {
        .card-plain {
            margin-right: .9375rem;
            margin-bottom: 5.625rem;
            margin-left: .9375rem
        }
        .card-plain--fh {
            min-height: 18.75rem
        }
        .card-column-plain:nth-of-type(3),
        .card-column-plain:nth-of-type(7),
        .card-column-plain:nth-of-type(11),
        .card-column-plain:nth-of-type(15),
        .card-column-plain:nth-of-type(19),
        .card-column-plain:nth-of-type(23) {
            margin-left: 16.66667%
        }
    }
    
    .card-news {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: .9375rem;
        overflow: hidden;
        color: #fff;
        text-align: left
    }
    
    .card-news:hover .card-news__bg {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    
    .card-news--alpha {
        background-color: #331ae6
    }
    
    .card-news--beta {
        background-color: #171717
    }
    
    .card-news__bg {
        z-index: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        transition: -webkit-transform .5s cubic-bezier(.44, .39, .34, 1.03);
        transition: transform .5s cubic-bezier(.44, .39, .34, 1.03);
        transition: transform .5s cubic-bezier(.44, .39, .34, 1.03), -webkit-transform .5s cubic-bezier(.44, .39, .34, 1.03);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        pointer-events: none
    }
    
    .card-news__bg,
    .card-news__bg:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .card-news__bg:before {
        content: "";
        opacity: .8;
        background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0, #000)
    }
    
    .card-news__content {
        position: relative;
        z-index: 1;
        padding: 1.25rem;
        pointer-events: none
    }
    
    .card-news__title {
        margin-top: 0;
        margin-bottom: .375rem;
        color: #fff
    }
    
    .card-news__date {
        margin-bottom: 0;
        color: hsla(0, 0%, 100%, .5);
        font-size: .875rem;
        font-weight: 700;
        letter-spacing: .03125rem
    }
    
    .card-news__description {
        margin-top: .625rem;
        margin-bottom: 0
    }
    
    @media (max-width:47.938em) {
        .card-news {
            min-height: 18.75rem
        }
    }
    
    @media (min-width:48em) and (max-width:61.938em) {
        .card-news {
            min-height: 25rem
        }
    }
    
    @media (min-width:48em) {
        .card-news__content {
            padding: 3.125rem
        }
    }
    
    @media (min-width:62em) {
        .card-news {
            height: 22.5rem
        }
    }
    
    .card-label {
        position: absolute;
        z-index: 2;
        top: 1.25rem;
        padding: .375rem .75rem;
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-size: .875rem;
        font-weight: 700;
        letter-spacing: .09375rem;
        text-transform: uppercase;
        pointer-events: none
    }
    
    .card-label--alpha {
        background-color: #331ae6;
        color: #fff
    }
    
    .card-label--beta {
        background-color: #171717
    }
    
    .card-label--protego {
        background-color: #ff6400
    }
    
    .card-label--right {
        right: 1.25rem
    }
    
    .card-label--left {
        left: 1.25rem
    }
    
    .card-label--xs {
        font-size: .875rem
    }
    
    .bg-image {
        top: 0;
        max-height: 56.25rem;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%
    }
    
    .bg-image,
    .bg-image:before {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .bg-image:before {
        content: "";
        top: 20%;
        height: 80%;
        background: linear-gradient(180deg, hsla(0, 0%, 9%, 0) 0, #171717)
    }
    
    .bg-image--opacity-20 {
        opacity: .2
    }
    
    .bg-image--opacity-40 {
        opacity: .4
    }
    
    .bg-image--opacity-60 {
        opacity: .6
    }
    
    .bg-image--cover {
        background-size: cover
    }
    
    @media (max-width:47.938em) {
        .bg-image {
            margin-top: 4rem
        }
    }
    
    .decorated-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .decorated-grid__item {
        position: relative;
        width: 100%
    }
    
    .decorated-grid__item:before {
        position: absolute;
        bottom: 0;
        width: 1px;
        background-color: hsla(0, 0%, 100%, .1);
        content: ""
    }
    
    .decorated-grid__item:after {
        position: absolute;
        width: .625rem;
        height: .625rem;
        border: 2px solid #fff;
        border-radius: 50%;
        content: ""
    }
    
    .decorated-grid__item:first-of-type::after,
    .decorated-grid__item:nth-of-type(2):after {
        -webkit-transform: translate3d(-50%, -80%, 0);
        transform: translate3d(-50%, -80%, 0)
    }
    
    .decorated-grid__item:nth-of-type(3):after,
    .decorated-grid__item:nth-of-type(4):after,
    .decorated-grid__item:nth-of-type(5):after,
    .decorated-grid__item:nth-of-type(6):after {
        -webkit-transform: translate3d(50%, -80%, 0);
        transform: translate3d(50%, -80%, 0)
    }
    
    .decorated-grid__item:first-of-type::after,
    .decorated-grid__item:first-of-type::before,
    .decorated-grid__item:nth-of-type(2):after,
    .decorated-grid__item:nth-of-type(2):before {
        left: 0
    }
    
    .decorated-grid__item:nth-of-type(3):after,
    .decorated-grid__item:nth-of-type(3):before,
    .decorated-grid__item:nth-of-type(4):after,
    .decorated-grid__item:nth-of-type(4):before,
    .decorated-grid__item:nth-of-type(5):after,
    .decorated-grid__item:nth-of-type(5):before,
    .decorated-grid__item:nth-of-type(6):after,
    .decorated-grid__item:nth-of-type(6):before {
        right: 0
    }
    
    .decorated-grid__item:first-of-type::before {
        height: 75%
    }
    
    .decorated-grid__item:first-of-type::after {
        top: 25%
    }
    
    .decorated-grid__item:nth-of-type(2):before {
        height: 15%
    }
    
    .decorated-grid__item:nth-of-type(2):after {
        top: 85%
    }
    
    .decorated-grid__item:nth-of-type(3):before {
        height: 85%
    }
    
    .decorated-grid__item:nth-of-type(3):after {
        top: 15%
    }
    
    .decorated-grid__item:nth-of-type(4):before {
        height: 20%
    }
    
    .decorated-grid__item:nth-of-type(4):after {
        top: 80%
    }
    
    .decorated-grid__item:nth-of-type(5):before {
        height: 60%
    }
    
    .decorated-grid__item:nth-of-type(5):after {
        top: 40%
    }
    
    .decorated-grid__item:nth-of-type(6):before {
        height: 30%
    }
    
    .decorated-grid__item:nth-of-type(6):after {
        top: 70%
    }
    
    .decorated-grid__item:nth-of-type(2):after,
    .decorated-grid__item:nth-of-type(2):before,
    .decorated-grid__item:nth-of-type(4):after,
    .decorated-grid__item:nth-of-type(4):before,
    .decorated-grid__item:nth-of-type(5):after,
    .decorated-grid__item:nth-of-type(5):before {
        display: none
    }
    
    @media (min-width:48em) {
        .decorated-grid__item:nth-of-type(2):after,
        .decorated-grid__item:nth-of-type(2):before,
        .decorated-grid__item:nth-of-type(4):after,
        .decorated-grid__item:nth-of-type(4):before,
        .decorated-grid__item:nth-of-type(5):after,
        .decorated-grid__item:nth-of-type(5):before {
            display: block
        }
    }
    
    .decorator-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 100%;
        margin-top: -10rem
    }
    
    .decorator-section--alpha .decorator-section__item {
        background-color: #fff
    }
    
    .decorator-section--beta .decorator-section__item {
        background-color: #f5f5f5
    }
    
    .decorator-section--landing .decorator-section__item {
        background-color: #331ae6
    }
    
    .decorator-section__item {
        width: 100%
    }
    
    .decorator-section__item:first-of-type {
        height: 3.75rem
    }
    
    .decorator-section__item:nth-of-type(2) {
        height: 8.125rem
    }
    
    .decorator-section__item:nth-of-type(3) {
        height: 6.25rem
    }
    
    .decorator-section__item:nth-of-type(4) {
        height: 3.125rem
    }
    
    @media (max-width:47.938em) {
        .decorator-section--alpha:before,
        .decorator-section--beta:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -3.125rem;
            left: 0;
            height: 3.125rem
        }
        .decorator-section--alpha:before {
            content: "";
            background-color: #fff
        }
        .decorator-section--beta:before {
            content: "";
            background-color: #f5f5f5
        }
    }
    
    .logo-grid {
        margin-top: 6.875rem;
        margin-bottom: 2.5rem
    }
    
    .logo-grid__list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 8.125rem
    }
    
    .logo-grid__list-item:before {
        top: 0;
        width: 1px
    }
    
    .logo-grid__list-item:after,
    .logo-grid__list-item:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, .1)
    }
    
    .logo-grid__list-item:after {
        right: 0;
        height: 1px
    }
    
    .logo-grid__list-item:hover .logo-grid__image {
        opacity: 1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }
    
    .logo-grid__decorator {
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 3.125rem;
        height: 3.125rem;
        -webkit-transform: translate3d(-50%, 50%, 0);
        transform: translate3d(-50%, 50%, 0);
        background-color: #fff
    }
    
    .logo-grid__decorator:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: .125rem;
        height: .125rem;
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        border-radius: 50%;
        background-color: rgba(0, 0, 0, .4)
    }
    
    .logo-grid__decorator--small {
        display: block
    }
    
    .logo-grid__decorator--right {
        right: 0;
        left: auto;
        -webkit-transform: translate3d(50%, 50%, 0);
        transform: translate3d(50%, 50%, 0)
    }
    
    .logo-grid__image {
        width: 40%
    }
    
    @media (max-width:47.938em) {
        .logo-grid__list {
            max-width: 17.5rem;
            margin: 0 auto
        }
        .logo-grid__list-item {
            padding: 1.25rem;
            border-right: 1px solid rgba(0, 0, 0, .1)
        }
    }
    
    @media (min-width:48em) {
        .logo-grid__decorator--small,
        .logo-grid__list:last-child .logo-grid__decorator,
        .logo-grid__list:last-child .logo-grid__list-item:after {
            display: none
        }
        .logo-grid__list-item {
            height: 10.625rem
        }
        .logo-grid__list-item:last-child {
            border-right: 1px solid rgba(0, 0, 0, .1)
        }
    }
    
    @media (min-width:62em) {
        .logo-grid {
            margin-bottom: 5rem
        }
    }
    
    .icon-block {
        display: block;
        width: 2.5rem;
        height: 2.5rem;
        border: .125rem solid #3d3d3d;
        border-radius: 50%;
        background-color: #3d3d3d;
        color: #fff;
        font-size: .875rem;
        line-height: 2.5rem;
        text-align: center
    }
    
    .icon-block:hover {
        border-color: #331ae6;
        background-color: #331ae6
    }
    
    .icon-block__icon {
        display: block;
        margin-top: -.125rem;
        margin-left: .125rem
    }
    
    .icon-block--beta {
        border: .125rem solid #fff;
        background-color: #fff;
        color: #3d3d3d
    }
    
    .icon-block--beta:hover {
        border-color: #331ae6;
        background-color: #331ae6;
        color: #fff
    }
    
    .icon-block--bordered {
        border: .125rem solid #3d3d3d;
        background-color: #fff;
        color: #3d3d3d
    }
    
    .icon-block--bordered:hover {
        border-color: #3d3d3d;
        background-color: #3d3d3d;
        color: #fff
    }
    
    .breadcrumb {
        display: none;
        position: absolute;
        min-width: 12.5rem;
        min-height: 5.625rem;
        padding: 1.25rem;
        -webkit-transform: translate3d(-1.25rem, -.375rem, 0);
        transform: translate3d(-1.25rem, -.375rem, 0);
        background-color: #331ae6;
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-weight: 700;
        letter-spacing: .09375rem;
        font-size: .87rem;
        text-transform: uppercase
    }
    
    .breadcrumb__item {
        display: inline-block;
        padding-right: 1.75rem;
        color: hsla(0, 0%, 100%, .6)
    }
    
    .breadcrumb__anchor {
        position: relative;
        color: #fff;
        text-decoration: underline
    }
    
    .breadcrumb__anchor:before {
        position: absolute;
        top: 50%;
        right: -1.25rem;
        width: .4375rem;
        height: 1px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #fff;
        content: ""
    }
    
    @media (min-width:48em) {
        .breadcrumb {
            display: block
        }
    }
    
    @media (min-width:62em) and (max-width:74.938em) {
        .breadcrumb {
            min-width: 16.25rem;
            min-height: 6.875rem;
            -webkit-transform: translate3d(-1.25rem, 1.875rem, 0);
            transform: translate3d(-1.25rem, 1.875rem, 0)
        }
    }
    
    @media (min-width:75em) {
        .breadcrumb {
            min-width: 24.375rem;
            min-height: 6.875rem;
            -webkit-transform: translate3d(-1.25rem, .75rem, 0);
            transform: translate3d(-1.25rem, .75rem, 0)
        }
    }
    
    .descr-list {
        margin-bottom: 1.875rem
    }
    
    .descr-list__key {
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-size: 1.125rem;
        font-weight: 700;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    
    .descr-list__anchor,
    .descr-list__value {
        color: #000
    }
    
    .descr-list__anchor {
        text-decoration: underline
    }
    
    .descr-list__anchor:focus,
    .descr-list__anchor:hover {
        color: #331ae6
    }
    
    .fade-slider {
        max-height: 56.25rem
    }
    
    .fade-slider,
    .fade-slider__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
    
    .fade-slider__image {
        transition: opacity 1.5s linear;
        opacity: 0;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        animation-duration: 24s;
        animation-iteration-count: infinite;
    }
    
    .fade-slider__image:before {
        content: "";
        position: absolute;
        top: 20%;
        right: 0;
        bottom: 0;
        left: 0;
        height: 80%;
        background: linear-gradient(180deg, hsla(0, 0%, 9%, 0) 0, #171717)
    }
    
    .active .fade-slider__image {
        opacity: 1
    }
    
    @media (max-width: 47.938em) {
        .fade-slider {
            margin-top: 4rem
        }
    }
    
    .slide1 {
        background: url(/assets/img/services/digital-transformation.jpg) no-repeat top;
        animation-name: fade;
        background-size: 100%
    }
    
    .slide2 {
        background: url(/assets/img/home/sre.jpg) no-repeat top;
        animation-name: fade2;
        background-size: 100%
    }
    
    .slide3 {
        background: url(/assets/img/home/digital-revolution.jpg) no-repeat top;
        animation-name: fade3;
        background-size: 100%
    }
    
    .slide4 {
        background: url(/assets/img/home/modernize.jpg) no-repeat top;
        animation-name: fade4;
        background-size: 100%
    }
    
    .slide5 {
        background: url(/assets/img/home/serverless.jpg) no-repeat top;
        animation-name: fade5;
        background-size: 100%
    }
    
    .slide6 {
        background: url(/assets/img/home/machine-learning.jpg) no-repeat top;
        animation-name: fade6;
        background-size: 100%
    }
    
    @keyframes fade {
        0% {
            opacity: 1;
        }
        14.28% {
            opacity: 1;
        }
        28.57% {
            opacity: 0;
        }
        42.86% {
            opacity: 0;
        }
        57.14% {
            opacity: 0;
        }
        71.42% {
            opacity: 0;
        }
        85.71% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    @keyframes fade2 {
        0% {
            opacity: 0;
        }
        14.28% {
            opacity: 0;
        }
        28.57% {
            opacity: 1;
        }
        42.86% {
            opacity: 0;
        }
        57.14% {
            opacity: 0;
        }
        71.42% {
            opacity: 0;
        }
        85.71% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fade3 {
        0% {
            opacity: 0;
        }
        14.28% {
            opacity: 0;
        }
        28.57% {
            opacity: 0;
        }
        42.86% {
            opacity: 1;
        }
        57.14% {
            opacity: 0;
        }
        71.42% {
            opacity: 0;
        }
        85.71% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fade4 {
        0% {
            opacity: 0;
        }
        14.28% {
            opacity: 0;
        }
        28.57% {
            opacity: 0;
        }
        42.86% {
            opacity: 0;
        }
        57.14% {
            opacity: 1;
        }
        71.42% {
            opacity: 0;
        }
        85.71% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fade5 {
        0% {
            opacity: 0;
        }
        14.28% {
            opacity: 0;
        }
        28.57% {
            opacity: 0;
        }
        42.86% {
            opacity: 0;
        }
        57.14% {
            opacity: 0;
        }
        71.42% {
            opacity: 1;
        }
        85.71% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    
    @keyframes fade6 {
        0% {
            opacity: 0;
        }
        14.28% {
            opacity: 0;
        }
        28.57% {
            opacity: 0;
        }
        42.86% {
            opacity: 0;
        }
        57.14% {
            opacity: 0;
        }
        71.42% {
            opacity: 0;
        }
        85.71% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    /* video wrapper */
    
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    .video-wrapper iframe,
    .video-wrapper object,
    .video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .case-banner-visual {
        position: relative;
        width: 100%;
        min-height: 20rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, .3);
    }
    
    @media (min-width:62em) and (max-width:74.938em) {
        .case-banner-visual {
            min-height: 26.25rem;
            margin-top: -6.25rem
        }
    }
    
    @media (min-width:75em) {
        .case-banner-visual {
            min-height: 32.5rem;
            margin-top: -9.0625rem
        }
    }
    
    .items-overlap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-top: -11.25rem
    }
    
    @media (min-width:48em) {
        .items-overlap {
            margin-top: -18.75rem
        }
    }
    
    .case-data {
        padding-bottom: 8.75rem
    }
    
    .case-data__key {
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-weight: 700;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    
    .case-data__value {
        margin: 0;
        color: hsla(0, 0%, 100%, .7)
    }
    
    .case-data__value-anchor {
        display: block;
        color: hsla(0, 0%, 100%, .7);
        text-decoration: underline
    }
    
    @media (min-width:48em) {
        .case-data {
            text-align: right
        }
    }
    
    .block-text-image {
        position: relative;
        margin-bottom: 4.375rem
    }
    
    .block-text-image__visual {
        position: relative;
        width: 100%;
        height: 25rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
    
    .block-text-image__text {
        margin-top: -8.75rem;
        margin-bottom: 0
    }
    
    @media (min-width:48em) {
        .block-text-image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-top: 4.375rem
        }
        .block-text-image__visual {
            width: 50%;
            height: 39.375rem
        }
        .block-text-image__text {
            right: 8.33333%;
            width: 50%;
            margin-top: 8.75rem
        }
        .block-text-image__text--left {
            right: 0;
            left: 8.33333%;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }
    }
    
    .pagination {
        position: relative;
        margin-top: 3.125rem;
        margin-bottom: 1.875rem;
        margin-left: .9375rem;
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-weight: 700
    }
    
    .pagination li {
        display: inline-block;
        padding-right: .625rem
    }
    
    .pagination .active .page,
    .pagination .active .page:focus,
    .pagination .active .page:hover {
        background-color: #331ae6;
        color: #fff
    }
    
    .pagination .page {
        padding: 1rem;
        background-color: #f5f5f5;
        color: #331ae6
    }
    
    .pagination .page:focus,
    .pagination .page:hover {
        background-color: #dbdbdb
    }
    
    .social-list {
        text-align: center
    }
    
    .social-list__item {
        display: inline-block;
        padding: .3125rem
    }
    
    .social-list__label {
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    
    @media (min-width:62em) {
        .social-list {
            text-align: left
        }
        .social-list__item {
            padding: 0 1.25rem 0 0
        }
    }
    
    .news-content {
        margin-top: -15rem
    }
    
    .news-content__image {
        box-shadow: 0 .625rem 1.875rem rgba(0, 0, 0, .3)
    }
    
    .icon {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: icon-font;
        font-style: normal;
        font-weight: 400;
        text-transform: none
    }
    
    .icon-arrow:before {
        content: "a"
    }
    
    .icon-facebook:before {
        content: "b"
    }
    
    .icon-linkedin:before {
        content: "c"
    }
    
    .icon-twitter:before {
        content: "e"
    }
    
    .icon-triangle:before {
        content: "d"
    }
    
    .icon-mail:before {
        content: "f"
    }
    
    .main-header {
        position: fixed;
        z-index: 97;
        top: 0;
        right: 0;
        left: 0
    }
    
    .main-header__logo {
        display: block;
        width: 6.875rem;
        height: 4rem;
        background-image: url(/assets/img/logo/svg/mode2-logo-white.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%
    }
    
    .main-header__logo-beta {
        display: block;
        width: 6.875rem;
        height: 4rem;
        background-image: url(/assets/img/logo/svg/mode2-logo.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100%
    }
    
    @media (max-width:47.938em) {
        .main-header {
            background-color: hsla(0, 0%, 9%, .8)
        }
    }
    
    @media (min-width:48em) {
        .main-header {
            position: absolute
        }
        .main-header__logo {
            width: 6.25rem;
            height: 5rem
        }
    }
    
    @media (min-width:62em) {
        .main-header__logo {
            width: 6.875rem
        }
    }
    
    .dont-break-out a[href] {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    
    .footer {
        position: relative;
        min-height: 8.75rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        background-color: #2e2e2e
    }
    /* timeline */
    
    .circle {
        font-weight: bold;
        padding: 8px 20px;
        border-radius: 50%;
        background-color: #e6331a;
        color: #fff;
        max-height: 50px;
        z-index: 2;
    }
    
    .col-2 {
        /*width: 100%;*/
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    
    .how-it-works.row {
        display: flex;
    }
    
    .how-it-works.row .col-2 {
        display: inline-flex;
        align-self: stretch;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    
    .how-it-works.row .col-2:after {
        content: "";
        position: absolute;
        border-left: 3px solid #e6331a;
        z-index: 1;
    }
    
    .how-it-works.row .col-2.bottom::after {
        height: 50%;
        left: 50%;
        top: 50%;
    }
    
    .how-it-works.row .col-2.full::after {
        height: 100%;
        left: 50%;
    }
    
    .how-it-works.row .col-2.full-right::after {
        height: 100%;
        left: calc(50% - 3px);
    }
    
    .how-it-works.row .col-2.top::after {
        height: 50%;
        left: 50%;
        top: 0;
    }
    
    .timeline div {
        padding: 0;
        height: 40px;
    }
    
    .timeline hr {
        border-top: 3px solid #e6331a;
        border-left: 0;
        border-right: 0;
        margin: 0;
        top: 17px;
        position: relative;
    }
    
    .timeline .col-2 {
        display: flex;
        overflow: hidden;
    }
    
    .timeline .corner {
        border: 3px solid #e6331a;
        width: 100%;
        position: relative;
        border-radius: 15px;
    }
    
    .timeline .top-right {
        left: 50%;
        top: -50%;
    }
    
    .timeline .left-bottom {
        left: -50%;
        top: calc(50% - 3px);
    }
    
    .timeline .top-left {
        left: -50%;
        top: -50%;
    }
    
    .timeline .right-bottom {
        left: 50%;
        top: calc(50% - 3px);
    }
    
    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }
    /* Accordion */
    
    .accordion-toggle {
        cursor: pointer;
        margin: 0;
    }
    
    .accordion-content {
        display: none;
    }
    
    .accordion-content.default {
        display: block;
    }
    
    .bb-public-jobs-list__job-item {
        font-family: "ApercuPro-Bold", monospace, sans-serif;
        font-size: 1rem
    }
    
    .bb-public-jobs-list__job-item:hover {
        display: inline;
        transition: all .3s linear;
        color: #331ae6;
        text-decoration: none;
    }